@dxos/plugin-automation 0.7.5-labs.071a3e2 → 0.7.5-labs.8a82073

package/dist/types/src/components/Prompt/Prompt.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type UseTextEditorProps } from '@dxos/react-ui-editor';
+import { type AutocompleteOptions } from './prompt-autocomplete';
+export type PromptProps = ThemedClassName<AutocompleteOptions & Pick<UseTextEditorProps, 'autoFocus'>>;
+export declare const Prompt: ({ classNames, autoFocus, onEnter, onSuggest }: PromptProps) => React.JSX.Element;
+//# sourceMappingURL=Prompt.d.ts.map

package/dist/types/src/components/Prompt/Prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../../src/components/Prompt/Prompt.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,eAAe,EAAmB,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAA+B,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE9F,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,mBAAmB,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC;AAEvG,eAAO,MAAM,MAAM,kDAAmD,WAAW,sBAgBhF,CAAC"}

package/dist/types/src/components/Prompt/Prompt.stories.d.ts

@@ -0,0 +1,8 @@
+import '@dxos-theme';
+import { type StoryObj, type Meta } from '@storybook/react';
+import { Prompt } from './Prompt';
+declare const meta: Meta<typeof Prompt>;
+export default meta;
+type Story = StoryObj<typeof Prompt>;
+export declare const Default: Story;
+//# sourceMappingURL=Prompt.stories.d.ts.map

package/dist/types/src/components/Prompt/Prompt.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Prompt/Prompt.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAO7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC"}

package/dist/types/src/components/Prompt/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Prompt';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Prompt/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Prompt/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}

package/dist/types/src/components/Prompt/prompt-autocomplete.d.ts

@@ -0,0 +1,20 @@
+import { type Extension } from '@codemirror/state';
+export type AutocompleteOptions = {
+    /**
+     * Callback triggered when Enter is pressed.
+     * @param text The current text in the editor
+     */
+    onEnter?: (text: string) => void;
+    /**
+     * Function that returns a list of suggestions based on the current text.
+     * @param text The current text before the cursor
+     * @returns Array of suggestion strings
+     */
+    onSuggest: (text: string) => string[];
+};
+/**
+ * Creates an autocomplete extension that shows inline suggestions.
+ * Pressing Tab will complete the suggestion.
+ */
+export declare const createAutocompleteExtension: ({ onEnter, onSuggest }: AutocompleteOptions) => Extension;
+//# sourceMappingURL=prompt-autocomplete.d.ts.map

package/dist/types/src/components/Prompt/prompt-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Prompt/prompt-autocomplete.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAWzD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;;;OAIG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;CACvC,CAAC;AAmBF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,2BAA4B,mBAAmB,KAAG,SAoJzF,CAAC"}

package/dist/types/src/components/Thread/Thread.stories.d.ts

@@ -6,5 +6,6 @@ export default meta;
 type Story = StoryObj<ThreadProps>;
 export declare const Default: Story;
 export declare const Input: Story;
+export declare const Collapse: Story;
 export declare const Incremental: Story;
 //# sourceMappingURL=Thread.stories.d.ts.map

package/dist/types/src/components/Thread/Thread.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thread.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/Thread.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAQ5D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAiDpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAQ3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAoFnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}
+{"version":3,"file":"Thread.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/Thread.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAQ5D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAiDpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAQ3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAoFnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}

package/dist/types/src/components/Thread/ThreadMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/ThreadMessage.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAA4B,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAO,EAA6B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AASjF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2EhD,CAAC"}
+{"version":3,"file":"ThreadMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Thread/ThreadMessage.tsx"],"names":[],"mappings":"AAIA,OAAc,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAA4B,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGxE,OAAO,EAA6B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQjF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAsEhD,CAAC"}

package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TriggerEditor/TriggerEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAGrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAMvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,yCAA0C,kBAAkB,sBA4FrF,CAAC"}
+{"version":3,"file":"TriggerEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TriggerEditor/TriggerEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAGrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAMvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,yCAA0C,kBAAkB,sBAiGrF,CAAC"}

package/dist/types/src/translations.d.ts

@@ -26,6 +26,7 @@ declare const _default: {
             'trigger type websocket'?: undefined;
             'trigger type subscription'?: undefined;
             'trigger type email'?: undefined;
+            'trigger type queue'?: undefined;
             'trigger filter'?: undefined;
             'trigger cron'?: undefined;
             'trigger method'?: undefined;
@@ -60,6 +61,7 @@ declare const _default: {
             'trigger type websocket': string;
             'trigger type subscription': string;
             'trigger type email': string;
+            'trigger type queue': string;
             'trigger filter': string;
             'trigger cron': string;
             'trigger method': string;
@@ -96,6 +98,7 @@ declare const _default: {
             'trigger type websocket': string;
             'trigger type subscription': string;
             'trigger type email': string;
+            'trigger type queue': string;
             'trigger filter': string;
             'trigger cron': string;
             'trigger method': string;

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAkDE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAmDE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-automation",
-  "version": "0.7.5-labs.071a3e2",
+  "version": "0.7.5-labs.8a82073",
   "description": "Prompt chain plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -32,6 +32,7 @@
     "src"
   ],
   "dependencies": {
+    "@codemirror/autocomplete": "^6.18.1",
     "@codemirror/language": "^6.10.3",
     "@codemirror/search": "^6.5.6",
     "@codemirror/state": "^6.4.1",
@@ -42,44 +43,45 @@
     "lodash.get": "^4.4.2",
     "react-markdown": "^8.0.5",
     "unified": "^11.0.0",
-    "@dxos/assistant": "0.7.5-labs.071a3e2",
-    "@dxos/async": "0.7.5-labs.071a3e2",
-    "@dxos/compute": "0.7.5-labs.071a3e2",
-    "@dxos/artifact": "0.7.5-labs.071a3e2",
-    "@dxos/app-framework": "0.7.5-labs.071a3e2",
-    "@dxos/conductor": "0.7.5-labs.071a3e2",
-    "@dxos/context": "0.7.5-labs.071a3e2",
-    "@dxos/client": "0.7.5-labs.071a3e2",
-    "@dxos/echo-db": "0.7.5-labs.071a3e2",
-    "@dxos/echo-schema": "0.7.5-labs.071a3e2",
-    "@dxos/edge-client": "0.7.5-labs.071a3e2",
-    "@dxos/functions": "0.7.5-labs.071a3e2",
-    "@dxos/invariant": "0.7.5-labs.071a3e2",
-    "@dxos/keys": "0.7.5-labs.071a3e2",
-    "@dxos/live-object": "0.7.5-labs.071a3e2",
-    "@dxos/log": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-client": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-deck": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-graph": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-inbox": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-markdown": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-script": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-sketch": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-space": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-wnfs": "0.7.5-labs.071a3e2",
-    "@dxos/react-edge-client": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-stack": "0.7.5-labs.071a3e2",
-    "@dxos/react-client": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-canvas-compute": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-canvas-editor": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-editor": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-form": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-sfx": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-syntax-highlighter": "0.7.5-labs.071a3e2",
-    "@dxos/schema": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-stack": "0.7.5-labs.071a3e2",
-    "@dxos/util": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-list": "0.7.5-labs.071a3e2"
+    "@dxos/assistant": "0.7.5-labs.8a82073",
+    "@dxos/app-framework": "0.7.5-labs.8a82073",
+    "@dxos/async": "0.7.5-labs.8a82073",
+    "@dxos/client": "0.7.5-labs.8a82073",
+    "@dxos/compute": "0.7.5-labs.8a82073",
+    "@dxos/artifact": "0.7.5-labs.8a82073",
+    "@dxos/conductor": "0.7.5-labs.8a82073",
+    "@dxos/context": "0.7.5-labs.8a82073",
+    "@dxos/echo-db": "0.7.5-labs.8a82073",
+    "@dxos/edge-client": "0.7.5-labs.8a82073",
+    "@dxos/functions": "0.7.5-labs.8a82073",
+    "@dxos/echo-schema": "0.7.5-labs.8a82073",
+    "@dxos/invariant": "0.7.5-labs.8a82073",
+    "@dxos/keys": "0.7.5-labs.8a82073",
+    "@dxos/live-object": "0.7.5-labs.8a82073",
+    "@dxos/log": "0.7.5-labs.8a82073",
+    "@dxos/plugin-client": "0.7.5-labs.8a82073",
+    "@dxos/plugin-graph": "0.7.5-labs.8a82073",
+    "@dxos/plugin-inbox": "0.7.5-labs.8a82073",
+    "@dxos/plugin-deck": "0.7.5-labs.8a82073",
+    "@dxos/plugin-sketch": "0.7.5-labs.8a82073",
+    "@dxos/plugin-markdown": "0.7.5-labs.8a82073",
+    "@dxos/plugin-script": "0.7.5-labs.8a82073",
+    "@dxos/plugin-space": "0.7.5-labs.8a82073",
+    "@dxos/plugin-stack": "0.7.5-labs.8a82073",
+    "@dxos/plugin-wnfs": "0.7.5-labs.8a82073",
+    "@dxos/react-client": "0.7.5-labs.8a82073",
+    "@dxos/react-edge-client": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-canvas-compute": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-components": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-canvas-editor": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-editor": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-form": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-list": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-stack": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-syntax-highlighter": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-sfx": "0.7.5-labs.8a82073",
+    "@dxos/util": "0.7.5-labs.8a82073",
+    "@dxos/schema": "0.7.5-labs.8a82073"
   },
   "devDependencies": {
     "@types/lodash.get": "^4.4.7",
@@ -89,21 +91,21 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-db": "0.7.5-labs.071a3e2",
-    "@dxos/artifact-testing": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-chess": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-map": "0.7.5-labs.071a3e2",
-    "@dxos/random": "0.7.5-labs.071a3e2",
-    "@dxos/plugin-table": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-theme": "0.7.5-labs.071a3e2",
-    "@dxos/storybook-utils": "0.7.5-labs.071a3e2"
+    "@dxos/artifact-testing": "0.7.5-labs.8a82073",
+    "@dxos/echo-db": "0.7.5-labs.8a82073",
+    "@dxos/plugin-chess": "0.7.5-labs.8a82073",
+    "@dxos/plugin-table": "0.7.5-labs.8a82073",
+    "@dxos/plugin-map": "0.7.5-labs.8a82073",
+    "@dxos/random": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-theme": "0.7.5-labs.8a82073",
+    "@dxos/react-ui": "0.7.5-labs.8a82073",
+    "@dxos/storybook-utils": "0.7.5-labs.8a82073"
   },
   "peerDependencies": {
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-labs.071a3e2",
-    "@dxos/react-ui-theme": "0.7.5-labs.071a3e2"
+    "@dxos/react-ui": "0.7.5-labs.8a82073",
+    "@dxos/react-ui-theme": "0.7.5-labs.8a82073"
   },
   "publishConfig": {
     "access": "public"

package/src/AutomationPlugin.tsx

@@ -16,11 +16,6 @@ import { AutomationAction, ChainPromptType, ChainType, AIChatType, ServiceType }
 // TODO(wittjosiah): Rename to AssistantPlugin?
 export const AutomationPlugin = () =>
   definePlugin(meta, [
-    defineModule({
-      id: `${meta.id}/module/ai-client`,
-      activatesOn: ClientEvents.ClientReady,
-      activate: AiClient,
-    }),
     defineModule({
       id: `${meta.id}/module/translations`,
       activatesOn: Events.SetupTranslations,
@@ -88,4 +83,9 @@ export const AutomationPlugin = () =>
       activatesOn: Events.SetupIntents,
       activate: IntentResolver,
     }),
+    defineModule({
+      id: `${meta.id}/module/ai-client`,
+      activatesOn: ClientEvents.ClientReady,
+      activate: AiClient,
+    }),
   ]);

package/src/components/{Thread → Box}/Tabbed.stories.tsx

@@ -34,10 +34,9 @@ export const Default: Story = {
     return (
       <div className='flex flex-col w-[500px] p-4 bg-attention'>
         <ToggleContainer
+          open
           title={content[selected].title}
           classNames='p-1 rounded-lg bg-baseSurface border border-neutral-500'
-          toggle
-          defaultOpen
         >
           <div className='flex w-full overflow-hidden'>
             <Tabs length={content.length} selected={selected} onSelect={setSelected} />

package/src/components/Box/Tabbed.tsx

@@ -0,0 +1,89 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React, { forwardRef } from 'react';
+
+import { Icon, type ThemedClassName } from '@dxos/react-ui';
+import { mx } from '@dxos/react-ui-theme';
+
+const numbers = [
+  { regular: 'ph--number-circle-zero--thin', active: 'ph--number-circle-zero--duotone' },
+  { regular: 'ph--number-circle-one--thin', active: 'ph--number-circle-one--duotone' },
+  { regular: 'ph--number-circle-two--thin', active: 'ph--number-circle-two--duotone' },
+  { regular: 'ph--number-circle-three--thin', active: 'ph--number-circle-three--duotone' },
+  { regular: 'ph--number-circle-four--thin', active: 'ph--number-circle-four--duotone' },
+  { regular: 'ph--number-circle-five--thin', active: 'ph--number-circle-five--duotone' },
+  { regular: 'ph--number-circle-six--thin', active: 'ph--number-circle-six--duotone' },
+  { regular: 'ph--number-circle-seven--thin', active: 'ph--number-circle-seven--duotone' },
+  { regular: 'ph--number-circle-eight--thin', active: 'ph--number-circle-eight--duotone' },
+  { regular: 'ph--number-circle-nine--thin', active: 'ph--number-circle-nine--duotone' },
+];
+
+export type TabsProps = ThemedClassName<{
+  length: number;
+  selected?: number;
+  onSelect?: (index: number) => void;
+}>;
+
+export const Tabs = forwardRef<HTMLDivElement, TabsProps>(
+  ({ classNames, length, selected = 0, onSelect }, forwardedRef) => {
+    return (
+      <div
+        ref={forwardedRef}
+        className={mx('flex flex-col overflow-hidden outline-none', classNames)}
+        tabIndex={-1}
+        onKeyDown={(ev) => {
+          // TODO(burdon): Focus when open Toggle.
+          switch (ev.key) {
+            case 'ArrowDown':
+            case 'ArrowRight': {
+              ev.preventDefault();
+              ev.stopPropagation();
+              if (selected < length - 1) {
+                onSelect?.(selected + 1);
+              }
+              break;
+            }
+            case 'ArrowUp':
+            case 'ArrowLeft': {
+              ev.preventDefault();
+              ev.stopPropagation();
+              if (selected > 0) {
+                onSelect?.(selected - 1);
+              }
+              break;
+            }
+
+            case 'Enter': {
+              ev.preventDefault();
+              ev.stopPropagation();
+              onSelect?.(selected);
+              break;
+            }
+          }
+        }}
+      >
+        {Array.from({ length }).map((_, i) => {
+          const icon = numbers[i + 1];
+          return (
+            <div
+              key={i}
+              className={mx(
+                'relative flex w-[24px] h-[28px] justify-center cursor-pointer text-subdued',
+                selected === i && '!text-cyan-550 !dark:text-cyan-300',
+              )}
+            >
+              {i < length - 1 && <div className='absolute left-[11.5px] top-[21px] w-[1px] h-[10px] bg-neutral-400' />}
+              <Icon
+                icon={selected === i ? icon.regular : icon.regular}
+                classNames='z-10 !p-0 !w-[24px] !h-[24px] outline-none'
+                onClick={() => onSelect?.(i)}
+              />
+            </div>
+          );
+        })}
+      </div>
+    );
+  },
+);

package/src/components/{Thread → Box}/ToggleContainer.stories.tsx

@@ -71,7 +71,6 @@ const Render = ({ shrinkX, ...props }: ToggleContainerProps) => {
           <ToggleContainer
             {...props}
             shrinkX={shrinkX}
-            toggle
             icon={
               running ? (
                 <Icon icon={'ph--circle-notch--regular'} classNames='text-subdued ml-2 animate-spin' size={4} />

package/src/components/{Thread → Box}/ToggleContainer.tsx

@@ -4,39 +4,38 @@
 
 import React, { type JSX, type PropsWithChildren, useEffect, useState } from 'react';
 
-import { Icon, type ThemedClassName } from '@dxos/react-ui';
+import { Icon, useControlledState, type ThemedClassName } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
 
 export type ToggleContainerProps = ThemedClassName<
   PropsWithChildren<{
     title?: string | JSX.Element;
     icon?: JSX.Element;
-    toggle?: boolean;
-    defaultOpen?: boolean;
+    open?: boolean;
     duration?: number;
     /** Should shrink the width when closed. */
     shrinkX?: boolean;
+    onChangeOpen?: (open: boolean) => void;
   }>
 >;
 
-// TODO(burdon): Externalize toggle state.
 export const ToggleContainer = ({
+  classNames,
   title,
   icon,
-  toggle,
-  defaultOpen,
+  open: _open,
   duration = 400,
   shrinkX = false,
   children,
-  classNames,
+  onChangeOpen,
 }: ToggleContainerProps) => {
-  const [expand, setExpand] = useState(defaultOpen || !toggle);
-  const [expandX, setExpandX] = useState(shrinkX ? expand : true);
-  const [expandY, setExpandY] = useState(expand);
+  const [open, setOpen] = useControlledState(_open);
+  const [expandX, setExpandX] = useState(shrinkX ? open : true);
+  const [expandY, setExpandY] = useState(open);
 
   useEffect(() => {
     let t: NodeJS.Timeout;
-    if (expand) {
+    if (open) {
       if (shrinkX) {
         setExpandX(true);
       }
@@ -56,25 +55,31 @@ export const ToggleContainer = ({
     }
 
     return () => clearTimeout(t);
-  }, [expand]);
+  }, [open]);
+
+  const handleToggle = () => {
+    if (onChangeOpen) {
+      onChangeOpen(!open);
+    } else {
+      setOpen((open) => !open);
+    }
+  };
 
   return (
     <div className={mx('overflow-hidden', classNames)}>
       {title && (
         <div
           className='flex gap-1 py-1 items-center text-sm text-subdued cursor-pointer select-none'
-          onClick={toggle ? () => setExpand((open) => !open) : undefined}
+          onClick={handleToggle}
         >
-          {toggle && (
-            <div className='flex w-[24px] h-[24px] items-center justify-center'>
-              <Icon
-                size={4}
-                icon={'ph--caret-right--regular'}
-                style={{ transitionDuration: `${shrinkX ? duration * 2 : duration}ms` }}
-                classNames={['transition transition-transform ease-in-out', expand ? 'rotate-90' : 'transform-none']}
-              />
-            </div>
-          )}
+          <div className='flex w-[24px] h-[24px] items-center justify-center'>
+            <Icon
+              size={4}
+              icon={'ph--caret-right--regular'}
+              style={{ transitionDuration: `${shrinkX ? duration * 2 : duration}ms` }}
+              classNames={['transition transition-transform ease-in-out', open ? 'rotate-90' : 'transform-none']}
+            />
+          </div>
           <div className='flex-1 pis-1 pie-1 truncate'>{title}</div>
           {icon}
         </div>

package/src/components/Box/index.ts

@@ -0,0 +1,7 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './StatusLine';
+export * from './Tabbed';
+export * from './ToggleContainer';

package/src/components/Prompt/Prompt.stories.tsx

@@ -0,0 +1,50 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import '@dxos-theme';
+
+import { type StoryObj, type Meta } from '@storybook/react';
+
+import { withTheme } from '@dxos/storybook-utils';
+
+import { Prompt } from './Prompt';
+
+const meta: Meta<typeof Prompt> = {
+  title: 'plugins/plugin-automation/Prompt',
+  component: Prompt,
+  decorators: [withTheme],
+  parameters: {
+    layout: 'centered',
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Prompt>;
+
+export const Default: Story = {
+  args: {
+    classNames: 'w-96 p-4 rounded outline outline-gray-200',
+    autoFocus: true,
+    onEnter: (text) => {
+      console.log('onEnter', text);
+    },
+    onSuggest: (text) => {
+      const trimmed = text.trim().toLowerCase();
+      if (trimmed.length < 2) {
+        return [];
+      }
+
+      const suggestions = [
+        'Create a CRM',
+        'Create a new project',
+        'Find flights to Tokyo',
+        "Let's play chess",
+        'Show me Paris on a map',
+      ];
+
+      return suggestions.filter((s) => s.toLowerCase().startsWith(text));
+    },
+  },
+};

package/src/components/Prompt/Prompt.tsx

@@ -0,0 +1,36 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { type ThemedClassName, useThemeContext } from '@dxos/react-ui';
+import {
+  createBasicExtensions,
+  createThemeExtensions,
+  useTextEditor,
+  type UseTextEditorProps,
+} from '@dxos/react-ui-editor';
+import { mx } from '@dxos/react-ui-theme';
+
+import { createAutocompleteExtension, type AutocompleteOptions } from './prompt-autocomplete';
+
+export type PromptProps = ThemedClassName<AutocompleteOptions & Pick<UseTextEditorProps, 'autoFocus'>>;
+
+export const Prompt = ({ classNames, autoFocus, onEnter, onSuggest }: PromptProps) => {
+  const { themeMode } = useThemeContext();
+  const { parentRef } = useTextEditor({
+    autoFocus,
+    extensions: [
+      createBasicExtensions({
+        bracketMatching: false,
+        lineWrapping: false,
+        placeholder: 'Ask a question...',
+      }),
+      createThemeExtensions({ themeMode }),
+      createAutocompleteExtension({ onEnter, onSuggest }),
+    ],
+  });
+
+  return <div ref={parentRef} className={mx(classNames)} />;
+};

package/src/components/Prompt/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+export * from './Prompt';