@pstdio/ui 0.39.0 → 0.41.0

package/dist/{MermaidComponent-81jr28u4.js → MermaidComponent-BCiI63_G.js}

@@ -1,5 +1,5 @@
-import { f as e } from "./rich-text-VYAmEigU.js";
-import { t } from "./mermaid-renderer-DImi0fDp.js";
+import { f as e } from "./rich-text-DM24VNQZ.js";
+import { t } from "./mermaid-renderer-0PmNkOXI.js";
 import { Box as n, Button as r, Flex as i, Textarea as a } from "@chakra-ui/react";
 import { c as o } from "react/compiler-runtime";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -87,4 +87,4 @@ function m(m) {
 //#endregion
 export { m as default };
 
-//# sourceMappingURL=MermaidComponent-81jr28u4.js.map
+//# sourceMappingURL=MermaidComponent-BCiI63_G.js.map

package/dist/{MermaidComponent-81jr28u4.js.map → MermaidComponent-BCiI63_G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MermaidComponent-81jr28u4.js","names":["Box","Button","Flex","Textarea","useLexicalComposerContext","useLexicalEditable","$getNodeByKey","useEffect","useState","MermaidRenderer","$isMermaidNode","MermaidComponentProps","code","nodeKey","MermaidComponent","props","$","_c","editor","isEditable","isEditing","setIsEditing","draftCode","setDraftCode","previewCode","setPreviewCode","t0","t1","t2","update","node","setCode","commitCodeChanges","t3","cancelEditing","t4","undefined","t5","t6","t7","Symbol","for","event","target","value","t8","t9","_c","$isMermaidNode","MermaidComponent","$","c","props","editor","useLexicalComposerContext","isEditable","useLexicalEditable","isEditing","setIsEditing","useState","draftCode","setDraftCode","code","previewCode","setPreviewCode","t0","t1","useEffect","t2","nodeKey","node","$getNodeByKey","commitCodeChanges","t3","cancelEditing","t4","t5","MermaidRenderer","Button","t6","Flex","t7","event","t8","Box","Textarea","t9"],"sources":["../src/components/rich-text/shared/plugins/MermaidPlugin/MermaidComponent.tsx"],"sourcesContent":["import { Box, Button, Flex, Textarea } from \"@chakra-ui/react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useLexicalEditable } from \"@lexical/react/useLexicalEditable\";\nimport { $getNodeByKey } from \"lexical\";\nimport { useEffect, useState } from \"react\";\nimport { MermaidRenderer } from \"@/components/mermaid-renderer\";\nimport { $isMermaidNode } from \"./MermaidNode\";\n\ninterface MermaidComponentProps {\n  code: string;\n  nodeKey: string;\n}\n\nexport default function MermaidComponent(props: MermaidComponentProps) {\n  const { code, nodeKey } = props;\n  const [editor] = useLexicalComposerContext();\n  const isEditable = useLexicalEditable();\n  const [isEditing, setIsEditing] = useState(false);\n  const [draftCode, setDraftCode] = useState(code);\n  const [previewCode, setPreviewCode] = useState(code);\n\n  useEffect(() => {\n    setDraftCode(code);\n    setPreviewCode(code);\n  }, [code]);\n\n  const commitCodeChanges = () => {\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isMermaidNode(node)) {\n        node.setCode(draftCode);\n      }\n    });\n\n    setPreviewCode(draftCode);\n    setIsEditing(false);\n  };\n\n  const cancelEditing = () => {\n    setDraftCode(previewCode);\n    setIsEditing(false);\n  };\n\n  if (!isEditing) {\n    return (\n      <MermaidRenderer\n        key={previewCode}\n        code={previewCode}\n        isEditable={isEditable}\n        onRequestEdit={isEditable ? () => setIsEditing(true) : undefined}\n      />\n    );\n  }\n\n  return (\n    <Box borderWidth=\"1px\" borderColor=\"border.subtle\" borderRadius=\"md\" overflow=\"hidden\" width=\"100%\">\n      <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap=\"xs\" paddingX=\"sm\" paddingY=\"xs\" bg=\"bg.muted\">\n        <Button size=\"xs\" variant=\"subtle\" onClick={cancelEditing}>\n          Cancel\n        </Button>\n        <Button size=\"xs\" onClick={commitCodeChanges}>\n          Preview\n        </Button>\n      </Flex>\n      <Box padding=\"sm\" bg=\"bg.muted\">\n        <Textarea\n          value={draftCode}\n          onChange={(event) => setDraftCode(event.target.value)}\n          minHeight=\"180px\"\n          resize=\"vertical\"\n          fontFamily=\"mono\"\n          fontSize=\"sm\"\n          spellCheck={false}\n        />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MermaidComponent-BCiI63_G.js","names":["Box","Button","Flex","Textarea","useLexicalComposerContext","useLexicalEditable","$getNodeByKey","useEffect","useState","MermaidRenderer","$isMermaidNode","MermaidComponentProps","code","nodeKey","MermaidComponent","props","$","_c","editor","isEditable","isEditing","setIsEditing","draftCode","setDraftCode","previewCode","setPreviewCode","t0","t1","t2","update","node","setCode","commitCodeChanges","t3","cancelEditing","t4","undefined","t5","t6","t7","Symbol","for","event","target","value","t8","t9","_c","$isMermaidNode","MermaidComponent","$","c","props","editor","useLexicalComposerContext","isEditable","useLexicalEditable","isEditing","setIsEditing","useState","draftCode","setDraftCode","code","previewCode","setPreviewCode","t0","t1","useEffect","t2","nodeKey","node","$getNodeByKey","commitCodeChanges","t3","cancelEditing","t4","t5","MermaidRenderer","Button","t6","Flex","t7","event","t8","Box","Textarea","t9"],"sources":["../src/components/rich-text/shared/plugins/MermaidPlugin/MermaidComponent.tsx"],"sourcesContent":["import { Box, Button, Flex, Textarea } from \"@chakra-ui/react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useLexicalEditable } from \"@lexical/react/useLexicalEditable\";\nimport { $getNodeByKey } from \"lexical\";\nimport { useEffect, useState } from \"react\";\nimport { MermaidRenderer } from \"@/components/mermaid-renderer\";\nimport { $isMermaidNode } from \"./MermaidNode\";\n\ninterface MermaidComponentProps {\n  code: string;\n  nodeKey: string;\n}\n\nexport default function MermaidComponent(props: MermaidComponentProps) {\n  const { code, nodeKey } = props;\n  const [editor] = useLexicalComposerContext();\n  const isEditable = useLexicalEditable();\n  const [isEditing, setIsEditing] = useState(false);\n  const [draftCode, setDraftCode] = useState(code);\n  const [previewCode, setPreviewCode] = useState(code);\n\n  useEffect(() => {\n    setDraftCode(code);\n    setPreviewCode(code);\n  }, [code]);\n\n  const commitCodeChanges = () => {\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isMermaidNode(node)) {\n        node.setCode(draftCode);\n      }\n    });\n\n    setPreviewCode(draftCode);\n    setIsEditing(false);\n  };\n\n  const cancelEditing = () => {\n    setDraftCode(previewCode);\n    setIsEditing(false);\n  };\n\n  if (!isEditing) {\n    return (\n      <MermaidRenderer\n        key={previewCode}\n        code={previewCode}\n        isEditable={isEditable}\n        onRequestEdit={isEditable ? () => setIsEditing(true) : undefined}\n      />\n    );\n  }\n\n  return (\n    <Box borderWidth=\"1px\" borderColor=\"border.subtle\" borderRadius=\"md\" overflow=\"hidden\" width=\"100%\">\n      <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap=\"xs\" paddingX=\"sm\" paddingY=\"xs\" bg=\"bg.muted\">\n        <Button size=\"xs\" variant=\"subtle\" onClick={cancelEditing}>\n          Cancel\n        </Button>\n        <Button size=\"xs\" onClick={commitCodeChanges}>\n          Preview\n        </Button>\n      </Flex>\n      <Box padding=\"sm\" bg=\"bg.muted\">\n        <Textarea\n          value={draftCode}\n          onChange={(event) => setDraftCode(event.target.value)}\n          minHeight=\"180px\"\n          resize=\"vertical\"\n          fontFamily=\"mono\"\n          fontSize=\"sm\"\n          spellCheck={false}\n        />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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"}

package/dist/chat-question-bubble-w2vMbFsS.js

@@ -0,0 +1,68 @@
+import { defineRecipe as e } from "@chakra-ui/react";
+//#region src/theme/recipes/chat-question-bubble.ts
+var t = e({
+	base: {
+		display: "flex",
+		flexWrap: "wrap",
+		alignItems: "center",
+		gap: "xs",
+		px: "sm",
+		py: "xs",
+		width: "fit-content",
+		maxWidth: "full",
+		textAlign: "left",
+		textStyle: "label/S/regular",
+		borderRadius: "xs",
+		border: "border",
+		borderColor: "border",
+		color: "fg",
+		bg: "bg.subtle",
+		cursor: "pointer",
+		_hover: { bg: "bg.hover" },
+		_expanded: {
+			bg: "bg.active",
+			borderColor: "border.accent"
+		},
+		_focusVisible: {
+			outline: "2px solid {colors.border.accent}",
+			outlineOffset: "2px"
+		},
+		"& [data-question-text]": {
+			minWidth: "0",
+			maxWidth: "full",
+			whiteSpace: "pre-wrap",
+			overflowWrap: "anywhere"
+		},
+		"& [data-question-answer-row]": {
+			display: "flex",
+			alignItems: "center",
+			gap: "xs",
+			maxWidth: "full"
+		},
+		"& [data-question-answer]": {
+			color: "fg.muted",
+			fontWeight: "medium",
+			overflowWrap: "anywhere",
+			minWidth: "0"
+		},
+		"& svg": {
+			width: "3",
+			height: "3",
+			flexShrink: 0,
+			color: "fg.muted"
+		},
+		"&[data-state=answered]": {
+			cursor: "default",
+			_hover: { bg: "bg.subtle" },
+			"& [data-question-answer]": { color: "fg" }
+		}
+	},
+	variants: { multiline: { true: {
+		flexDirection: "column",
+		alignItems: "start"
+	} } }
+});
+//#endregion
+export { t };
+
+//# sourceMappingURL=chat-question-bubble-w2vMbFsS.js.map

package/dist/chat-question-bubble-w2vMbFsS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-question-bubble-w2vMbFsS.js","names":["defineRecipe","chatQuestionBubbleRecipe","base","display","flexWrap","alignItems","gap","px","py","width","maxWidth","textAlign","textStyle","borderRadius","border","borderColor","color","bg","cursor","_hover","_expanded","_focusVisible","outline","outlineOffset","minWidth","whiteSpace","overflowWrap","fontWeight","height","flexShrink","variants","multiline","true","flexDirection","chatQuestionBubbleRecipe","defineRecipe"],"sources":["../src/theme/recipes/chat-question-bubble.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const chatQuestionBubbleRecipe = defineRecipe({\n  base: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    alignItems: \"center\",\n    gap: \"xs\",\n    px: \"sm\",\n    py: \"xs\",\n    width: \"fit-content\",\n    maxWidth: \"full\",\n    textAlign: \"left\",\n    textStyle: \"label/S/regular\",\n    borderRadius: \"xs\",\n    border: \"border\",\n    borderColor: \"border\",\n    color: \"fg\",\n    bg: \"bg.subtle\",\n    cursor: \"pointer\",\n    _hover: { bg: \"bg.hover\" },\n    _expanded: { bg: \"bg.active\", borderColor: \"border.accent\" },\n    _focusVisible: { outline: \"2px solid {colors.border.accent}\", outlineOffset: \"2px\" },\n    \"& [data-question-text]\": { minWidth: \"0\", maxWidth: \"full\", whiteSpace: \"pre-wrap\", overflowWrap: \"anywhere\" },\n    \"& [data-question-answer-row]\": { display: \"flex\", alignItems: \"center\", gap: \"xs\", maxWidth: \"full\" },\n    \"& [data-question-answer]\": { color: \"fg.muted\", fontWeight: \"medium\", overflowWrap: \"anywhere\", minWidth: \"0\" },\n    \"& svg\": { width: \"3\", height: \"3\", flexShrink: 0, color: \"fg.muted\" },\n    \"&[data-state=answered]\": {\n      cursor: \"default\",\n      _hover: { bg: \"bg.subtle\" },\n      \"& [data-question-answer]\": { color: \"fg\" },\n    },\n  },\n  variants: {\n    multiline: {\n      true: { flexDirection: \"column\", alignItems: \"start\" },\n    },\n  },\n});\n"],"mappings":";;AAEA,IAAaC,IAA2BD,EAAa;CACnDE,MAAM;EACJC,SAAS;EACTC,UAAU;EACVC,YAAY;EACZC,KAAK;EACLC,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,UAAU;EACVC,WAAW;EACXC,WAAW;EACXC,cAAc;EACdC,QAAQ;EACRC,aAAa;EACbC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,QAAQ,EAAEF,IAAI,WAAW;EACzBG,WAAW;GAAEH,IAAI;GAAaF,aAAa;EAAgB;EAC3DM,eAAe;GAAEC,SAAS;GAAoCC,eAAe;EAAM;EACnF,0BAA0B;GAAEC,UAAU;GAAKd,UAAU;GAAQe,YAAY;GAAYC,cAAc;EAAW;EAC9G,gCAAgC;GAAEvB,SAAS;GAAQE,YAAY;GAAUC,KAAK;GAAMI,UAAU;EAAO;EACrG,4BAA4B;GAAEM,OAAO;GAAYW,YAAY;GAAUD,cAAc;GAAYF,UAAU;EAAI;EAC/G,SAAS;GAAEf,OAAO;GAAKmB,QAAQ;GAAKC,YAAY;GAAGb,OAAO;EAAW;EACrE,0BAA0B;GACxBE,QAAQ;GACRC,QAAQ,EAAEF,IAAI,YAAY;GAC1B,4BAA4B,EAAED,OAAO,KAAK;EAC5C;CACF;CACAc,UAAU,EACRC,WAAW,EACTC,MAAM;EAAEC,eAAe;EAAU5B,YAAY;CAAQ,EACvD,EACF;AACF,CAAC"}

package/dist/chat-ui.d.ts

@@ -1,5 +1,5 @@
-import { n as ResourceBadgeProps, r as ScrollArea$1 } from "./resource-badge-95WPVlZf.js";
-import { T as ReferenceItem } from "./index-BfFLdci8.js";
+import { n as ResourceBadgeProps, r as ScrollArea$1 } from "./resource-badge-nOWPqxFU.js";
+import { A as PromptCommand, d as ChatLinkCandidate, f as ChatLinkHandler, m as parseChatLink, p as ChatLinkProps } from "./index-C9mywhyX.js";
 import { HTMLChakraProps, IconButtonProps, RecipeVariantProps } from "@chakra-ui/react";
 import { StickToBottom } from "use-stick-to-bottom";
 import { ReactNode } from "react";
@@ -10,6 +10,13 @@ type ConversationScrollButtonProps = IconButtonProps;
 export declare const ChatPrimitives: {
   readonly Root: import("@chakra-ui/react").ChakraComponent<import("react").ElementType, {
     resize?: import("use-stick-to-bottom").Animation | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
+    is?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    children: ((context: import("use-stick-to-bottom").StickToBottomContext) => import("react").ReactNode) | import("react").ReactNode;
+    id?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined | undefined;
@@ -20,7 +27,6 @@ export declare const ChatPrimitives: {
     hidden?: boolean | undefined | undefined;
     "aria-roledescription"?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
-    children: ((context: import("use-stick-to-bottom").StickToBottomContext) => import("react").ReactNode) | import("react").ReactNode;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -34,7 +40,6 @@ export declare const ChatPrimitives: {
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
@@ -46,7 +51,6 @@ export declare const ChatPrimitives: {
     prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
     rev?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
     vocab?: string | undefined | undefined;
@@ -65,7 +69,6 @@ export declare const ChatPrimitives: {
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
     part?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
@@ -139,7 +142,6 @@ export declare const ChatPrimitives: {
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
     onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
@@ -147,13 +149,11 @@ export declare const ChatPrimitives: {
     onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
     onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
     onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
     onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -436,7 +436,7 @@ interface AutoScrollProps {
 }
 export declare function AutoScroll(props: AutoScrollProps): null;
 //#endregion
-//#region src/components/chat-ui/components/chat-input-question-prompt.d.ts
+//#region src/components/chat-ui/components/chat-input-question-answers.d.ts
 interface ChatInputQuestionOption {
   label: string;
   description?: string;
@@ -451,13 +451,37 @@ interface ChatInputQuestion {
 }
 interface ChatInputQuestionPrompt {
   questions: ChatInputQuestion[];
+  callId?: string;
+  /** Async requests open from their chat bubble and preselect their first offered options. */
+  delivery?: "async";
 }
 interface ChatInputQuestionResponse {
   answers: string[][];
+  callId?: string;
+}
+//#endregion
+//#region src/components/chat-ui/components/composer-decision.d.ts
+/** A native decision occupies the composer without submitting the saved draft. */
+interface ComposerDecision {
+  id: string;
+  controls?: ReactNode;
+  model?: string;
+  pending?: boolean;
+  actions: {
+    id: string;
+    label: string;
+    variant: "primary" | "subtle" | "ghost";
+    disabled?: boolean;
+  }[];
+  onAction: (actionId: string) => void | Promise<void>;
 }
 //#endregion
 //#region src/components/chat-ui/components/chat-input.d.ts
 interface ChatInputProps {
+  /**
+   * Serialized editor state for the text to show. The editor adopts it whenever its text differs
+   * from what the editor shows, so a host can pass its live draft. It is never echoed to `onChange`.
+   */
   defaultState: string;
   /** Plain-text prompts from the active conversation, newest first. */
   recentUserMessages?: string[];
@@ -476,15 +500,17 @@ interface ChatInputProps {
   onChange?: (text: string) => void;
   attachmentList?: ReactNode;
   actions?: ReactNode;
+  /** Attachment controls shown only while editing a message draft. */
+  attachmentActions?: ReactNode;
   attachedToTop?: boolean;
   /** Recede the resting border to border.subtle when nested inside a stronger shell (the workspace hub). */
   recessed?: boolean;
   questionPrompt?: ChatInputQuestionPrompt;
+  decision?: ComposerDecision;
   autoFocus?: boolean;
   focusSignal?: number;
   submitTitle?: string;
-  references?: ReferenceItem[];
-  onAddReference?: (resourceId: string, resourceType: ReferenceItem["resourceType"]) => void;
+  commands?: PromptCommand[];
 }
 export declare const ChatInput: (props: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
@@ -597,12 +623,14 @@ type QueuedFollowUpMoveDirection = "up" | "down";
 //#endregion
 //#region src/components/chat-ui/components/chat-panel.d.ts
 /** Full conversation shell for agent sessions, including messages, input, attachments, and host-provided slots. */
-interface ChatPanelProps {
+interface ChatPanelProps extends ChatLinkProps {
   /** Stable conversation identity used to reset ready state when switching sessions. */
   conversationKey?: string;
   messages: SessionMessage[];
   loading?: boolean;
   streaming?: boolean;
+  /** Current run start in milliseconds. Without an anchor, elapsed time starts when streaming mounts. */
+  streamingStartedAt?: number;
   emptyStateTitle: string;
   emptyStateDescription: string;
   emptyStateContent?: ReactNode;
@@ -614,8 +642,11 @@ interface ChatPanelProps {
   onAttachFiles?: (files: File[]) => void;
   onAttachText?: (text: string) => void;
   onChatInputChange?: (text: string) => void;
-  /** Extra controls rendered in the chat input toolbar (attach, model, params). */
+  /** Controls shared by the message and question toolbars (model, params). */
   actions?: ReactNode;
+  /** Attachment controls shown only while editing a message draft. */
+  attachmentActions?: ReactNode;
+  composerHeader?: ReactNode;
   attachedResources?: string[];
   onClearAttachments?: () => void;
   attachmentList?: ReactNode;
@@ -629,13 +660,13 @@ interface ChatPanelProps {
   /** Blocks sending while the editor stays usable, for example while no model is selected. */
   submitDisabled?: boolean;
   chatInputQuestionPrompt?: ChatInputQuestionPrompt;
+  composerDecision?: ComposerDecision;
   chatInputAutoFocus?: boolean;
   queuedFollowUps?: QueuedFollowUp[];
   onQueuedFollowUpUpdate?: (itemId: string, prompt: string) => void;
   onQueuedFollowUpRemove?: (itemId: string) => void;
   onQueuedFollowUpMove?: (itemId: string, direction: QueuedFollowUpMoveDirection, steps?: number) => void;
-  chatInputReferences?: ReferenceItem[];
-  onChatInputAddReference?: (resourceId: string, resourceType: ReferenceItem["resourceType"]) => void;
+  chatInputCommands?: PromptCommand[];
 }
 export declare const ChatPanel: (props: ChatPanelProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
@@ -665,6 +696,52 @@ interface ConversationBrowseProps {
  */
 export declare const ConversationBrowse: (props: ConversationBrowseProps) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
+//#region src/components/chat-ui/components/harness-controls.d.ts
+interface HarnessAction {
+  id: string;
+  label: string;
+  icon?: string;
+  argument?: {
+    label: string;
+    value?: string;
+  };
+}
+interface HarnessMode {
+  id: string;
+  label: string;
+  description: string;
+  state: string;
+  indicator?: {
+    label: string;
+    tone: "neutral" | "info" | "success" | "warning" | "error";
+  };
+  tagText?: string;
+  closeActionId?: string;
+  confirmation?: {
+    id: string;
+    title: string;
+    actionId: string;
+    cancelLabel?: string;
+  };
+  actions: HarnessAction[];
+}
+interface LocalTag {
+  label: string;
+  description: string;
+  onClose: () => void;
+  closeLabel?: string;
+}
+interface HarnessControlsProps {
+  modes: HarnessMode[];
+  draftTag?: LocalTag;
+  sentTag?: LocalTag;
+  pending?: boolean;
+  unavailable?: boolean;
+  onRequestConfirmation?: (modeId: string) => void;
+  onAction: (modeId: string, actionId: string, argument?: string, modeSnapshot?: HarnessMode) => Promise<void>;
+}
+export declare const HarnessControls: (props: HarnessControlsProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
 //#region src/components/chat-ui/components/send-button.d.ts
 interface SendButtonProps extends IconButtonProps {
   shortcut?: string;
@@ -695,5 +772,5 @@ export declare const ChatWorkspaceHub: (props: ChatWorkspaceHubProps) => import(
 //#region src/components/chat-ui/utils/editor-state.d.ts
 export declare const createSerializedPromptState: (input?: string) => string;
 //#endregion
-export type { AlertPart, AutoScrollProps, ChatInputProps, ChatInputQuestionPrompt, ChatInputQuestionResponse, ChatMessagePart, ConversationBrowseItem, ConversationContentProps, ConversationRootProps, ConversationScrollButtonProps, MessageContentProps, MessageRootProps, QueuedFollowUp, QueuedFollowUpMoveDirection, SendButtonProps, SessionMessage, SessionMessagePart, ToolPart };
+export { type AlertPart, type AutoScrollProps, type ChatInputProps, type ChatInputQuestionPrompt, type ChatInputQuestionResponse, type ChatLinkCandidate, type ChatLinkHandler, type ChatLinkProps, type ChatMessagePart, type ComposerDecision, type ConversationBrowseItem, type ConversationContentProps, type ConversationRootProps, type ConversationScrollButtonProps, type HarnessControlsProps, type MessageContentProps, type MessageRootProps, type QueuedFollowUp, type QueuedFollowUpMoveDirection, type SendButtonProps, type SessionMessage, type SessionMessagePart, type ToolPart, parseChatLink };
 export {};