}\n \n );\n});\n\nModelItem.displayName = \"ModelItem\";\n\ninterface SourceCommandItemProps {\n source: SourceDocumentUIPart;\n index: number;\n onAdd: (source: SourceDocumentUIPart) => void;\n}\n\nconst SourceCommandItem = memo(\n ({ source, index, onAdd }: SourceCommandItemProps) => {\n const handleSelect = useCallback(() => onAdd(source), [onAdd, source]);\n return (\n \n \n

\n {source.title}\n \n {source.filename}\n \n

\n \n );\n },\n);\n\nSourceCommandItem.displayName = \"SourceCommandItem\";\n\nconst sampleSources: SourceDocumentUIPart[] = [\n {\n filename: \"packages/elements/src\",\n mediaType: \"text/plain\",\n sourceId: \"1\",\n title: \"prompt-input.tsx\",\n type: \"source-document\",\n },\n {\n filename: \"apps/test/app/examples\",\n mediaType: \"text/plain\",\n sourceId: \"2\",\n title: \"queue.tsx\",\n type: \"source-document\",\n },\n {\n filename: \"packages/elements/src\",\n mediaType: \"text/plain\",\n sourceId: \"3\",\n title: \"queue.tsx\",\n type: \"source-document\",\n },\n];\n\nconst sampleTabs = {\n active: [{ path: \"packages/elements/src/task-queue-panel.tsx\" }],\n recents: [\n { path: \"apps/test/app/examples/task-queue-panel.tsx\" },\n { path: \"apps/test/app/page.tsx\" },\n { path: \"packages/elements/src/task.tsx\" },\n { path: \"apps/test/app/examples/prompt-input.tsx\" },\n { path: \"packages/elements/src/queue.tsx\" },\n { path: \"apps/test/app/examples/queue.tsx\" },\n ],\n};\n\nconst PromptInputAttachmentsDisplay = () => {\n const attachments = usePromptInputAttachments();\n\n const handleRemove = useCallback(\n (id: string) => attachments.remove(id),\n [attachments],\n );\n\n if (attachments.files.length === 0) {\n return null;\n }\n\n return (\n \n {attachments.files.map((attachment) => (\n \n ))}\n \n );\n};\n\nconst PromptInputReferencedSourcesDisplay = () => {\n const refs = usePromptInputReferencedSources();\n\n const handleRemove = useCallback((id: string) => refs.remove(id), [refs]);\n\n if (refs.sources.length === 0) {\n return null;\n }\n\n return (\n \n {refs.sources.map((source) => (\n \n ))}\n \n );\n};\n\nconst Example = () => {\n const [model, setModel] = useState(models[0].id);\n const [modelSelectorOpen, setModelSelectorOpen] = useState(false);\n const [status, setStatus] = useState<\n \"submitted\" | \"streaming\" | \"ready\" | \"error\"\n >(\"ready\");\n\n const selectedModelData = models.find((m) => m.id === model);\n\n const handleModelSelect = useCallback((id: string) => {\n setModel(id);\n setModelSelectorOpen(false);\n }, []);\n\n const handleSubmit = useCallback((message: PromptInputMessage) => {\n const hasText = Boolean(message.text);\n const hasAttachments = Boolean(message.files?.length);\n\n if (!(hasText || hasAttachments)) {\n return;\n }\n\n setStatus(\"submitted\");\n\n setTimeout(() => {\n setStatus(\"streaming\");\n }, SUBMITTING_TIMEOUT);\n\n setTimeout(() => {\n setStatus(\"ready\");\n }, STREAMING_TIMEOUT);\n }, []);\n\n return (\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 1\n \n \n \n

\n Attached Project Rules\n

\n Always Apply:\n

ultracite.mdc

\n Click to manage\n

\n \n \n \n \n \n \n 1 Tab\n \n \n \n \n Active Tabs\n \n {sampleTabs.active.map((tab) => (\n \n \n \n {tab.path}\n \n \n ))}\n \n \n \n Recents\n \n {sampleTabs.recents.map((tab) => (\n \n \n \n {tab.path}\n \n \n ))}\n \n \n

\n Only file paths are included\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {selectedModelData?.chefSlug && (\n \n )}\n {selectedModelData?.name && (\n \n {selectedModelData.name}\n \n )}\n \n \n \n \n \n No models found.\n {[\"OpenAI\", \"Anthropic\", \"Google\"].map((chef) => (\n \n {models\n .filter((m) => m.chef === chef)\n .map((m) => (\n \n ))}\n \n ))}\n \n \n \n \n

\n \n \n

\n \n \n \n

\n );\n};\n\nexport default Example;\n\nconst SampleFilesMenu = () => {\n const refs = usePromptInputReferencedSources();\n\n const handleAdd = useCallback(\n (source: SourceDocumentUIPart) => refs.add(source),\n [refs],\n );\n\n return (\n \n \n \n \n No results found.\n \n \n \n \n Active Tabs\n ✓\n \n \n \n \n {sampleSources\n .filter(\n (source) =>\n !refs.sources.some(\n (s) =>\n s.title === source.title && s.filename === source.filename,\n ),\n )\n .map((source, index) => (\n \n ))}\n \n \n \n );\n};\n","deleted","label",[176,177,178,179,158],".claude","skills","ai-elements","scripts","permalink","https://www.val.town/x/drewmcdonald/promptCompare/code/.claude/skills/ai-elements/scripts/prompt-input-cursor.tsx","extension","actionData","errors"]