@reforma/components 0.1.4 → 0.1.6

package/dist/chat/Message/turn/MessageUserBubble.js

@@ -1,30 +1,30 @@
-import { cn as b } from "@reforma/lib";
-import { resolveLayerCite as x, attachedLayerRefKey as g, formatLayerCite as S, codeEditorStateKey as v } from "@reforma/types";
-import { observer as M } from "mobx-react-lite";
-import { useState as N } from "react";
-import { For as E } from "../../../For/For.js";
-import { Scrollable as $ } from "../../../Scrollable/Scrollable.js";
-import { ScrollExpandChevronButton as w } from "../../../Scrollable/ScrollExpandChevronButton.js";
+import { cn as x } from "@reforma/lib";
+import { resolveLayerCite as g, attachedLayerRefKey as S, formatLayerCite as v, codeEditorStateKey as M } from "@reforma/types";
+import { observer as N } from "mobx-react-lite";
+import { useState as E } from "react";
+import { For as $ } from "../../../For/For.js";
+import { Scrollable as w } from "../../../Scrollable/Scrollable.js";
+import { ScrollExpandChevronButton as B } from "../../../Scrollable/ScrollExpandChevronButton.js";
 import { Show as f } from "../../../Show/Show.js";
-import { Badge as B } from "../../../Tag/Badge.js";
-import { useChat as L } from "../../ChatContext.js";
-import { Chip as k } from "../../Chip/Chip.js";
-import { chipItemFromPath as A } from "../../Chip/helpers/chipPath.js";
-import { fileCite as U, fileChipDisplay as _ } from "../../Chip/helpers/cursorLines.js";
+import { Badge as L } from "../../../Tag/Badge.js";
+import { useChat as k } from "../../ChatContext.js";
+import { Chip as A } from "../../Chip/Chip.js";
+import { chipItemFromPath as U } from "../../Chip/helpers/chipPath.js";
+import { fileCite as _, fileChipDisplay as I } from "../../Chip/helpers/cursorLines.js";
 import { MessageText as y } from "../streamdown/MessageText.js";
 import i from "./Message.module.css.js";
-import { useMessageTurn as I } from "./messageTurnContext.js";
-import { jsx as l, jsxs as P } from "react/jsx-runtime";
-const R = 500, C = {
+import { useMessageTurn as P } from "./messageTurnContext.js";
+import { jsx as l, jsxs as C } from "react/jsx-runtime";
+const R = 500, b = {
   expand: "Show full message",
   collapse: "Show less"
 };
 function F(s) {
-  const a = A(s.path);
+  const a = U(s.path);
   return {
-    id: v(s),
+    id: M(s),
     path: a?.path ?? s.path,
-    label: _(s),
+    label: I(s),
     tooltip: a?.tooltip,
     ...a?.icon ? {
       icon: a.icon
@@ -35,8 +35,8 @@ function F(s) {
   };
 }
 function T(s, a) {
-  const p = a?.attached?.files ?? [], n = a?.attached?.layers ?? [], m = [.../* @__PURE__ */ new Set([...a?.skills ?? [], ...a?.commands ?? []])], e = [...p.map((t) => {
-    const r = U(t);
+  const n = a?.attached?.files ?? [], p = a?.attached?.layers ?? [], m = [.../* @__PURE__ */ new Set([...a?.skills ?? [], ...a?.commands ?? []])], e = [...n.map((t) => {
+    const r = _(t);
     return {
       cite: r,
       segment: {
@@ -45,8 +45,8 @@ function T(s, a) {
         file: t
       }
     };
-  }), ...n.map((t) => {
-    const r = S(t);
+  }), ...p.map((t) => {
+    const r = v(t);
     return {
       cite: r,
       segment: {
@@ -113,7 +113,7 @@ function d({
   item: s,
   onOpenPath: a
 }) {
-  return /* @__PURE__ */ l(k, {
+  return /* @__PURE__ */ l(A, {
     className: i.userCite,
     item: s,
     onAction: s.href ? void 0 : a
@@ -122,22 +122,22 @@ function d({
 function j({
   text: s,
   metadata: a,
-  onOpenPath: p
+  onOpenPath: n
 }) {
-  const n = T(s, a);
-  return n.length === 0 ? null : !n.some((e) => e.type !== "text") && n[0]?.type === "text" ? /* @__PURE__ */ l(y, {
+  const p = T(s, a);
+  return p.length === 0 ? null : !p.some((e) => e.type !== "text") && p[0]?.type === "text" ? /* @__PURE__ */ l(y, {
     className: i.userMessageBody,
     mode: "static",
-    children: n[0].value
+    children: p[0].value
   }) : /* @__PURE__ */ l("div", {
-    className: b(i.userMessageBody, i.userMessageWithCites),
-    children: /* @__PURE__ */ l(E, {
-      each: n,
+    className: x(i.userMessageBody, i.userMessageWithCites),
+    children: /* @__PURE__ */ l($, {
+      each: p,
       children: (e, c) => e.type === "text" ? /* @__PURE__ */ l(y, {
         className: i.userMessageFragment,
         mode: "static",
         children: e.value
-      }, `t-${c}`) : e.type === "command" ? /* @__PURE__ */ l(B, {
+      }, `t-${c}`) : e.type === "command" ? /* @__PURE__ */ l(L, {
         size: "xs",
         color: "success",
         value: e.skill,
@@ -147,7 +147,7 @@ function j({
         children: e.cite
       }, `c-${e.cite}-${c}`) : e.type === "file" ? /* @__PURE__ */ l(d, {
         item: F(e.file),
-        onOpenPath: p
+        onOpenPath: n
       }, `f-${e.cite}-${c}`) : e.type === "link" ? /* @__PURE__ */ l(d, {
         item: {
           id: e.url,
@@ -156,25 +156,25 @@ function j({
           tooltip: e.url,
           href: e.url
         },
-        onOpenPath: p
+        onOpenPath: n
       }, `u-${e.cite}-${c}`) : /* @__PURE__ */ l(d, {
         item: {
-          id: g(e.layer),
+          id: S(e.layer),
           type: "element",
-          label: e.layer.propName ? `${x(e.layer)}.${e.layer.propName}` : e.layer.text || e.layer.label || e.layer.layerId,
+          label: e.layer.propName ? `${g(e.layer)}.${e.layer.propName}` : e.layer.text || e.layer.label || e.layer.layerId,
           ...e.layer.icon ? {
             icon: e.layer.icon
           } : {}
         },
-        onOpenPath: p
+        onOpenPath: n
       }, `l-${e.cite}-${c}`)
     })
   });
 }
-const se = M(() => {
-  const s = I(), {
+const se = N(() => {
+  const s = P(), {
     onOpenPath: a
-  } = L(), [p, n] = N(!1);
+  } = k(), [n, p] = E(!1);
   if (s?.role !== "user" || s.message.role !== "user")
     return null;
   const {
@@ -188,32 +188,31 @@ const se = M(() => {
     metadata: e.metadata,
     onOpenPath: a
   }), r = m.length > R;
-  return /* @__PURE__ */ P("div", {
-    className: b(i.messageBubble, i.userBubble),
+  return /* @__PURE__ */ C("div", {
+    className: x(i.messageBubble, i.userBubble),
     children: [/* @__PURE__ */ l(f, {
       when: !r,
       children: /* @__PURE__ */ l("div", {
         className: i.parts,
         children: t
       })
-    }), /* @__PURE__ */ l(f, {
+    }), /* @__PURE__ */ C(f, {
       when: r,
-      children: /* @__PURE__ */ l($, {
+      children: [/* @__PURE__ */ l(w, {
         vertical: !0,
-        edgeFade: !0,
+        edgeFade: !n,
         className: i.userMessageScroll,
         containerClass: i.userMessageScrollPort,
         contentClass: i.parts,
-        overlay: /* @__PURE__ */ l(w, {
-          expanded: p,
-          onPress: () => n((o) => !o),
-          labelExpand: C.expand,
-          labelCollapse: C.collapse,
-          className: i.userMessageExpandToggle
-        }),
-        "aria-expanded": p,
+        "aria-expanded": n,
         children: t
-      })
+      }), /* @__PURE__ */ l(B, {
+        expanded: n,
+        onPress: () => p((o) => !o),
+        labelExpand: b.expand,
+        labelCollapse: b.collapse,
+        className: i.userMessageExpandToggle
+      })]
     })]
   });
 });

package/dist/chat/Message/turn/MessageUserBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageUserBubble.js","sources":["../../../../src/chat/Message/turn/MessageUserBubble.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@reforma/lib';\nimport {\n    attachedLayerRefKey,\n    codeEditorStateKey,\n    formatLayerCite,\n    resolveLayerCite,\n    type CodeEditorState,\n    type SelectedLayerContext,\n} from '@reforma/types';\nimport { observer } from 'mobx-react-lite';\nimport { useState, type ReactNode } from 'react';\n\nimport { For } from '../../../For';\nimport { Scrollable, ScrollExpandChevronButton } from '../../../Scrollable';\nimport { Show } from '../../../Show';\nimport { Badge } from '../../../Tag/Badge';\nimport { useChat } from '../../ChatContext';\nimport { Chip, type ChipItem } from '../../Chip/Chip';\nimport { chipItemFromPath } from '../../Chip/helpers/chipPath';\nimport { fileChipDisplay, fileCite } from '../../Chip/helpers/cursorLines';\nimport { MessageText } from '../streamdown/MessageText';\nimport styles from './Message.module.css';\nimport { useMessageTurn } from './messageTurnContext';\n\nimport type { ReformaUserMessageMetadata } from '@reforma/types/sandbox';\n\nexport const MESSAGE_USER_COLLAPSE_MIN_CHARS = 500;\n\nconst USER_COLLAPSE_LABELS = {\n    expand: 'Show full message',\n    collapse: 'Show less',\n} as const;\n\ntype TextSegment = { type: 'text'; value: string };\ntype FileSegment = { type: 'file'; cite: string; file: CodeEditorState };\ntype LayerSegment = {\n    type: 'layer';\n    cite: string;\n    layer: SelectedLayerContext;\n};\ntype CommandSegment = { type: 'command'; cite: string; skill: string };\ntype LinkSegment = { type: 'link'; cite: string; url: string; host: string };\ntype UserMessageSegment = TextSegment | FileSegment | LayerSegment | CommandSegment | LinkSegment;\n\nfunction fileCiteChipItem(file: CodeEditorState): ChipItem {\n    const fromPath = chipItemFromPath(file.path);\n\n    return {\n        id: codeEditorStateKey(file),\n        path: fromPath?.path ?? file.path,\n        label: fileChipDisplay(file),\n        tooltip: fromPath?.tooltip,\n        ...(fromPath?.icon ? { icon: fromPath.icon } : {}),\n        ...(file.cursor ? { cursor: file.cursor } : {}),\n    };\n}\n\n/**\n * Split user prompt into text + chips for cites that appear in the prompt.\n * Forced meta pins (comment / ask-to-apply) stay in metadata for the agent — not rendered here.\n */\nfunction splitUserMessageSegments(\n    text: string,\n    metadata: ReformaUserMessageMetadata | undefined\n): UserMessageSegment[] {\n    const files = metadata?.attached?.files ?? [];\n    const layers = metadata?.attached?.layers ?? [];\n    const slashNames = [...new Set([\n        ...(metadata?.skills ?? []),\n        ...(metadata?.commands ?? []),\n    ])];\n\n    const cites: Array<{ cite: string; segment: Exclude<UserMessageSegment, TextSegment> }> = [\n        ...files.map((file) => {\n            const cite = fileCite(file);\n\n            return { cite, segment: { type: 'file' as const, cite, file } };\n        }),\n        ...layers.map((layer) => {\n            const cite = formatLayerCite(layer);\n\n            return { cite, segment: { type: 'layer' as const, cite, layer } };\n        }),\n        ...slashNames.map((raw) => {\n            const name = raw.trim().replace(/^\\//, '');\n            const cite = `/${ name }`;\n\n            return { cite, segment: { type: 'command' as const, cite, skill: name } };\n        }),\n        ...[...text.matchAll(/@https?:\\/\\/[^\\s]+/gi)].map((match) => {\n            const cite = match[0] ?? '';\n            const url = cite.slice(1);\n            let host = url;\n\n            try {\n                host = new URL(url).hostname.replace(/^www\\./, '') || url;\n            }\n            catch {\n                // keep `url` as the chip label\n            }\n\n            return { cite, segment: { type: 'link' as const, cite, url, host } };\n        }),\n    ].sort((a, b) => b.cite.length - a.cite.length);\n\n    if (cites.length === 0) {\n        return text ? [{ type: 'text', value: text }] : [];\n    }\n\n    const segments: UserMessageSegment[] = [];\n    let remaining = text;\n\n    while (remaining.length > 0) {\n        let bestIdx = -1;\n        let best: (typeof cites)[number] | undefined;\n\n        for (const entry of cites) {\n            const idx = remaining.indexOf(entry.cite);\n\n            if (idx < 0) {\n                continue;\n            }\n\n            if (\n                bestIdx < 0\n                || idx < bestIdx\n                || (idx === bestIdx && entry.cite.length > (best?.cite.length ?? 0))\n            ) {\n                bestIdx = idx;\n                best = entry;\n            }\n        }\n\n        if (bestIdx < 0 || !best) {\n            segments.push({ type: 'text', value: remaining });\n            break;\n        }\n\n        if (bestIdx > 0) {\n            segments.push({ type: 'text', value: remaining.slice(0, bestIdx) });\n        }\n\n        segments.push(best.segment);\n        remaining = remaining.slice(bestIdx + best.cite.length);\n    }\n\n    return segments.filter(segment => segment.type !== 'text' || segment.value.length > 0);\n}\n\nfunction UserCiteChip({\n    item,\n    onOpenPath,\n}: {\n    item: ChipItem;\n    onOpenPath?: (item: ChipItem) => void;\n}): ReactNode {\n    return (\n        <Chip\n            className={ styles.userCite }\n            item={ item }\n            onAction={ item.href ? undefined : onOpenPath }\n        />\n    );\n}\n\nfunction UserMessageBody({\n    text,\n    metadata,\n    onOpenPath,\n}: {\n    text: string;\n    metadata: ReformaUserMessageMetadata | undefined;\n    onOpenPath?: (item: ChipItem) => void;\n}): ReactNode {\n    const segments = splitUserMessageSegments(text, metadata);\n\n    if (segments.length === 0) {\n        return null;\n    }\n\n    const hasCites = segments.some(segment => segment.type !== 'text');\n\n    if (!hasCites && segments[0]?.type === 'text') {\n        return (\n            <MessageText\n                className={ styles.userMessageBody }\n                mode=\"static\"\n            >\n                { segments[0].value }\n            </MessageText>\n        );\n    }\n\n    return (\n        <div className={ cn(styles.userMessageBody, styles.userMessageWithCites) }>\n            <For each={ segments }>\n                { (segment, index) => {\n                    if (segment.type === 'text') {\n                        return (\n                            <MessageText\n                                key={ `t-${ index }` }\n                                className={ styles.userMessageFragment }\n                                mode=\"static\"\n                            >\n                                { segment.value }\n                            </MessageText>\n                        );\n                    }\n\n                    if (segment.type === 'command') {\n                        return (\n                            <Badge\n                                key={ `c-${ segment.cite }-${ index }` }\n                                size=\"xs\"\n                                color=\"success\"\n                                value={ segment.skill }\n                                textValue={ segment.cite }\n                                aria-label={ segment.cite }\n                                className={ styles.userCite }\n                            >\n                                { segment.cite }\n                            </Badge>\n                        );\n                    }\n\n                    if (segment.type === 'file') {\n                        return (\n                            <UserCiteChip\n                                key={ `f-${ segment.cite }-${ index }` }\n                                item={ fileCiteChipItem(segment.file) }\n                                onOpenPath={ onOpenPath }\n                            />\n                        );\n                    }\n\n                    if (segment.type === 'link') {\n                        return (\n                            <UserCiteChip\n                                key={ `u-${ segment.cite }-${ index }` }\n                                item={ {\n                                    id: segment.url,\n                                    type: 'link',\n                                    label: segment.host,\n                                    tooltip: segment.url,\n                                    href: segment.url,\n                                } }\n                                onOpenPath={ onOpenPath }\n                            />\n                        );\n                    }\n\n                    return (\n                        <UserCiteChip\n                            key={ `l-${ segment.cite }-${ index }` }\n                            item={ {\n                                id: attachedLayerRefKey(segment.layer),\n                                type: 'element',\n                                label: segment.layer.propName\n                                    ? `${ resolveLayerCite(segment.layer) }.${ segment.layer.propName }`\n                                    : (segment.layer.text || segment.layer.label || segment.layer.layerId),\n                                ...(segment.layer.icon ? { icon: segment.layer.icon } : {}),\n                            } }\n                            onOpenPath={ onOpenPath }\n                        />\n                    );\n                } }\n            </For>\n        </div>\n    );\n}\n\n/** User turn text bubble with collapsible long messages. Renders nothing when empty. */\nexport const MessageUserBubble = observer(() => {\n    const turn = useMessageTurn();\n    const { onOpenPath } = useChat();\n    const [expanded, setExpanded] = useState(false);\n\n    if (turn?.role !== 'user' || turn.message.role !== 'user') {\n        return null;\n    }\n\n    const { text, message } = turn;\n    const hasText = text.trim().length > 0;\n    const hasAttached = Boolean(\n        message.metadata?.attached?.files?.length\n        || message.metadata?.attached?.layers?.length\n        || message.metadata?.skills?.length\n        || message.metadata?.commands?.length\n    );\n\n    if (!hasText && !hasAttached) {\n        return null;\n    }\n\n    const body = (\n        <UserMessageBody\n            text={ text }\n            metadata={ message.metadata }\n            onOpenPath={ onOpenPath }\n        />\n    );\n    const collapsible = text.length > MESSAGE_USER_COLLAPSE_MIN_CHARS;\n\n    return (\n        <div className={ cn(styles.messageBubble, styles.userBubble) }>\n            <Show when={ !collapsible }>\n                <div className={ styles.parts }>\n                    { body }\n                </div>\n            </Show>\n\n            <Show when={ collapsible }>\n                <Scrollable\n                    vertical\n                    edgeFade\n                    className={ styles.userMessageScroll }\n                    containerClass={ styles.userMessageScrollPort }\n                    contentClass={ styles.parts }\n                    overlay={ (\n                        <ScrollExpandChevronButton\n                            expanded={ expanded }\n                            onPress={ () => setExpanded(v => !v) }\n                            labelExpand={ USER_COLLAPSE_LABELS.expand }\n                            labelCollapse={ USER_COLLAPSE_LABELS.collapse }\n                            className={ styles.userMessageExpandToggle }\n                        />\n                    ) }\n                    aria-expanded={ expanded }\n                >\n                    { body }\n                </Scrollable>\n            </Show>\n        </div>\n    );\n});\n"],"names":["MESSAGE_USER_COLLAPSE_MIN_CHARS","USER_COLLAPSE_LABELS","fileCiteChipItem","file","fromPath","chipItemFromPath","codeEditorStateKey","fileChipDisplay","splitUserMessageSegments","text","metadata","files","layers","slashNames","cites","cite","fileCite","layer","formatLayerCite","raw","name","match","url","host","a","b","segments","remaining","bestIdx","best","entry","idx","segment","UserCiteChip","item","onOpenPath","Chip","styles","UserMessageBody","MessageText","cn","For","index","Badge","attachedLayerRefKey","resolveLayerCite","MessageUserBubble","observer","turn","useMessageTurn","useChat","expanded","setExpanded","useState","message","hasText","hasAttached","body","collapsible","_jsx","Show","Scrollable","ScrollExpandChevronButton","v"],"mappings":"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"}
+{"version":3,"file":"MessageUserBubble.js","sources":["../../../../src/chat/Message/turn/MessageUserBubble.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@reforma/lib';\nimport {\n    attachedLayerRefKey,\n    codeEditorStateKey,\n    formatLayerCite,\n    resolveLayerCite,\n    type CodeEditorState,\n    type SelectedLayerContext,\n} from '@reforma/types';\nimport { observer } from 'mobx-react-lite';\nimport { useState, type ReactNode } from 'react';\n\nimport { For } from '../../../For';\nimport { Scrollable, ScrollExpandChevronButton } from '../../../Scrollable';\nimport { Show } from '../../../Show';\nimport { Badge } from '../../../Tag/Badge';\nimport { useChat } from '../../ChatContext';\nimport { Chip, type ChipItem } from '../../Chip/Chip';\nimport { chipItemFromPath } from '../../Chip/helpers/chipPath';\nimport { fileChipDisplay, fileCite } from '../../Chip/helpers/cursorLines';\nimport { MessageText } from '../streamdown/MessageText';\nimport styles from './Message.module.css';\nimport { useMessageTurn } from './messageTurnContext';\n\nimport type { ReformaUserMessageMetadata } from '@reforma/types/sandbox';\n\nexport const MESSAGE_USER_COLLAPSE_MIN_CHARS = 500;\n\nconst USER_COLLAPSE_LABELS = {\n    expand: 'Show full message',\n    collapse: 'Show less',\n} as const;\n\ntype TextSegment = { type: 'text'; value: string };\ntype FileSegment = { type: 'file'; cite: string; file: CodeEditorState };\ntype LayerSegment = {\n    type: 'layer';\n    cite: string;\n    layer: SelectedLayerContext;\n};\ntype CommandSegment = { type: 'command'; cite: string; skill: string };\ntype LinkSegment = { type: 'link'; cite: string; url: string; host: string };\ntype UserMessageSegment = TextSegment | FileSegment | LayerSegment | CommandSegment | LinkSegment;\n\nfunction fileCiteChipItem(file: CodeEditorState): ChipItem {\n    const fromPath = chipItemFromPath(file.path);\n\n    return {\n        id: codeEditorStateKey(file),\n        path: fromPath?.path ?? file.path,\n        label: fileChipDisplay(file),\n        tooltip: fromPath?.tooltip,\n        ...(fromPath?.icon ? { icon: fromPath.icon } : {}),\n        ...(file.cursor ? { cursor: file.cursor } : {}),\n    };\n}\n\n/**\n * Split user prompt into text + chips for cites that appear in the prompt.\n * Forced meta pins (comment / ask-to-apply) stay in metadata for the agent — not rendered here.\n */\nfunction splitUserMessageSegments(\n    text: string,\n    metadata: ReformaUserMessageMetadata | undefined\n): UserMessageSegment[] {\n    const files = metadata?.attached?.files ?? [];\n    const layers = metadata?.attached?.layers ?? [];\n    const slashNames = [...new Set([\n        ...(metadata?.skills ?? []),\n        ...(metadata?.commands ?? []),\n    ])];\n\n    const cites: Array<{ cite: string; segment: Exclude<UserMessageSegment, TextSegment> }> = [\n        ...files.map((file) => {\n            const cite = fileCite(file);\n\n            return { cite, segment: { type: 'file' as const, cite, file } };\n        }),\n        ...layers.map((layer) => {\n            const cite = formatLayerCite(layer);\n\n            return { cite, segment: { type: 'layer' as const, cite, layer } };\n        }),\n        ...slashNames.map((raw) => {\n            const name = raw.trim().replace(/^\\//, '');\n            const cite = `/${ name }`;\n\n            return { cite, segment: { type: 'command' as const, cite, skill: name } };\n        }),\n        ...[...text.matchAll(/@https?:\\/\\/[^\\s]+/gi)].map((match) => {\n            const cite = match[0] ?? '';\n            const url = cite.slice(1);\n            let host = url;\n\n            try {\n                host = new URL(url).hostname.replace(/^www\\./, '') || url;\n            }\n            catch {\n                // keep `url` as the chip label\n            }\n\n            return { cite, segment: { type: 'link' as const, cite, url, host } };\n        }),\n    ].sort((a, b) => b.cite.length - a.cite.length);\n\n    if (cites.length === 0) {\n        return text ? [{ type: 'text', value: text }] : [];\n    }\n\n    const segments: UserMessageSegment[] = [];\n    let remaining = text;\n\n    while (remaining.length > 0) {\n        let bestIdx = -1;\n        let best: (typeof cites)[number] | undefined;\n\n        for (const entry of cites) {\n            const idx = remaining.indexOf(entry.cite);\n\n            if (idx < 0) {\n                continue;\n            }\n\n            if (\n                bestIdx < 0\n                || idx < bestIdx\n                || (idx === bestIdx && entry.cite.length > (best?.cite.length ?? 0))\n            ) {\n                bestIdx = idx;\n                best = entry;\n            }\n        }\n\n        if (bestIdx < 0 || !best) {\n            segments.push({ type: 'text', value: remaining });\n            break;\n        }\n\n        if (bestIdx > 0) {\n            segments.push({ type: 'text', value: remaining.slice(0, bestIdx) });\n        }\n\n        segments.push(best.segment);\n        remaining = remaining.slice(bestIdx + best.cite.length);\n    }\n\n    return segments.filter(segment => segment.type !== 'text' || segment.value.length > 0);\n}\n\nfunction UserCiteChip({\n    item,\n    onOpenPath,\n}: {\n    item: ChipItem;\n    onOpenPath?: (item: ChipItem) => void;\n}): ReactNode {\n    return (\n        <Chip\n            className={ styles.userCite }\n            item={ item }\n            onAction={ item.href ? undefined : onOpenPath }\n        />\n    );\n}\n\nfunction UserMessageBody({\n    text,\n    metadata,\n    onOpenPath,\n}: {\n    text: string;\n    metadata: ReformaUserMessageMetadata | undefined;\n    onOpenPath?: (item: ChipItem) => void;\n}): ReactNode {\n    const segments = splitUserMessageSegments(text, metadata);\n\n    if (segments.length === 0) {\n        return null;\n    }\n\n    const hasCites = segments.some(segment => segment.type !== 'text');\n\n    if (!hasCites && segments[0]?.type === 'text') {\n        return (\n            <MessageText\n                className={ styles.userMessageBody }\n                mode=\"static\"\n            >\n                { segments[0].value }\n            </MessageText>\n        );\n    }\n\n    return (\n        <div className={ cn(styles.userMessageBody, styles.userMessageWithCites) }>\n            <For each={ segments }>\n                { (segment, index) => {\n                    if (segment.type === 'text') {\n                        return (\n                            <MessageText\n                                key={ `t-${ index }` }\n                                className={ styles.userMessageFragment }\n                                mode=\"static\"\n                            >\n                                { segment.value }\n                            </MessageText>\n                        );\n                    }\n\n                    if (segment.type === 'command') {\n                        return (\n                            <Badge\n                                key={ `c-${ segment.cite }-${ index }` }\n                                size=\"xs\"\n                                color=\"success\"\n                                value={ segment.skill }\n                                textValue={ segment.cite }\n                                aria-label={ segment.cite }\n                                className={ styles.userCite }\n                            >\n                                { segment.cite }\n                            </Badge>\n                        );\n                    }\n\n                    if (segment.type === 'file') {\n                        return (\n                            <UserCiteChip\n                                key={ `f-${ segment.cite }-${ index }` }\n                                item={ fileCiteChipItem(segment.file) }\n                                onOpenPath={ onOpenPath }\n                            />\n                        );\n                    }\n\n                    if (segment.type === 'link') {\n                        return (\n                            <UserCiteChip\n                                key={ `u-${ segment.cite }-${ index }` }\n                                item={ {\n                                    id: segment.url,\n                                    type: 'link',\n                                    label: segment.host,\n                                    tooltip: segment.url,\n                                    href: segment.url,\n                                } }\n                                onOpenPath={ onOpenPath }\n                            />\n                        );\n                    }\n\n                    return (\n                        <UserCiteChip\n                            key={ `l-${ segment.cite }-${ index }` }\n                            item={ {\n                                id: attachedLayerRefKey(segment.layer),\n                                type: 'element',\n                                label: segment.layer.propName\n                                    ? `${ resolveLayerCite(segment.layer) }.${ segment.layer.propName }`\n                                    : (segment.layer.text || segment.layer.label || segment.layer.layerId),\n                                ...(segment.layer.icon ? { icon: segment.layer.icon } : {}),\n                            } }\n                            onOpenPath={ onOpenPath }\n                        />\n                    );\n                } }\n            </For>\n        </div>\n    );\n}\n\n/** User turn text bubble with collapsible long messages. Renders nothing when empty. */\nexport const MessageUserBubble = observer(() => {\n    const turn = useMessageTurn();\n    const { onOpenPath } = useChat();\n    const [expanded, setExpanded] = useState(false);\n\n    if (turn?.role !== 'user' || turn.message.role !== 'user') {\n        return null;\n    }\n\n    const { text, message } = turn;\n    const hasText = text.trim().length > 0;\n    const hasAttached = Boolean(\n        message.metadata?.attached?.files?.length\n        || message.metadata?.attached?.layers?.length\n        || message.metadata?.skills?.length\n        || message.metadata?.commands?.length\n    );\n\n    if (!hasText && !hasAttached) {\n        return null;\n    }\n\n    const body = (\n        <UserMessageBody\n            text={ text }\n            metadata={ message.metadata }\n            onOpenPath={ onOpenPath }\n        />\n    );\n    const collapsible = text.length > MESSAGE_USER_COLLAPSE_MIN_CHARS;\n\n    return (\n        <div className={ cn(styles.messageBubble, styles.userBubble) }>\n            <Show when={ !collapsible }>\n                <div className={ styles.parts }>\n                    { body }\n                </div>\n            </Show>\n\n            <Show when={ collapsible }>\n                <Scrollable\n                    vertical\n                    edgeFade={ !expanded }\n                    className={ styles.userMessageScroll }\n                    containerClass={ styles.userMessageScrollPort }\n                    contentClass={ styles.parts }\n                    aria-expanded={ expanded }\n                >\n                    { body }\n                </Scrollable>\n                <ScrollExpandChevronButton\n                    expanded={ expanded }\n                    onPress={ () => setExpanded(v => !v) }\n                    labelExpand={ USER_COLLAPSE_LABELS.expand }\n                    labelCollapse={ USER_COLLAPSE_LABELS.collapse }\n                    className={ styles.userMessageExpandToggle }\n                />\n            </Show>\n        </div>\n    );\n});\n"],"names":["MESSAGE_USER_COLLAPSE_MIN_CHARS","USER_COLLAPSE_LABELS","fileCiteChipItem","file","fromPath","chipItemFromPath","codeEditorStateKey","fileChipDisplay","splitUserMessageSegments","text","metadata","files","layers","slashNames","cites","cite","fileCite","layer","formatLayerCite","raw","name","match","url","host","a","b","segments","remaining","bestIdx","best","entry","idx","segment","UserCiteChip","item","onOpenPath","Chip","styles","UserMessageBody","MessageText","cn","For","index","Badge","attachedLayerRefKey","resolveLayerCite","MessageUserBubble","observer","turn","useMessageTurn","useChat","expanded","setExpanded","useState","message","hasText","hasAttached","body","collapsible","_jsx","Show","_jsxs","Scrollable","ScrollExpandChevronButton","v"],"mappings":"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"}

package/dist/chat/Message/turn/workedCollapse.d.ts

@@ -0,0 +1,16 @@
+import type { MessageSegment } from '../normalize/normalizeMessageParts';
+export type FinishedWorkSplit = {
+    work: readonly MessageSegment[];
+    answer: MessageSegment;
+};
+/**
+ * Finished turn whose last visible part is text: tuck every segment before that
+ * answer under one disclosure. Streaming, cancelled, and "still waiting" turns stay open.
+ */
+export declare function splitFinishedWork(segments: readonly MessageSegment[], flags: {
+    streaming: boolean;
+    cancelled: boolean;
+}): FinishedWorkSplit | null;
+/** "Worked for 25s" / "Worked for 2m". "Worked" when the turn has no timestamps. */
+export declare function workedForLabel(startedAt: number | undefined, endedAt: number | undefined): string;
+//# sourceMappingURL=workedCollapse.d.ts.map

package/dist/chat/Message/turn/workedCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workedCollapse.d.ts","sourceRoot":"","sources":["../../../../src/chat/Message/turn/workedCollapse.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,IAAI,EAAE,SAAS,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAC7B,QAAQ,EAAE,SAAS,cAAc,EAAE,EACnC,KAAK,EAAE;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GAClD,iBAAiB,GAAG,IAAI,CAyB1B;AAED,oFAAoF;AACpF,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAgCjG"}

package/dist/chat/Message/turn/workedCollapse.js

@@ -0,0 +1,31 @@
+import { isTextUIPart as l } from "ai";
+import { segmentRequiresUserAction as s, lastVisiblePartFromGroups as f } from "../normalize/normalizeMessageParts.js";
+function a(r, e) {
+  if (e.streaming || e.cancelled || r.length < 2 || r.some((i) => s(i.groups)))
+    return null;
+  const n = r[r.length - 1];
+  if (!n || n.layout !== "ungrouped")
+    return null;
+  const o = f(n.groups);
+  return !o || !l(o) || o.state === "streaming" || !o.text.trim() ? null : {
+    work: r.slice(0, -1),
+    answer: n
+  };
+}
+function h(r, e) {
+  if (r == null || e == null || !Number.isFinite(r) || !Number.isFinite(e) || e < r)
+    return "Worked";
+  const n = Math.max(1, Math.round((e - r) / 1e3));
+  if (n < 60)
+    return `Worked for ${n}s`;
+  const o = Math.floor(n / 60), i = n % 60;
+  if (o < 60)
+    return i === 0 ? `Worked for ${o}m` : `Worked for ${o}m ${i}s`;
+  const t = Math.floor(o / 60), u = o % 60;
+  return u === 0 ? `Worked for ${t}h` : `Worked for ${t}h ${u}m`;
+}
+export {
+  a as splitFinishedWork,
+  h as workedForLabel
+};
+//# sourceMappingURL=workedCollapse.js.map

package/dist/chat/Message/turn/workedCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workedCollapse.js","sources":["../../../../src/chat/Message/turn/workedCollapse.ts"],"sourcesContent":["import { isTextUIPart } from 'ai';\n\nimport {\n    lastVisiblePartFromGroups,\n    segmentRequiresUserAction,\n} from '../normalize/normalizeMessageParts';\n\nimport type { MessageSegment } from '../normalize/normalizeMessageParts';\n\nexport type FinishedWorkSplit = {\n    work: readonly MessageSegment[];\n    answer: MessageSegment;\n};\n\n/**\n * Finished turn whose last visible part is text: tuck every segment before that\n * answer under one disclosure. Streaming, cancelled, and \"still waiting\" turns stay open.\n */\nexport function splitFinishedWork(\n    segments: readonly MessageSegment[],\n    flags: { streaming: boolean; cancelled: boolean }\n): FinishedWorkSplit | null {\n    if (flags.streaming || flags.cancelled || segments.length < 2) {\n        return null;\n    }\n\n    if (segments.some(segment => segmentRequiresUserAction(segment.groups))) {\n        return null;\n    }\n\n    const answer = segments[segments.length - 1];\n\n    if (!answer || answer.layout !== 'ungrouped') {\n        return null;\n    }\n\n    const tail = lastVisiblePartFromGroups(answer.groups);\n\n    if (!tail || !isTextUIPart(tail) || tail.state === 'streaming' || !tail.text.trim()) {\n        return null;\n    }\n\n    return {\n        work: segments.slice(0, -1),\n        answer,\n    };\n}\n\n/** \"Worked for 25s\" / \"Worked for 2m\". \"Worked\" when the turn has no timestamps. */\nexport function workedForLabel(startedAt: number | undefined, endedAt: number | undefined): string {\n    if (\n        startedAt == null\n        || endedAt == null\n        || !Number.isFinite(startedAt)\n        || !Number.isFinite(endedAt)\n        || endedAt < startedAt\n    ) {\n        return 'Worked';\n    }\n\n    const seconds = Math.max(1, Math.round((endedAt - startedAt) / 1000));\n\n    if (seconds < 60) {\n        return `Worked for ${ seconds }s`;\n    }\n\n    const minutes = Math.floor(seconds / 60);\n    const remSeconds = seconds % 60;\n\n    if (minutes < 60) {\n        return remSeconds === 0\n            ? `Worked for ${ minutes }m`\n            : `Worked for ${ minutes }m ${ remSeconds }s`;\n    }\n\n    const hours = Math.floor(minutes / 60);\n    const remMinutes = minutes % 60;\n\n    return remMinutes === 0\n        ? `Worked for ${ hours }h`\n        : `Worked for ${ hours }h ${ remMinutes }m`;\n}\n"],"names":["splitFinishedWork","segments","flags","segment","segmentRequiresUserAction","answer","tail","lastVisiblePartFromGroups","isTextUIPart","workedForLabel","startedAt","endedAt","seconds","minutes","remSeconds","hours","remMinutes"],"mappings":";;AAMO,SAASA,EAAkBC,GAAUC,GAAO;AAIjD,MAHIA,EAAM,aAAaA,EAAM,aAAaD,EAAS,SAAS,KAGxDA,EAAS,KAAK,CAAAE,MAAWC,EAA0BD,EAAQ,MAAM,CAAC;AACpE,WAAO;AAET,QAAME,IAASJ,EAASA,EAAS,SAAS,CAAC;AAC3C,MAAI,CAACI,KAAUA,EAAO,WAAW;AAC/B,WAAO;AAET,QAAMC,IAAOC,EAA0BF,EAAO,MAAM;AACpD,SAAI,CAACC,KAAQ,CAACE,EAAaF,CAAI,KAAKA,EAAK,UAAU,eAAe,CAACA,EAAK,KAAK,SACpE,OAEF;AAAA,IACL,MAAML,EAAS,MAAM,GAAG,EAAE;AAAA,IAC1B,QAAAI;AAAA,EAAA;AAEJ;AAGO,SAASI,EAAeC,GAAWC,GAAS;AACjD,MAAID,KAAa,QAAQC,KAAW,QAAQ,CAAC,OAAO,SAASD,CAAS,KAAK,CAAC,OAAO,SAASC,CAAO,KAAKA,IAAUD;AAChH,WAAO;AAET,QAAME,IAAU,KAAK,IAAI,GAAG,KAAK,OAAOD,IAAUD,KAAa,GAAI,CAAC;AACpE,MAAIE,IAAU;AACZ,WAAO,cAAcA,CAAO;AAE9B,QAAMC,IAAU,KAAK,MAAMD,IAAU,EAAE,GACjCE,IAAaF,IAAU;AAC7B,MAAIC,IAAU;AACZ,WAAOC,MAAe,IAAI,cAAcD,CAAO,MAAM,cAAcA,CAAO,KAAKC,CAAU;AAE3F,QAAMC,IAAQ,KAAK,MAAMF,IAAU,EAAE,GAC/BG,IAAaH,IAAU;AAC7B,SAAOG,MAAe,IAAI,cAAcD,CAAK,MAAM,cAAcA,CAAK,KAAKC,CAAU;AACvF;"}

package/dist/chat/Tool/agent/AgentTool.d.ts

@@ -1,4 +1,14 @@
 import type { ToolRendererProps } from '../types';
+/** One composer strip: who is running, and the child thread Show opens. */
+export declare function subagentComposerCopy(part: {
+    input?: unknown;
+    output?: unknown;
+}, patch: Record<string, unknown> | undefined): {
+    text: string;
+    label: string;
+    childThreadId?: string;
+    waiting: boolean;
+};
 /** Live subtitle for a tool — same copy for Agent rows and the compact rail task. */
 export declare function subagentActivityLabel(patch: Record<string, unknown> | undefined): string | undefined;
 /** Live/waiting subtitle. Done rows stay quiet — no empty "Completed". */

package/dist/chat/Tool/agent/AgentTool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentTool.d.ts","sourceRoot":"","sources":["../../../../src/chat/Tool/agent/AgentTool.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA6IlD,qFAAqF;AACrF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CA0BpG;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,MAAM,GAAG,SAAS,CAcrB;AAiFD,mDAAmD;AACnD,eAAO,MAAM,SAAS,cAAuB,iBAAiB;8BAAjB,iBAAiB;CA6C5D,CAAC"}
+{"version":3,"file":"AgentTool.d.ts","sourceRoot":"","sources":["../../../../src/chat/Tool/agent/AgentTool.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA6IlD,2EAA2E;AAC3E,wBAAgB,oBAAoB,CAChC,IAAI,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,EAC3C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAC3C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAmB3E;AAED,qFAAqF;AACrF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CA0BpG;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,MAAM,GAAG,SAAS,CAcrB;AAiFD,mDAAmD;AACnD,eAAO,MAAM,SAAS,cAAuB,iBAAiB;8BAAjB,iBAAiB;CA6C5D,CAAC"}