@agimon-ai/doompi-web-components 0.0.1-alpha.72 → 0.0.1-alpha.74

package/dist/node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/vi.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"vi.d.mts","names":["errors","errors.$ZodErrorMap"],"sources":["../../../../../../../../../../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/vi.d.cts"],"x_google_ignoreList":[0],"mappings":";;iBACiB;EACb,aAAaC"}
+{"version":3,"file":"vi.d.mts","names":["errors","errors.$ZodErrorMap"],"sources":["../../../../../../../../../../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/vi.d.cts"],"ignoreList":[0],"mappings":";;iBACiB;EACb,aAAaC"}

package/dist/node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/yo.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"yo.d.mts","names":["errors","errors.$ZodErrorMap"],"sources":["../../../../../../../../../../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/yo.d.cts"],"x_google_ignoreList":[0],"mappings":";;iBACiB;EACb,aAAaC"}
+{"version":3,"file":"yo.d.mts","names":["errors","errors.$ZodErrorMap"],"sources":["../../../../../../../../../../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/yo.d.cts"],"ignoreList":[0],"mappings":";;iBACiB;EACb,aAAaC"}

package/dist/node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/zh-CN.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.d.mts","names":["errors","errors.$ZodErrorMap"],"sources":["../../../../../../../../../../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/zh-CN.d.cts"],"x_google_ignoreList":[0],"mappings":";;iBACiB;EACb,aAAaC"}
+{"version":3,"file":"zh-CN.d.mts","names":["errors","errors.$ZodErrorMap"],"sources":["../../../../../../../../../../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/zh-CN.d.cts"],"ignoreList":[0],"mappings":";;iBACiB;EACb,aAAaC"}

package/dist/node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/zh-TW.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"zh-TW.d.mts","names":["errors","errors.$ZodErrorMap"],"sources":["../../../../../../../../../../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/zh-TW.d.cts"],"x_google_ignoreList":[0],"mappings":";;iBACiB;EACb,aAAaC"}
+{"version":3,"file":"zh-TW.d.mts","names":["errors","errors.$ZodErrorMap"],"sources":["../../../../../../../../../../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/locales/zh-TW.d.cts"],"ignoreList":[0],"mappings":";;iBACiB;EACb,aAAaC"}

package/dist/packages/core/doompi-web-components/src/components/MessageItem.d.mts

@@ -10,8 +10,11 @@ import { VariantProps } from "class-variance-authority";
  * this, and so is the cockpit's own fallback item, which is what keeps them
  * looking alike.
  */
+/** The next item captures this accessory for its header, without passing it to nested items. */
+export declare const MessageItemHeaderAccessoryContext: import("react").Context<ReactNode>;
 export interface MessageItemState {
   tone: StatusTone;
+  headerAccessory?: ReactNode;
   /** Whether the header offers the toggle; an item that hides nothing offers none. */
   expandable: boolean;
   expanded: boolean;

package/dist/packages/core/doompi-web-components/src/components/MessageItem.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItem.d.mts","names":[],"sources":["../../../../../../src/components/MessageItem.tsx"],"mappings":";;;;;;;;;;;;iBAiBiB;EACf,MAAM;;EAEN;EACA;EACA;;;wBAWc,kBAAkB;;qBAarB,sBAAmB;;6CAG9B;;qBAGW,yBAAsB;;6CAGjC;iBAEe,yBACP,KAAK,oCAAoC,oBAAoB;;EAErE;EACA;;EAEA;EACA,oBAAoB;;EAEpB,WAAW,cAAc,OAAO,qBAAqB;;wBAGvC,cACd,WACA,MACA,YACA,iBACA,UACA,kBACA,aACG,SACF,mCAAgB,IAAA;iBA8BF,8BACP,KAAK,iCAAiC,oBAAoB;;EAElE,OAAO;;EAEP,UAAU;;EAEV,QAAQ;EACR,WAAW;;;;;;;;;;;;wBAaG,mBACd,WACA,MACA,OACA,SACA,OACA,aACG,SACF,wCAAqB,IAAA;;wBAiBR,SAAS;EAAS;EAAkB;IAAqB;;qBAK5D,cAAc,SAAS,OAAO;iBAS1B,+BAA+B,KAAK;;EAEnD,OAAO;;EAEP,QAAQ;;EAER,WAAW;;;;;;;;;;;wBAeG,oBAAoB,WAAW,OAAO,OAAO,aAAa,SAAS,yCAAsB,IAAA;;wBAsCzF,kBAAkB,cAAc,SAAS,wCAAqB,IAAA;;qBAWjE,cAAc,SAAS,OAAO;qBAS9B,4BAAyB;;6CAYpC;iBAEe,+BAA+B,wBAAwB,oBAAoB;;EAE1F;;EAEA;;;wBAIc,oBACd,WACA,MACA,OACA,SACA,aACG,SACF,yCAAsB,IAAA"}
+{"version":3,"file":"MessageItem.d.mts","names":[],"sources":["../../../../../../src/components/MessageItem.tsx"],"mappings":";;;;;;;;;;;;;qBAkBa,mDAAiC,QAAA;iBAE7B;EACf,MAAM;EACN,kBAAkB;;EAElB;EACA;EACA;;;wBAWc,kBAAkB;;qBAarB,sBAAmB;;6CAG9B;;qBAGW,yBAAsB;;6CAGjC;iBAEe,yBACP,KAAK,oCAAoC,oBAAoB;;EAErE;EACA;;EAEA;EACA,oBAAoB;;EAEpB,WAAW,cAAc,OAAO,qBAAqB;;wBAGvC,cACd,WACA,MACA,YACA,iBACA,UACA,kBACA,aACG,SACF,mCAAgB,IAAA;iBAkCF,8BACP,KAAK,iCAAiC,oBAAoB;;EAElE,OAAO;;EAEP,UAAU;;EAEV,QAAQ;EACR,WAAW;;;;;;;;;;;;wBAaG,mBACd,WACA,MACA,OACA,SACA,OACA,aACG,SACF,wCAAqB,IAAA;;wBAiBR,SAAS;EAAS;EAAkB;IAAqB;;qBAK5D,cAAc,SAAS,OAAO;iBAS1B,+BAA+B,KAAK;;EAEnD,OAAO;;EAEP,QAAQ;;EAER,WAAW;;;;;;;;;;;wBAeG,oBAAoB,WAAW,OAAO,OAAO,aAAa,SAAS,yCAAsB,IAAA;;wBAuCzF,kBAAkB,cAAc,SAAS,wCAAqB,IAAA;;qBAWjE,cAAc,SAAS,OAAO;qBAS9B,4BAAyB;;6CAYpC;iBAEe,+BAA+B,wBAAwB,oBAAoB;;EAE1F;;EAEA;;;wBAIc,oBACd,WACA,MACA,OACA,SACA,aACG,SACF,yCAAsB,IAAA"}

package/dist/packages/core/doompi-web-components/src/components/MessageItem.mjs

@@ -1,2 +1,2 @@
-import{ChevronDownIcon as e,ChevronUpIcon as t}from"../icons/icons.mjs";import{cn as n}from"../lib/cn.mjs";import{Button as r}from"./Button.mjs";import{STATUS_EDGE as i,StatusBadge as a}from"./StatusBadge.mjs";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,useContext as u,useState as d}from"react";import{cva as f}from"class-variance-authority";const p=l({tone:`neutral`,expandable:!1,expanded:!1,toggle:()=>void 0});function m(){return u(p)}const h=l(null),g=f(`overflow-hidden rounded-md border bg-doom-panel transition-colors`,{variants:{tone:i},defaultVariants:{tone:`neutral`}}),_=f(`overflow-hidden border-l-2 transition-colors`,{variants:{tone:i},defaultVariants:{tone:`neutral`}});function v({className:e,tone:t,expandable:r=!1,defaultExpanded:i=!1,expanded:a,onExpandedChange:o,children:c,...l}){let[f,m]=d(i),v=u(h)!==null,y=a??f,b={tone:t??`neutral`,expandable:r,expanded:y,toggle:()=>{let e=!y;a===void 0&&m(e),o?.(e)}};return/* @__PURE__ */ s(p.Provider,{value:b,children:/* @__PURE__ */ s(`div`,{"data-slot":`message-item`,"data-expanded":y,"data-grouped":v,className:n(v?_({tone:t}):g({tone:t}),e),...l,children:typeof c==`function`?c(b):c})})}function y({className:e,tone:t,title:r,summary:i,badge:o,children:l,...u}){let d=o===void 0?x[t??`neutral`]:o;return/* @__PURE__ */ s(h.Provider,{value:{tone:t??`neutral`},children:/* @__PURE__ */ c(`div`,{"data-slot":`message-item-group`,className:n(g({tone:t}),e),...u,children:[/* @__PURE__ */ c(`div`,{className:`flex min-h-8 items-center gap-2 border-doom-border-soft border-b px-[11px] text-sm text-doom-dim`,children:[/* @__PURE__ */ s(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:r}),/* @__PURE__ */ s(`span`,{className:`min-w-0 flex-1 truncate text-doom-faint`,children:i}),d!==null&&d!==``?/* @__PURE__ */ s(a,{tone:t??`neutral`,children:d}):null]}),/* @__PURE__ */ s(`div`,{className:`flex flex-col divide-y divide-doom-border-soft`,children:l})]})})}function b(e){return e.running?`running`:e.isError?`error`:`ok`}const x={neutral:``,running:`RUNNING`,ok:`OK`,error:`ERROR`,info:`INFO`,accent:`NOTE`},S=/* @__PURE__ */ new Set([`ok`,`neutral`]);function C({className:i,title:o,badge:l,children:d,...f}){let{tone:p,expandable:g,expanded:_,toggle:v}=m(),y=u(h),b=y!==null&&S.has(p)?null:x[p],C=l===void 0?b:l;return/* @__PURE__ */ c(`div`,{"data-slot":`message-item-header`,className:n(`flex min-h-8 items-center gap-2 px-[11px] text-sm text-doom-dim`,i),...f,children:[y===null?/* @__PURE__ */ s(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:o}):null,/* @__PURE__ */ s(`div`,{"data-slot":`message-item-summary`,className:`flex min-w-0 flex-1 items-center gap-2`,children:d}),C!==null&&C!==``?/* @__PURE__ */ s(a,{tone:p,"data-testid":`tool-status`,children:C}):null,g?/* @__PURE__ */ s(r,{variant:`ghost`,size:`icon`,"data-testid":`tool-expand`,"aria-expanded":_,"aria-label":_?`collapse`:`expand`,onClick:v,className:`text-doom-faint hover:text-doom-blue`,children:s(_?t:e,{className:`h-3 w-3`})}):null]})}function w({className:e,...t}){return/* @__PURE__ */ s(`div`,{"data-slot":`message-item-body`,className:n(`border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-sm text-doom-dim`,e),...t})}const T={neutral:`…`,running:`◐`,ok:`✓`,error:`✗`,info:`●`,accent:`●`},E=f(`shrink-0`,{variants:{tone:{neutral:`text-doom-faint`,running:`text-doom-yellow`,ok:`text-doom-green`,error:`text-doom-red`,info:`text-doom-blue`,accent:`text-doom-magenta`}},defaultVariants:{tone:`neutral`}});function D({className:e,tone:t,glyph:r,expands:i=!1,children:a,...l}){let{toggle:u}=m(),d=/* @__PURE__ */ c(o,{children:[/* @__PURE__ */ s(`span`,{className:E({tone:t}),children:r??T[t??`neutral`]}),/* @__PURE__ */ s(`span`,{children:a})]});return i?/* @__PURE__ */ s(`button`,{type:`button`,"data-slot":`message-item-status`,"data-testid":`tool-more`,onClick:u,className:n(`flex min-h-6 min-w-6 cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue`,e),children:d}):/* @__PURE__ */ s(`span`,{"data-slot":`message-item-status`,className:n(`flex items-center gap-1.5 text-doom-faint`,e),...l,children:d})}export{v as MessageItem,w as MessageItemBody,y as MessageItemGroup,C as MessageItemHeader,D as MessageItemStatus,T as STATUS_GLYPH,x as STATUS_LABEL,_ as messageItemRowVariants,E as messageItemStatusVariants,g as messageItemVariants,b as toolTone,m as useMessageItem};
+import{ChevronDownIcon as e,ChevronUpIcon as t}from"../icons/icons.mjs";import{cn as n}from"../lib/cn.mjs";import{Button as r}from"./Button.mjs";import{STATUS_EDGE as i,StatusBadge as a}from"./StatusBadge.mjs";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";import{createContext as l,useContext as u,useState as d}from"react";import{cva as f}from"class-variance-authority";const p=l(null),m=l({tone:`neutral`,expandable:!1,expanded:!1,toggle:()=>void 0});function h(){return u(m)}const g=l(null),_=f(`overflow-hidden rounded-md border bg-doom-panel transition-colors`,{variants:{tone:i},defaultVariants:{tone:`neutral`}}),v=f(`overflow-hidden border-l-2 transition-colors`,{variants:{tone:i},defaultVariants:{tone:`neutral`}});function y({className:e,tone:t,expandable:r=!1,defaultExpanded:i=!1,expanded:a,onExpandedChange:o,children:c,...l}){let[f,h]=d(i),y=u(g),b=u(p),x=y!==null,S=a??f,C={tone:t??`neutral`,headerAccessory:b,expandable:r,expanded:S,toggle:()=>{let e=!S;a===void 0&&h(e),o?.(e)}};return/* @__PURE__ */ s(m.Provider,{value:C,children:/* @__PURE__ */ s(p,{value:null,children:/* @__PURE__ */ s(`div`,{"data-slot":`message-item`,"data-expanded":S,"data-grouped":x,className:n(x?v({tone:t}):_({tone:t}),e),...l,children:typeof c==`function`?c(C):c})})})}function b({className:e,tone:t,title:r,summary:i,badge:o,children:l,...u}){let d=o===void 0?S[t??`neutral`]:o;return/* @__PURE__ */ s(g.Provider,{value:{tone:t??`neutral`},children:/* @__PURE__ */ c(`div`,{"data-slot":`message-item-group`,className:n(_({tone:t}),e),...u,children:[/* @__PURE__ */ c(`div`,{className:`flex min-h-8 items-center gap-2 border-doom-border-soft border-b px-[11px] text-sm text-doom-dim`,children:[/* @__PURE__ */ s(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:r}),/* @__PURE__ */ s(`span`,{className:`min-w-0 flex-1 truncate text-doom-faint`,children:i}),d!==null&&d!==``?/* @__PURE__ */ s(a,{tone:t??`neutral`,children:d}):null]}),/* @__PURE__ */ s(`div`,{className:`flex flex-col divide-y divide-doom-border-soft`,children:l})]})})}function x(e){return e.running?`running`:e.isError?`error`:`ok`}const S={neutral:``,running:`RUNNING`,ok:`OK`,error:`ERROR`,info:`INFO`,accent:`NOTE`},C=/* @__PURE__ */ new Set([`ok`,`neutral`]);function w({className:i,title:o,badge:l,children:d,...f}){let{headerAccessory:p,tone:m,expandable:_,expanded:v,toggle:y}=h(),b=u(g),x=b!==null&&C.has(m)?null:S[m],w=l===void 0?x:l;return/* @__PURE__ */ c(`div`,{"data-slot":`message-item-header`,className:n(`flex min-h-8 items-center gap-2 px-[11px] text-sm text-doom-dim`,i),...f,children:[b===null?/* @__PURE__ */ s(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:o}):null,/* @__PURE__ */ s(`div`,{"data-slot":`message-item-summary`,className:`flex min-w-0 flex-1 items-center gap-2`,children:d}),p,w!==null&&w!==``?/* @__PURE__ */ s(a,{tone:m,"data-testid":`tool-status`,children:w}):null,_?/* @__PURE__ */ s(r,{variant:`ghost`,size:`icon`,"data-testid":`tool-expand`,"aria-expanded":v,"aria-label":v?`collapse`:`expand`,onClick:y,className:`text-doom-faint hover:text-doom-blue`,children:s(v?t:e,{className:`h-3 w-3`})}):null]})}function T({className:e,...t}){return/* @__PURE__ */ s(`div`,{"data-slot":`message-item-body`,className:n(`border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-sm text-doom-dim`,e),...t})}const E={neutral:`…`,running:`◐`,ok:`✓`,error:`✗`,info:`●`,accent:`●`},D=f(`shrink-0`,{variants:{tone:{neutral:`text-doom-faint`,running:`text-doom-yellow`,ok:`text-doom-green`,error:`text-doom-red`,info:`text-doom-blue`,accent:`text-doom-magenta`}},defaultVariants:{tone:`neutral`}});function O({className:e,tone:t,glyph:r,expands:i=!1,children:a,...l}){let{toggle:u}=h(),d=/* @__PURE__ */ c(o,{children:[/* @__PURE__ */ s(`span`,{className:D({tone:t}),children:r??E[t??`neutral`]}),/* @__PURE__ */ s(`span`,{children:a})]});return i?/* @__PURE__ */ s(`button`,{type:`button`,"data-slot":`message-item-status`,"data-testid":`tool-more`,onClick:u,className:n(`flex min-h-6 min-w-6 cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue`,e),children:d}):/* @__PURE__ */ s(`span`,{"data-slot":`message-item-status`,className:n(`flex items-center gap-1.5 text-doom-faint`,e),...l,children:d})}export{y as MessageItem,T as MessageItemBody,b as MessageItemGroup,w as MessageItemHeader,p as MessageItemHeaderAccessoryContext,O as MessageItemStatus,E as STATUS_GLYPH,S as STATUS_LABEL,v as messageItemRowVariants,D as messageItemStatusVariants,_ as messageItemVariants,x as toolTone,h as useMessageItem};
 //# sourceMappingURL=MessageItem.mjs.map

package/dist/packages/core/doompi-web-components/src/components/MessageItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItem.mjs","names":["MessageItemContext","createContext","useMessageItem","useContext","MessageItemGroupContext","messageItemVariants","cva","STATUS_EDGE","messageItemRowVariants","MessageItem","props","own","setOwn","useState","defaultExpanded","grouped","current","expanded","state","tone","next","onExpandedChange","cn","className","children","MessageItemGroup","label","badge","STATUS_LABEL","title","summary","StatusBadge","toolTone","SILENT_IN_GROUP","MessageItemHeader","group","defaultLabel","expandable","Button","toggle","jsx","ChevronUpIcon","ChevronDownIcon","MessageItemBody","STATUS_GLYPH","messageItemStatusVariants","MessageItemStatus","content","Fragment","glyph","expands"],"sources":["../../../../../../src/components/MessageItem.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type ComponentProps, createContext, type ReactNode, useContext, useState } from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\nimport { STATUS_EDGE, StatusBadge, type StatusTone } from './StatusBadge';\n\n/**\n * The message item: the timeline card a tool call, a run, or a notice sits\n * in. The item owns its outcome tone and its expand state; the header, body,\n * and status parts read both from it, so a card composes the parts and never\n * threads `expanded` by hand. A tool message in a web plugin is built from\n * this, and so is the cockpit's own fallback item, which is what keeps them\n * looking alike.\n */\n\nexport interface MessageItemState {\n  tone: StatusTone;\n  /** Whether the header offers the toggle; an item that hides nothing offers none. */\n  expandable: boolean;\n  expanded: boolean;\n  toggle: () => void;\n}\n\nconst MessageItemContext = createContext<MessageItemState>({\n  tone: 'neutral',\n  expandable: false,\n  expanded: false,\n  toggle: () => undefined,\n});\n\n/** The enclosing item's state, for a part that lives deeper than the item's render prop. */\nexport function useMessageItem(): MessageItemState {\n  return useContext(MessageItemContext);\n}\n\n/**\n * The group an item is a row of, or null for an item that is a card of its\n * own. A row drops the frame the group already draws and keeps its tone as an\n * edge down its left side, and it stops repeating what the group's header has\n * said once: the tool's name, and an outcome the whole run shares.\n */\nconst MessageItemGroupContext = createContext<{ tone: StatusTone } | null>(null);\n\n/** The frame, wearing the edge STATUS_EDGE names for the tone, so the two never drift apart. */\nexport const messageItemVariants = cva('overflow-hidden rounded-md border bg-doom-panel transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\n/** The same tone as a row: no card, one coloured edge, and the group's separators between rows. */\nexport const messageItemRowVariants = cva('overflow-hidden border-l-2 transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemProps\n  extends Omit<ComponentProps<'div'>, 'children'>, VariantProps<typeof messageItemVariants> {\n  /** Whether the header offers the expand toggle. A toggle that reveals nothing reads as broken, so the card decides. */\n  expandable?: boolean;\n  defaultExpanded?: boolean;\n  /** Controlled mode; pair with onExpandedChange. Omit it and the item keeps its own state. */\n  expanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Plain content, or a function of the item's state for a card that picks its lines by `expanded`. */\n  children?: ReactNode | ((state: MessageItemState) => ReactNode);\n}\n\nexport function MessageItem({\n  className,\n  tone,\n  expandable = false,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  ...props\n}: MessageItemProps) {\n  const [own, setOwn] = useState(defaultExpanded);\n  const group = useContext(MessageItemGroupContext);\n  const grouped = group !== null;\n  const current = expanded ?? own;\n  const state: MessageItemState = {\n    tone: tone ?? 'neutral',\n    expandable,\n    expanded: current,\n    toggle: () => {\n      const next = !current;\n      if (expanded === undefined) setOwn(next);\n      onExpandedChange?.(next);\n    },\n  };\n  return (\n    <MessageItemContext.Provider value={state}>\n      <div\n        data-slot=\"message-item\"\n        data-expanded={current}\n        data-grouped={grouped}\n        className={cn(grouped ? messageItemRowVariants({ tone }) : messageItemVariants({ tone }), className)}\n        {...props}\n      >\n        {typeof children === 'function' ? children(state) : children}\n      </div>\n    </MessageItemContext.Provider>\n  );\n}\n\nexport interface MessageItemGroupProps\n  extends Omit<ComponentProps<'div'>, 'title'>, VariantProps<typeof messageItemVariants> {\n  /** The bold label at the left of the group header: the tool the run belongs to. */\n  title: ReactNode;\n  /** The line beside it, such as how many calls the group holds. */\n  summary?: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  children?: ReactNode;\n}\n\n/**\n * One frame around a run of items that belong together.\n *\n * A transcript that calls the same tool five times in a row is five identical\n * frames, five gutter labels and five gaps, and the repetition reads louder\n * than the commands do. The group draws the frame once and each item inside it\n * becomes a row: same header, same expand, no card of its own. The tone still\n * belongs to the row, as an edge, so a failure in the middle of a run is not\n * flattened into the group's own outcome.\n */\nexport function MessageItemGroup({\n  className,\n  tone,\n  title,\n  summary,\n  badge,\n  children,\n  ...props\n}: MessageItemGroupProps) {\n  const label = badge === undefined ? STATUS_LABEL[tone ?? 'neutral'] : badge;\n  return (\n    <MessageItemGroupContext.Provider value={{ tone: tone ?? 'neutral' }}>\n      <div data-slot=\"message-item-group\" className={cn(messageItemVariants({ tone }), className)} {...props}>\n        <div className=\"flex min-h-8 items-center gap-2 border-doom-border-soft border-b px-[11px] text-sm text-doom-dim\">\n          <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span>\n          <span className=\"min-w-0 flex-1 truncate text-doom-faint\">{summary}</span>\n          {label !== null && label !== '' ? <StatusBadge tone={tone ?? 'neutral'}>{label}</StatusBadge> : null}\n        </div>\n        <div className=\"flex flex-col divide-y divide-doom-border-soft\">{children}</div>\n      </div>\n    </MessageItemGroupContext.Provider>\n  );\n}\n\n/** The tone a tool call's item wears: running while the tool runs, then its outcome. */\nexport function toolTone(state: { running: boolean; isError: boolean }): StatusTone {\n  return state.running ? 'running' : state.isError ? 'error' : 'ok';\n}\n\n/** The badge text a tone reads as when the header is not told otherwise; empty hides the badge. */\nexport const STATUS_LABEL: Readonly<Record<StatusTone, string>> = {\n  neutral: '',\n  running: 'RUNNING',\n  ok: 'OK',\n  error: 'ERROR',\n  info: 'INFO',\n  accent: 'NOTE',\n};\n\nexport interface MessageItemHeaderProps extends Omit<ComponentProps<'div'>, 'title'> {\n  /** The bold label at the left: the tool name. */\n  title: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  /** The summary beside the title; it gets the remaining width. */\n  children?: ReactNode;\n}\n\n/** Inside a group these two are the quiet outcome: the group's header has already said it. */\nconst SILENT_IN_GROUP: ReadonlySet<StatusTone> = new Set<StatusTone>(['ok', 'neutral']);\n\n/**\n * The title row: label, summary, the tone's badge, and the expand toggle when\n * the item is expandable.\n *\n * A row inside a group says less. The group's header has already named the\n * tool and stated the run's outcome, so the row drops its title and speaks up\n * only when something went wrong or is still going: five OK badges down a run\n * of five are noise, and the one ERROR among them is the point.\n */\nexport function MessageItemHeader({ className, title, badge, children, ...props }: MessageItemHeaderProps) {\n  const { tone, expandable, expanded, toggle } = useMessageItem();\n  const group = useContext(MessageItemGroupContext);\n  const defaultLabel = group !== null && SILENT_IN_GROUP.has(tone) ? null : STATUS_LABEL[tone];\n  const label = badge === undefined ? defaultLabel : badge;\n  return (\n    <div\n      data-slot=\"message-item-header\"\n      className={cn('flex min-h-8 items-center gap-2 px-[11px] text-sm text-doom-dim', className)}\n      {...props}\n    >\n      {group === null ? <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span> : null}\n      <div data-slot=\"message-item-summary\" className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {children}\n      </div>\n      {label !== null && label !== '' ? (\n        <StatusBadge tone={tone} data-testid=\"tool-status\">\n          {label}\n        </StatusBadge>\n      ) : null}\n      {expandable ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          data-testid=\"tool-expand\"\n          aria-expanded={expanded}\n          aria-label={expanded ? 'collapse' : 'expand'}\n          onClick={toggle}\n          className=\"text-doom-faint hover:text-doom-blue\"\n        >\n          {expanded ? <ChevronUpIcon className=\"h-3 w-3\" /> : <ChevronDownIcon className=\"h-3 w-3\" />}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/** The recessed body under the header. */\nexport function MessageItemBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"message-item-body\"\n      className={cn('border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-sm text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\n/** The glyph a tone reads as in a status line. */\nexport const STATUS_GLYPH: Readonly<Record<StatusTone, string>> = {\n  neutral: '…',\n  running: '◐',\n  ok: '✓',\n  error: '✗',\n  info: '●',\n  accent: '●',\n};\n\nexport const messageItemStatusVariants = cva('shrink-0', {\n  variants: {\n    tone: {\n      neutral: 'text-doom-faint',\n      running: 'text-doom-yellow',\n      ok: 'text-doom-green',\n      error: 'text-doom-red',\n      info: 'text-doom-blue',\n      accent: 'text-doom-magenta',\n    } satisfies Record<StatusTone, string>,\n  },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemStatusProps extends ComponentProps<'span'>, VariantProps<typeof messageItemStatusVariants> {\n  /** Replaces the tone's glyph. */\n  glyph?: string;\n  /** Renders as a button that expands the item: the \"N more line(s)\" hint. Only className carries over. */\n  expands?: boolean;\n}\n\n/** The one-line status under a body: `◐ running`, `✗ failed`, `✓ done`, or the hint that more is hidden. */\nexport function MessageItemStatus({\n  className,\n  tone,\n  glyph,\n  expands = false,\n  children,\n  ...props\n}: MessageItemStatusProps) {\n  const { toggle } = useMessageItem();\n  const content = (\n    <>\n      <span className={messageItemStatusVariants({ tone })}>{glyph ?? STATUS_GLYPH[tone ?? 'neutral']}</span>\n      <span>{children}</span>\n    </>\n  );\n  if (expands) {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"message-item-status\"\n        data-testid=\"tool-more\"\n        onClick={toggle}\n        className={cn(\n          'flex min-h-6 min-w-6 cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue',\n          className,\n        )}\n      >\n        {content}\n      </button>\n    );\n  }\n  return (\n    <span\n      data-slot=\"message-item-status\"\n      className={cn('flex items-center gap-1.5 text-doom-faint', className)}\n      {...props}\n    >\n      {content}\n    </span>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MessageItem.mjs","names":["MessageItemHeaderAccessoryContext","createContext","MessageItemContext","useMessageItem","useContext","MessageItemGroupContext","messageItemVariants","cva","STATUS_EDGE","messageItemRowVariants","MessageItem","props","own","setOwn","useState","defaultExpanded","group","headerAccessory","grouped","current","expanded","state","tone","next","onExpandedChange","cn","className","children","MessageItemGroup","label","badge","STATUS_LABEL","title","summary","StatusBadge","toolTone","SILENT_IN_GROUP","MessageItemHeader","defaultLabel","expandable","Button","toggle","jsx","ChevronUpIcon","ChevronDownIcon","MessageItemBody","STATUS_GLYPH","messageItemStatusVariants","MessageItemStatus","content","Fragment","glyph","expands"],"sources":["../../../../../../src/components/MessageItem.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type ComponentProps, createContext, type ReactNode, useContext, useState } from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\nimport { STATUS_EDGE, StatusBadge, type StatusTone } from './StatusBadge';\n\n/**\n * The message item: the timeline card a tool call, a run, or a notice sits\n * in. The item owns its outcome tone and its expand state; the header, body,\n * and status parts read both from it, so a card composes the parts and never\n * threads `expanded` by hand. A tool message in a web plugin is built from\n * this, and so is the cockpit's own fallback item, which is what keeps them\n * looking alike.\n */\n\n/** The next item captures this accessory for its header, without passing it to nested items. */\nexport const MessageItemHeaderAccessoryContext = createContext<ReactNode>(null);\n\nexport interface MessageItemState {\n  tone: StatusTone;\n  headerAccessory?: ReactNode;\n  /** Whether the header offers the toggle; an item that hides nothing offers none. */\n  expandable: boolean;\n  expanded: boolean;\n  toggle: () => void;\n}\n\nconst MessageItemContext = createContext<MessageItemState>({\n  tone: 'neutral',\n  expandable: false,\n  expanded: false,\n  toggle: () => undefined,\n});\n\n/** The enclosing item's state, for a part that lives deeper than the item's render prop. */\nexport function useMessageItem(): MessageItemState {\n  return useContext(MessageItemContext);\n}\n\n/**\n * The group an item is a row of, or null for an item that is a card of its\n * own. A row drops the frame the group already draws and keeps its tone as an\n * edge down its left side, and it stops repeating what the group's header has\n * said once: the tool's name, and an outcome the whole run shares.\n */\nconst MessageItemGroupContext = createContext<{ tone: StatusTone } | null>(null);\n\n/** The frame, wearing the edge STATUS_EDGE names for the tone, so the two never drift apart. */\nexport const messageItemVariants = cva('overflow-hidden rounded-md border bg-doom-panel transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\n/** The same tone as a row: no card, one coloured edge, and the group's separators between rows. */\nexport const messageItemRowVariants = cva('overflow-hidden border-l-2 transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemProps\n  extends Omit<ComponentProps<'div'>, 'children'>, VariantProps<typeof messageItemVariants> {\n  /** Whether the header offers the expand toggle. A toggle that reveals nothing reads as broken, so the card decides. */\n  expandable?: boolean;\n  defaultExpanded?: boolean;\n  /** Controlled mode; pair with onExpandedChange. Omit it and the item keeps its own state. */\n  expanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Plain content, or a function of the item's state for a card that picks its lines by `expanded`. */\n  children?: ReactNode | ((state: MessageItemState) => ReactNode);\n}\n\nexport function MessageItem({\n  className,\n  tone,\n  expandable = false,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  ...props\n}: MessageItemProps) {\n  const [own, setOwn] = useState(defaultExpanded);\n  const group = useContext(MessageItemGroupContext);\n  const headerAccessory = useContext(MessageItemHeaderAccessoryContext);\n  const grouped = group !== null;\n  const current = expanded ?? own;\n  const state: MessageItemState = {\n    tone: tone ?? 'neutral',\n    headerAccessory,\n    expandable,\n    expanded: current,\n    toggle: () => {\n      const next = !current;\n      if (expanded === undefined) setOwn(next);\n      onExpandedChange?.(next);\n    },\n  };\n  return (\n    <MessageItemContext.Provider value={state}>\n      <MessageItemHeaderAccessoryContext value={null}>\n        <div\n          data-slot=\"message-item\"\n          data-expanded={current}\n          data-grouped={grouped}\n          className={cn(grouped ? messageItemRowVariants({ tone }) : messageItemVariants({ tone }), className)}\n          {...props}\n        >\n          {typeof children === 'function' ? children(state) : children}\n        </div>\n      </MessageItemHeaderAccessoryContext>\n    </MessageItemContext.Provider>\n  );\n}\n\nexport interface MessageItemGroupProps\n  extends Omit<ComponentProps<'div'>, 'title'>, VariantProps<typeof messageItemVariants> {\n  /** The bold label at the left of the group header: the tool the run belongs to. */\n  title: ReactNode;\n  /** The line beside it, such as how many calls the group holds. */\n  summary?: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  children?: ReactNode;\n}\n\n/**\n * One frame around a run of items that belong together.\n *\n * A transcript that calls the same tool five times in a row is five identical\n * frames, five gutter labels and five gaps, and the repetition reads louder\n * than the commands do. The group draws the frame once and each item inside it\n * becomes a row: same header, same expand, no card of its own. The tone still\n * belongs to the row, as an edge, so a failure in the middle of a run is not\n * flattened into the group's own outcome.\n */\nexport function MessageItemGroup({\n  className,\n  tone,\n  title,\n  summary,\n  badge,\n  children,\n  ...props\n}: MessageItemGroupProps) {\n  const label = badge === undefined ? STATUS_LABEL[tone ?? 'neutral'] : badge;\n  return (\n    <MessageItemGroupContext.Provider value={{ tone: tone ?? 'neutral' }}>\n      <div data-slot=\"message-item-group\" className={cn(messageItemVariants({ tone }), className)} {...props}>\n        <div className=\"flex min-h-8 items-center gap-2 border-doom-border-soft border-b px-[11px] text-sm text-doom-dim\">\n          <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span>\n          <span className=\"min-w-0 flex-1 truncate text-doom-faint\">{summary}</span>\n          {label !== null && label !== '' ? <StatusBadge tone={tone ?? 'neutral'}>{label}</StatusBadge> : null}\n        </div>\n        <div className=\"flex flex-col divide-y divide-doom-border-soft\">{children}</div>\n      </div>\n    </MessageItemGroupContext.Provider>\n  );\n}\n\n/** The tone a tool call's item wears: running while the tool runs, then its outcome. */\nexport function toolTone(state: { running: boolean; isError: boolean }): StatusTone {\n  return state.running ? 'running' : state.isError ? 'error' : 'ok';\n}\n\n/** The badge text a tone reads as when the header is not told otherwise; empty hides the badge. */\nexport const STATUS_LABEL: Readonly<Record<StatusTone, string>> = {\n  neutral: '',\n  running: 'RUNNING',\n  ok: 'OK',\n  error: 'ERROR',\n  info: 'INFO',\n  accent: 'NOTE',\n};\n\nexport interface MessageItemHeaderProps extends Omit<ComponentProps<'div'>, 'title'> {\n  /** The bold label at the left: the tool name. */\n  title: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  /** The summary beside the title; it gets the remaining width. */\n  children?: ReactNode;\n}\n\n/** Inside a group these two are the quiet outcome: the group's header has already said it. */\nconst SILENT_IN_GROUP: ReadonlySet<StatusTone> = new Set<StatusTone>(['ok', 'neutral']);\n\n/**\n * The title row: label, summary, the tone's badge, and the expand toggle when\n * the item is expandable.\n *\n * A row inside a group says less. The group's header has already named the\n * tool and stated the run's outcome, so the row drops its title and speaks up\n * only when something went wrong or is still going: five OK badges down a run\n * of five are noise, and the one ERROR among them is the point.\n */\nexport function MessageItemHeader({ className, title, badge, children, ...props }: MessageItemHeaderProps) {\n  const { headerAccessory, tone, expandable, expanded, toggle } = useMessageItem();\n  const group = useContext(MessageItemGroupContext);\n  const defaultLabel = group !== null && SILENT_IN_GROUP.has(tone) ? null : STATUS_LABEL[tone];\n  const label = badge === undefined ? defaultLabel : badge;\n  return (\n    <div\n      data-slot=\"message-item-header\"\n      className={cn('flex min-h-8 items-center gap-2 px-[11px] text-sm text-doom-dim', className)}\n      {...props}\n    >\n      {group === null ? <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span> : null}\n      <div data-slot=\"message-item-summary\" className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {children}\n      </div>\n      {headerAccessory}\n      {label !== null && label !== '' ? (\n        <StatusBadge tone={tone} data-testid=\"tool-status\">\n          {label}\n        </StatusBadge>\n      ) : null}\n      {expandable ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          data-testid=\"tool-expand\"\n          aria-expanded={expanded}\n          aria-label={expanded ? 'collapse' : 'expand'}\n          onClick={toggle}\n          className=\"text-doom-faint hover:text-doom-blue\"\n        >\n          {expanded ? <ChevronUpIcon className=\"h-3 w-3\" /> : <ChevronDownIcon className=\"h-3 w-3\" />}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/** The recessed body under the header. */\nexport function MessageItemBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"message-item-body\"\n      className={cn('border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-sm text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\n/** The glyph a tone reads as in a status line. */\nexport const STATUS_GLYPH: Readonly<Record<StatusTone, string>> = {\n  neutral: '…',\n  running: '◐',\n  ok: '✓',\n  error: '✗',\n  info: '●',\n  accent: '●',\n};\n\nexport const messageItemStatusVariants = cva('shrink-0', {\n  variants: {\n    tone: {\n      neutral: 'text-doom-faint',\n      running: 'text-doom-yellow',\n      ok: 'text-doom-green',\n      error: 'text-doom-red',\n      info: 'text-doom-blue',\n      accent: 'text-doom-magenta',\n    } satisfies Record<StatusTone, string>,\n  },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemStatusProps extends ComponentProps<'span'>, VariantProps<typeof messageItemStatusVariants> {\n  /** Replaces the tone's glyph. */\n  glyph?: string;\n  /** Renders as a button that expands the item: the \"N more line(s)\" hint. Only className carries over. */\n  expands?: boolean;\n}\n\n/** The one-line status under a body: `◐ running`, `✗ failed`, `✓ done`, or the hint that more is hidden. */\nexport function MessageItemStatus({\n  className,\n  tone,\n  glyph,\n  expands = false,\n  children,\n  ...props\n}: MessageItemStatusProps) {\n  const { toggle } = useMessageItem();\n  const content = (\n    <>\n      <span className={messageItemStatusVariants({ tone })}>{glyph ?? STATUS_GLYPH[tone ?? 'neutral']}</span>\n      <span>{children}</span>\n    </>\n  );\n  if (expands) {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"message-item-status\"\n        data-testid=\"tool-more\"\n        onClick={toggle}\n        className={cn(\n          'flex min-h-6 min-w-6 cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue',\n          className,\n        )}\n      >\n        {content}\n      </button>\n    );\n  }\n  return (\n    <span\n      data-slot=\"message-item-status\"\n      className={cn('flex items-center gap-1.5 text-doom-faint', className)}\n      {...props}\n    >\n      {content}\n    </span>\n  );\n}\n"],"mappings":"qYAkBA,MAAaA,EAAoCC,EAAyB,IAAI,EAWxEC,EAAqBD,EAAgC,CACzD,KAAM,UACN,WAAY,GACZ,SAAU,GACV,WAAc,IAAA,EAChB,CAAC,EAGD,SAAgBE,GAAmC,CACjD,OAAOC,EAAWF,CAAkB,CACtC,CAQA,MAAMG,EAA0BJ,EAA2C,IAAI,EAGlEK,EAAsBC,EAAI,oEAAqE,CAC1G,SAAU,CAAE,KAAMC,CAAY,EAC9B,gBAAiB,CAAE,KAAM,SAAU,CACrC,CAAC,EAGYC,EAAyBF,EAAI,+CAAgD,CACxF,SAAU,CAAE,KAAMC,CAAY,EAC9B,gBAAiB,CAAE,KAAM,SAAU,CACrC,CAAC,EAcD,SAAgBE,EAAY,CAC1B,YACA,OACA,aAAa,GACb,kBAAkB,GAClB,WACA,mBACA,WACA,GAAGC,GACgB,CACnB,GAAM,CAACC,EAAKC,GAAUC,EAASC,CAAe,EACxCC,EAAQZ,EAAWC,CAAuB,EAC1CY,EAAkBb,EAAWJ,CAAiC,EAC9DkB,EAAUF,IAAU,KACpBG,EAAUC,GAAYR,EACtBS,EAA0B,CAC9B,KAAMC,GAAQ,UACd,kBACA,aACA,SAAUH,EACV,WAAc,CACZ,IAAMI,EAAO,CAACJ,EACVC,IAAa,IAAA,IAAWP,EAAOU,CAAI,EACvCC,IAAmBD,CAAI,CACzB,CACF,EACA,MACE,kBAACrB,EAAmB,SAApB,CAA6B,MAAOmB,EAClC,SAAA,kBAACrB,EAAD,CAAmC,MAAO,KACxC,SAAA,kBAAC,MAAD,CACE,YAAU,eACV,gBAAemB,EACf,eAAcD,EACd,UAAWO,EAAGP,EAAUT,EAAuB,CAAE,MAAK,CAAC,EAAIH,EAAoB,CAAE,MAAK,CAAC,EAAGoB,CAAS,EACnG,GAAIf,EAEH,SAAA,OAAOgB,GAAa,WAAaA,EAASN,CAAK,EAAIM,CACjD,CAAA,CAC4B,CAAA,CACR,CAAA,CAEjC,CAuBA,SAAgBC,EAAiB,CAC/B,YACA,OACA,QACA,UACA,QACA,WACA,GAAGjB,GACqB,CACxB,IAAMkB,EAAQC,IAAU,IAAA,GAAYC,EAAaT,GAAQ,WAAaQ,EACtE,MACE,kBAACzB,EAAwB,SAAzB,CAAkC,MAAO,CAAE,KAAMiB,GAAQ,SAAU,EACjE,SAAA,kBAAC,MAAD,CAAK,YAAU,qBAAqB,UAAWG,EAAGnB,EAAoB,CAAE,MAAK,CAAC,EAAGoB,CAAS,EAAG,GAAIf,EAAjG,SAAA,CACE,kBAAC,MAAD,CAAK,UAAU,mGAAf,SAAA,CACE,kBAAC,OAAD,CAAM,UAAU,kCAAmC,SAAAqB,CAAY,CAAA,EAC/D,kBAAC,OAAD,CAAM,UAAU,0CAA2C,SAAAC,CAAc,CAAA,EACxEJ,IAAU,MAAQA,IAAU,GAAK,kBAACK,EAAD,CAAa,KAAMZ,GAAQ,UAAY,SAAAO,CAAmB,CAAA,EAAI,IAC7F,CACL,CAAA,EAAA,kBAAC,MAAD,CAAK,UAAU,iDAAkD,UAAc,CAAA,CAC5E,GAC2B,CAAA,CAEtC,CAGA,SAAgBM,EAAS,EAA2D,CAClF,OAAOd,EAAM,QAAU,UAAYA,EAAM,QAAU,QAAU,IAC/D,CAGA,MAAaU,EAAqD,CAChE,QAAS,GACT,QAAS,UACT,GAAI,KACJ,MAAO,QACP,KAAM,OACN,OAAQ,MACV,EAYMK,kBAA2C,IAAI,IAAgB,CAAC,KAAM,SAAS,CAAC,EAWtF,SAAgBC,EAAkB,CAAE,YAAW,QAAO,QAAO,WAAU,GAAG1B,GAAiC,CACzG,GAAM,CAAE,kBAAiB,OAAM,aAAY,WAAU,UAAWR,EAAe,EACzEa,EAAQZ,EAAWC,CAAuB,EAC1CiC,EAAetB,IAAU,MAAQoB,EAAgB,IAAId,CAAI,EAAI,KAAOS,EAAaT,GACjFO,EAAQC,IAAU,IAAA,GAAYQ,EAAeR,EACnD,MACE,kBAAC,MAAD,CACE,YAAU,sBACV,UAAWL,EAAG,kEAAmEC,CAAS,EAC1F,GAAIf,EAHN,SAAA,CAKGK,IAAU,KAAO,kBAAC,OAAD,CAAM,UAAU,kCAAmC,SAAAgB,CAAY,CAAA,EAAI,KACrF,kBAAC,MAAD,CAAK,YAAU,uBAAuB,UAAU,yCAC7C,UACE,CAAA,EACJf,EACAY,IAAU,MAAQA,IAAU,GAC3B,kBAACK,EAAD,CAAmB,OAAM,cAAY,cAClC,SAAAL,CACU,CAAA,EACX,KACHU,EACC,kBAACC,EAAD,CACE,QAAQ,QACR,KAAK,OACL,cAAY,cACZ,gBAAepB,EACf,aAAYA,EAAW,WAAa,SACpC,QAASqB,EACT,UAAU,uCAET,SAAWC,EAAXtB,EAAYuB,EAAwCC,EAAzC,CAAe,UAAU,SAAW,CAA0C,CACpF,CAAA,EACN,IACD,GAET,CAGA,SAAgBC,EAAgB,CAAE,YAAW,GAAGlC,GAAgC,CAC9E,MACE,kBAAC,MAAD,CACE,YAAU,oBACV,UAAWc,EAAG,gFAAiFC,CAAS,EACxG,GAAIf,CACL,CAAA,CAEL,CAGA,MAAamC,EAAqD,CAChE,QAAS,IACT,QAAS,IACT,GAAI,IACJ,MAAO,IACP,KAAM,IACN,OAAQ,GACV,EAEaC,EAA4BxC,EAAI,WAAY,CACvD,SAAU,CACR,KAAM,CACJ,QAAS,kBACT,QAAS,mBACT,GAAI,kBACJ,MAAO,gBACP,KAAM,iBACN,OAAQ,mBACV,CACF,EACA,gBAAiB,CAAE,KAAM,SAAU,CACrC,CAAC,EAUD,SAAgByC,EAAkB,CAChC,YACA,OACA,QACA,UAAU,GACV,WACA,GAAGrC,GACsB,CACzB,GAAM,CAAE,UAAWR,EAAe,EAC5B8C,EACJ,kBAAAC,EAAA,CAAA,SAAA,CACE,kBAAC,OAAD,CAAM,UAAWH,EAA0B,CAAE,MAAK,CAAC,EAAI,SAAAI,GAASL,EAAaxB,GAAQ,UAAiB,CAAA,EACtG,kBAAC,OAAD,CAAO,UAAe,CAAA,CACtB,CAAA,CAAA,EAkBJ,OAhBI8B,EAEA,kBAAC,SAAD,CACE,KAAK,SACL,YAAU,sBACV,cAAY,YACZ,QAASX,EACT,UAAWhB,EACT,gGACAC,CACF,EAEC,SAAAuB,CACK,CAAA,EAIV,kBAAC,OAAD,CACE,YAAU,sBACV,UAAWxB,EAAG,4CAA6CC,CAAS,EACpE,GAAIf,EAEH,SAAAsC,CACG,CAAA,CAEV"}

package/dist/src/components/MessageItem.cjs

@@ -1,2 +1,2 @@
-require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Button.cjs"),n=require("./StatusBadge.cjs");let r=require("react/jsx-runtime"),i=require("react"),a=require("class-variance-authority"),o=require("lucide-react");const s=(0,i.createContext)({tone:`neutral`,expandable:!1,expanded:!1,toggle:()=>void 0});function c(){return(0,i.useContext)(s)}const l=(0,i.createContext)(null),u=(0,a.cva)(`overflow-hidden rounded-md border bg-doom-panel transition-colors`,{variants:{tone:n.STATUS_EDGE},defaultVariants:{tone:`neutral`}}),d=(0,a.cva)(`overflow-hidden border-l-2 transition-colors`,{variants:{tone:n.STATUS_EDGE},defaultVariants:{tone:`neutral`}});function f({className:t,tone:n,expandable:a=!1,defaultExpanded:o=!1,expanded:c,onExpandedChange:f,children:p,...m}){let[h,g]=(0,i.useState)(o),_=(0,i.useContext)(l)!==null,v=c??h,y={tone:n??`neutral`,expandable:a,expanded:v,toggle:()=>{let e=!v;c===void 0&&g(e),f?.(e)}};return/* @__PURE__ */ (0,r.jsx)(s.Provider,{value:y,children:/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`message-item`,"data-expanded":v,"data-grouped":_,className:e.cn(_?d({tone:n}):u({tone:n}),t),...m,children:typeof p==`function`?p(y):p})})}function p({className:t,tone:i,title:a,summary:o,badge:s,children:c,...d}){let f=s===void 0?h[i??`neutral`]:s;return/* @__PURE__ */ (0,r.jsx)(l.Provider,{value:{tone:i??`neutral`},children:/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-slot":`message-item-group`,className:e.cn(u({tone:i}),t),...d,children:[/* @__PURE__ */ (0,r.jsxs)(`div`,{className:`flex min-h-8 items-center gap-2 border-doom-border-soft border-b px-[11px] text-sm text-doom-dim`,children:[/* @__PURE__ */ (0,r.jsx)(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:a}),/* @__PURE__ */ (0,r.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-doom-faint`,children:o}),f!==null&&f!==``?/* @__PURE__ */ (0,r.jsx)(n.StatusBadge,{tone:i??`neutral`,children:f}):null]}),/* @__PURE__ */ (0,r.jsx)(`div`,{className:`flex flex-col divide-y divide-doom-border-soft`,children:c})]})})}function m(e){return e.running?`running`:e.isError?`error`:`ok`}const h={neutral:``,running:`RUNNING`,ok:`OK`,error:`ERROR`,info:`INFO`,accent:`NOTE`},g=/* @__PURE__ */ new Set([`ok`,`neutral`]);function _({className:a,title:s,badge:u,children:d,...f}){let{tone:p,expandable:m,expanded:_,toggle:v}=c(),y=(0,i.useContext)(l),b=y!==null&&g.has(p)?null:h[p],x=u===void 0?b:u;return/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-slot":`message-item-header`,className:e.cn(`flex min-h-8 items-center gap-2 px-[11px] text-sm text-doom-dim`,a),...f,children:[y===null?/* @__PURE__ */ (0,r.jsx)(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:s}):null,/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`message-item-summary`,className:`flex min-w-0 flex-1 items-center gap-2`,children:d}),x!==null&&x!==``?/* @__PURE__ */ (0,r.jsx)(n.StatusBadge,{tone:p,"data-testid":`tool-status`,children:x}):null,m?/* @__PURE__ */ (0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"data-testid":`tool-expand`,"aria-expanded":_,"aria-label":_?`collapse`:`expand`,onClick:v,className:`text-doom-faint hover:text-doom-blue`,children:_?/* @__PURE__ */ (0,r.jsx)(o.ChevronUp,{className:`h-3 w-3`}):/* @__PURE__ */ (0,r.jsx)(o.ChevronDown,{className:`h-3 w-3`})}):null]})}function v({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`message-item-body`,className:e.cn(`border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-sm text-doom-dim`,t),...n})}const y={neutral:`…`,running:`◐`,ok:`✓`,error:`✗`,info:`●`,accent:`●`},b=(0,a.cva)(`shrink-0`,{variants:{tone:{neutral:`text-doom-faint`,running:`text-doom-yellow`,ok:`text-doom-green`,error:`text-doom-red`,info:`text-doom-blue`,accent:`text-doom-magenta`}},defaultVariants:{tone:`neutral`}});function x({className:t,tone:n,glyph:i,expands:a=!1,children:o,...s}){let{toggle:l}=c(),u=/* @__PURE__ */ (0,r.jsxs)(r.Fragment,{children:[/* @__PURE__ */ (0,r.jsx)(`span`,{className:b({tone:n}),children:i??y[n??`neutral`]}),/* @__PURE__ */ (0,r.jsx)(`span`,{children:o})]});return a?/* @__PURE__ */ (0,r.jsx)(`button`,{type:`button`,"data-slot":`message-item-status`,"data-testid":`tool-more`,onClick:l,className:e.cn(`flex min-h-6 min-w-6 cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue`,t),children:u}):/* @__PURE__ */ (0,r.jsx)(`span`,{"data-slot":`message-item-status`,className:e.cn(`flex items-center gap-1.5 text-doom-faint`,t),...s,children:u})}exports.MessageItem=f,exports.MessageItemBody=v,exports.MessageItemGroup=p,exports.MessageItemHeader=_,exports.MessageItemStatus=x,exports.STATUS_GLYPH=y,exports.STATUS_LABEL=h,exports.messageItemRowVariants=d,exports.messageItemStatusVariants=b,exports.messageItemVariants=u,exports.toolTone=m,exports.useMessageItem=c;
+require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Button.cjs"),n=require("./StatusBadge.cjs");let r=require("react/jsx-runtime"),i=require("react"),a=require("class-variance-authority"),o=require("lucide-react");const s=(0,i.createContext)(null),c=(0,i.createContext)({tone:`neutral`,expandable:!1,expanded:!1,toggle:()=>void 0});function l(){return(0,i.useContext)(c)}const u=(0,i.createContext)(null),d=(0,a.cva)(`overflow-hidden rounded-md border bg-doom-panel transition-colors`,{variants:{tone:n.STATUS_EDGE},defaultVariants:{tone:`neutral`}}),f=(0,a.cva)(`overflow-hidden border-l-2 transition-colors`,{variants:{tone:n.STATUS_EDGE},defaultVariants:{tone:`neutral`}});function p({className:t,tone:n,expandable:a=!1,defaultExpanded:o=!1,expanded:l,onExpandedChange:p,children:m,...h}){let[g,_]=(0,i.useState)(o),v=(0,i.useContext)(u),y=(0,i.useContext)(s),b=v!==null,x=l??g,S={tone:n??`neutral`,headerAccessory:y,expandable:a,expanded:x,toggle:()=>{let e=!x;l===void 0&&_(e),p?.(e)}};return/* @__PURE__ */ (0,r.jsx)(c.Provider,{value:S,children:/* @__PURE__ */ (0,r.jsx)(s,{value:null,children:/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`message-item`,"data-expanded":x,"data-grouped":b,className:e.cn(b?f({tone:n}):d({tone:n}),t),...h,children:typeof m==`function`?m(S):m})})})}function m({className:t,tone:i,title:a,summary:o,badge:s,children:c,...l}){let f=s===void 0?g[i??`neutral`]:s;return/* @__PURE__ */ (0,r.jsx)(u.Provider,{value:{tone:i??`neutral`},children:/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-slot":`message-item-group`,className:e.cn(d({tone:i}),t),...l,children:[/* @__PURE__ */ (0,r.jsxs)(`div`,{className:`flex min-h-8 items-center gap-2 border-doom-border-soft border-b px-[11px] text-sm text-doom-dim`,children:[/* @__PURE__ */ (0,r.jsx)(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:a}),/* @__PURE__ */ (0,r.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-doom-faint`,children:o}),f!==null&&f!==``?/* @__PURE__ */ (0,r.jsx)(n.StatusBadge,{tone:i??`neutral`,children:f}):null]}),/* @__PURE__ */ (0,r.jsx)(`div`,{className:`flex flex-col divide-y divide-doom-border-soft`,children:c})]})})}function h(e){return e.running?`running`:e.isError?`error`:`ok`}const g={neutral:``,running:`RUNNING`,ok:`OK`,error:`ERROR`,info:`INFO`,accent:`NOTE`},_=/* @__PURE__ */ new Set([`ok`,`neutral`]);function v({className:a,title:s,badge:c,children:d,...f}){let{headerAccessory:p,tone:m,expandable:h,expanded:v,toggle:y}=l(),b=(0,i.useContext)(u),x=b!==null&&_.has(m)?null:g[m],S=c===void 0?x:c;return/* @__PURE__ */ (0,r.jsxs)(`div`,{"data-slot":`message-item-header`,className:e.cn(`flex min-h-8 items-center gap-2 px-[11px] text-sm text-doom-dim`,a),...f,children:[b===null?/* @__PURE__ */ (0,r.jsx)(`span`,{className:`shrink-0 font-bold text-doom-hi`,children:s}):null,/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`message-item-summary`,className:`flex min-w-0 flex-1 items-center gap-2`,children:d}),p,S!==null&&S!==``?/* @__PURE__ */ (0,r.jsx)(n.StatusBadge,{tone:m,"data-testid":`tool-status`,children:S}):null,h?/* @__PURE__ */ (0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"data-testid":`tool-expand`,"aria-expanded":v,"aria-label":v?`collapse`:`expand`,onClick:y,className:`text-doom-faint hover:text-doom-blue`,children:v?/* @__PURE__ */ (0,r.jsx)(o.ChevronUp,{className:`h-3 w-3`}):/* @__PURE__ */ (0,r.jsx)(o.ChevronDown,{className:`h-3 w-3`})}):null]})}function y({className:t,...n}){return/* @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`message-item-body`,className:e.cn(`border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-sm text-doom-dim`,t),...n})}const b={neutral:`…`,running:`◐`,ok:`✓`,error:`✗`,info:`●`,accent:`●`},x=(0,a.cva)(`shrink-0`,{variants:{tone:{neutral:`text-doom-faint`,running:`text-doom-yellow`,ok:`text-doom-green`,error:`text-doom-red`,info:`text-doom-blue`,accent:`text-doom-magenta`}},defaultVariants:{tone:`neutral`}});function S({className:t,tone:n,glyph:i,expands:a=!1,children:o,...s}){let{toggle:c}=l(),u=/* @__PURE__ */ (0,r.jsxs)(r.Fragment,{children:[/* @__PURE__ */ (0,r.jsx)(`span`,{className:x({tone:n}),children:i??b[n??`neutral`]}),/* @__PURE__ */ (0,r.jsx)(`span`,{children:o})]});return a?/* @__PURE__ */ (0,r.jsx)(`button`,{type:`button`,"data-slot":`message-item-status`,"data-testid":`tool-more`,onClick:c,className:e.cn(`flex min-h-6 min-w-6 cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue`,t),children:u}):/* @__PURE__ */ (0,r.jsx)(`span`,{"data-slot":`message-item-status`,className:e.cn(`flex items-center gap-1.5 text-doom-faint`,t),...s,children:u})}exports.MessageItem=p,exports.MessageItemBody=y,exports.MessageItemGroup=m,exports.MessageItemHeader=v,exports.MessageItemHeaderAccessoryContext=s,exports.MessageItemStatus=S,exports.STATUS_GLYPH=b,exports.STATUS_LABEL=g,exports.messageItemRowVariants=f,exports.messageItemStatusVariants=x,exports.messageItemVariants=d,exports.toolTone=h,exports.useMessageItem=l;
 //# sourceMappingURL=MessageItem.cjs.map

package/dist/src/components/MessageItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItem.cjs","names":["createContext","useContext","cva","STATUS_EDGE","useState","cn","StatusBadge","Button","ChevronUpIcon","ChevronDownIcon","require_cn","require_Button","require_StatusBadge","react_jsx_runtime","react","class_variance_authority","lucide_react","MessageItemContext","useMessageItem","MessageItemGroupContext","messageItemVariants","messageItemRowVariants","MessageItem","props","own","setOwn","defaultExpanded","grouped","current","expanded","state","tone","next","onExpandedChange","className","children","MessageItemGroup","label","badge","STATUS_LABEL","title","summary","toolTone","SILENT_IN_GROUP","MessageItemHeader","group","defaultLabel","expandable","toggle","MessageItemBody","STATUS_GLYPH","messageItemStatusVariants","MessageItemStatus","content","glyph","expands"],"sources":["../../../src/components/MessageItem.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type ComponentProps, createContext, type ReactNode, useContext, useState } from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\nimport { STATUS_EDGE, StatusBadge, type StatusTone } from './StatusBadge';\n\n/**\n * The message item: the timeline card a tool call, a run, or a notice sits\n * in. The item owns its outcome tone and its expand state; the header, body,\n * and status parts read both from it, so a card composes the parts and never\n * threads `expanded` by hand. A tool message in a web plugin is built from\n * this, and so is the cockpit's own fallback item, which is what keeps them\n * looking alike.\n */\n\nexport interface MessageItemState {\n  tone: StatusTone;\n  /** Whether the header offers the toggle; an item that hides nothing offers none. */\n  expandable: boolean;\n  expanded: boolean;\n  toggle: () => void;\n}\n\nconst MessageItemContext = createContext<MessageItemState>({\n  tone: 'neutral',\n  expandable: false,\n  expanded: false,\n  toggle: () => undefined,\n});\n\n/** The enclosing item's state, for a part that lives deeper than the item's render prop. */\nexport function useMessageItem(): MessageItemState {\n  return useContext(MessageItemContext);\n}\n\n/**\n * The group an item is a row of, or null for an item that is a card of its\n * own. A row drops the frame the group already draws and keeps its tone as an\n * edge down its left side, and it stops repeating what the group's header has\n * said once: the tool's name, and an outcome the whole run shares.\n */\nconst MessageItemGroupContext = createContext<{ tone: StatusTone } | null>(null);\n\n/** The frame, wearing the edge STATUS_EDGE names for the tone, so the two never drift apart. */\nexport const messageItemVariants = cva('overflow-hidden rounded-md border bg-doom-panel transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\n/** The same tone as a row: no card, one coloured edge, and the group's separators between rows. */\nexport const messageItemRowVariants = cva('overflow-hidden border-l-2 transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemProps\n  extends Omit<ComponentProps<'div'>, 'children'>, VariantProps<typeof messageItemVariants> {\n  /** Whether the header offers the expand toggle. A toggle that reveals nothing reads as broken, so the card decides. */\n  expandable?: boolean;\n  defaultExpanded?: boolean;\n  /** Controlled mode; pair with onExpandedChange. Omit it and the item keeps its own state. */\n  expanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Plain content, or a function of the item's state for a card that picks its lines by `expanded`. */\n  children?: ReactNode | ((state: MessageItemState) => ReactNode);\n}\n\nexport function MessageItem({\n  className,\n  tone,\n  expandable = false,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  ...props\n}: MessageItemProps) {\n  const [own, setOwn] = useState(defaultExpanded);\n  const group = useContext(MessageItemGroupContext);\n  const grouped = group !== null;\n  const current = expanded ?? own;\n  const state: MessageItemState = {\n    tone: tone ?? 'neutral',\n    expandable,\n    expanded: current,\n    toggle: () => {\n      const next = !current;\n      if (expanded === undefined) setOwn(next);\n      onExpandedChange?.(next);\n    },\n  };\n  return (\n    <MessageItemContext.Provider value={state}>\n      <div\n        data-slot=\"message-item\"\n        data-expanded={current}\n        data-grouped={grouped}\n        className={cn(grouped ? messageItemRowVariants({ tone }) : messageItemVariants({ tone }), className)}\n        {...props}\n      >\n        {typeof children === 'function' ? children(state) : children}\n      </div>\n    </MessageItemContext.Provider>\n  );\n}\n\nexport interface MessageItemGroupProps\n  extends Omit<ComponentProps<'div'>, 'title'>, VariantProps<typeof messageItemVariants> {\n  /** The bold label at the left of the group header: the tool the run belongs to. */\n  title: ReactNode;\n  /** The line beside it, such as how many calls the group holds. */\n  summary?: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  children?: ReactNode;\n}\n\n/**\n * One frame around a run of items that belong together.\n *\n * A transcript that calls the same tool five times in a row is five identical\n * frames, five gutter labels and five gaps, and the repetition reads louder\n * than the commands do. The group draws the frame once and each item inside it\n * becomes a row: same header, same expand, no card of its own. The tone still\n * belongs to the row, as an edge, so a failure in the middle of a run is not\n * flattened into the group's own outcome.\n */\nexport function MessageItemGroup({\n  className,\n  tone,\n  title,\n  summary,\n  badge,\n  children,\n  ...props\n}: MessageItemGroupProps) {\n  const label = badge === undefined ? STATUS_LABEL[tone ?? 'neutral'] : badge;\n  return (\n    <MessageItemGroupContext.Provider value={{ tone: tone ?? 'neutral' }}>\n      <div data-slot=\"message-item-group\" className={cn(messageItemVariants({ tone }), className)} {...props}>\n        <div className=\"flex min-h-8 items-center gap-2 border-doom-border-soft border-b px-[11px] text-sm text-doom-dim\">\n          <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span>\n          <span className=\"min-w-0 flex-1 truncate text-doom-faint\">{summary}</span>\n          {label !== null && label !== '' ? <StatusBadge tone={tone ?? 'neutral'}>{label}</StatusBadge> : null}\n        </div>\n        <div className=\"flex flex-col divide-y divide-doom-border-soft\">{children}</div>\n      </div>\n    </MessageItemGroupContext.Provider>\n  );\n}\n\n/** The tone a tool call's item wears: running while the tool runs, then its outcome. */\nexport function toolTone(state: { running: boolean; isError: boolean }): StatusTone {\n  return state.running ? 'running' : state.isError ? 'error' : 'ok';\n}\n\n/** The badge text a tone reads as when the header is not told otherwise; empty hides the badge. */\nexport const STATUS_LABEL: Readonly<Record<StatusTone, string>> = {\n  neutral: '',\n  running: 'RUNNING',\n  ok: 'OK',\n  error: 'ERROR',\n  info: 'INFO',\n  accent: 'NOTE',\n};\n\nexport interface MessageItemHeaderProps extends Omit<ComponentProps<'div'>, 'title'> {\n  /** The bold label at the left: the tool name. */\n  title: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  /** The summary beside the title; it gets the remaining width. */\n  children?: ReactNode;\n}\n\n/** Inside a group these two are the quiet outcome: the group's header has already said it. */\nconst SILENT_IN_GROUP: ReadonlySet<StatusTone> = new Set<StatusTone>(['ok', 'neutral']);\n\n/**\n * The title row: label, summary, the tone's badge, and the expand toggle when\n * the item is expandable.\n *\n * A row inside a group says less. The group's header has already named the\n * tool and stated the run's outcome, so the row drops its title and speaks up\n * only when something went wrong or is still going: five OK badges down a run\n * of five are noise, and the one ERROR among them is the point.\n */\nexport function MessageItemHeader({ className, title, badge, children, ...props }: MessageItemHeaderProps) {\n  const { tone, expandable, expanded, toggle } = useMessageItem();\n  const group = useContext(MessageItemGroupContext);\n  const defaultLabel = group !== null && SILENT_IN_GROUP.has(tone) ? null : STATUS_LABEL[tone];\n  const label = badge === undefined ? defaultLabel : badge;\n  return (\n    <div\n      data-slot=\"message-item-header\"\n      className={cn('flex min-h-8 items-center gap-2 px-[11px] text-sm text-doom-dim', className)}\n      {...props}\n    >\n      {group === null ? <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span> : null}\n      <div data-slot=\"message-item-summary\" className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {children}\n      </div>\n      {label !== null && label !== '' ? (\n        <StatusBadge tone={tone} data-testid=\"tool-status\">\n          {label}\n        </StatusBadge>\n      ) : null}\n      {expandable ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          data-testid=\"tool-expand\"\n          aria-expanded={expanded}\n          aria-label={expanded ? 'collapse' : 'expand'}\n          onClick={toggle}\n          className=\"text-doom-faint hover:text-doom-blue\"\n        >\n          {expanded ? <ChevronUpIcon className=\"h-3 w-3\" /> : <ChevronDownIcon className=\"h-3 w-3\" />}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/** The recessed body under the header. */\nexport function MessageItemBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"message-item-body\"\n      className={cn('border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-sm text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\n/** The glyph a tone reads as in a status line. */\nexport const STATUS_GLYPH: Readonly<Record<StatusTone, string>> = {\n  neutral: '…',\n  running: '◐',\n  ok: '✓',\n  error: '✗',\n  info: '●',\n  accent: '●',\n};\n\nexport const messageItemStatusVariants = cva('shrink-0', {\n  variants: {\n    tone: {\n      neutral: 'text-doom-faint',\n      running: 'text-doom-yellow',\n      ok: 'text-doom-green',\n      error: 'text-doom-red',\n      info: 'text-doom-blue',\n      accent: 'text-doom-magenta',\n    } satisfies Record<StatusTone, string>,\n  },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemStatusProps extends ComponentProps<'span'>, VariantProps<typeof messageItemStatusVariants> {\n  /** Replaces the tone's glyph. */\n  glyph?: string;\n  /** Renders as a button that expands the item: the \"N more line(s)\" hint. Only className carries over. */\n  expands?: boolean;\n}\n\n/** The one-line status under a body: `◐ running`, `✗ failed`, `✓ done`, or the hint that more is hidden. */\nexport function MessageItemStatus({\n  className,\n  tone,\n  glyph,\n  expands = false,\n  children,\n  ...props\n}: MessageItemStatusProps) {\n  const { toggle } = useMessageItem();\n  const content = (\n    <>\n      <span className={messageItemStatusVariants({ tone })}>{glyph ?? STATUS_GLYPH[tone ?? 'neutral']}</span>\n      <span>{children}</span>\n    </>\n  );\n  if (expands) {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"message-item-status\"\n        data-testid=\"tool-more\"\n        onClick={toggle}\n        className={cn(\n          'flex min-h-6 min-w-6 cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue',\n          className,\n        )}\n      >\n        {content}\n      </button>\n    );\n  }\n  return (\n    <span\n      data-slot=\"message-item-status\"\n      className={cn('flex items-center gap-1.5 text-doom-faint', className)}\n      {...props}\n    >\n      {content}\n    </span>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MessageItem.cjs","names":["createContext","useContext","cva","STATUS_EDGE","useState","cn","StatusBadge","Button","ChevronUpIcon","ChevronDownIcon","require_cn","require_Button","require_StatusBadge","react_jsx_runtime","react","class_variance_authority","lucide_react","MessageItemHeaderAccessoryContext","MessageItemContext","useMessageItem","MessageItemGroupContext","messageItemVariants","messageItemRowVariants","MessageItem","props","own","setOwn","defaultExpanded","group","headerAccessory","grouped","current","expanded","state","tone","next","onExpandedChange","className","children","MessageItemGroup","label","badge","STATUS_LABEL","title","summary","toolTone","SILENT_IN_GROUP","MessageItemHeader","defaultLabel","expandable","toggle","MessageItemBody","STATUS_GLYPH","messageItemStatusVariants","MessageItemStatus","content","glyph","expands"],"sources":["../../../src/components/MessageItem.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { type ComponentProps, createContext, type ReactNode, useContext, useState } from 'react';\n\nimport { ChevronDownIcon, ChevronUpIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\nimport { STATUS_EDGE, StatusBadge, type StatusTone } from './StatusBadge';\n\n/**\n * The message item: the timeline card a tool call, a run, or a notice sits\n * in. The item owns its outcome tone and its expand state; the header, body,\n * and status parts read both from it, so a card composes the parts and never\n * threads `expanded` by hand. A tool message in a web plugin is built from\n * this, and so is the cockpit's own fallback item, which is what keeps them\n * looking alike.\n */\n\n/** The next item captures this accessory for its header, without passing it to nested items. */\nexport const MessageItemHeaderAccessoryContext = createContext<ReactNode>(null);\n\nexport interface MessageItemState {\n  tone: StatusTone;\n  headerAccessory?: ReactNode;\n  /** Whether the header offers the toggle; an item that hides nothing offers none. */\n  expandable: boolean;\n  expanded: boolean;\n  toggle: () => void;\n}\n\nconst MessageItemContext = createContext<MessageItemState>({\n  tone: 'neutral',\n  expandable: false,\n  expanded: false,\n  toggle: () => undefined,\n});\n\n/** The enclosing item's state, for a part that lives deeper than the item's render prop. */\nexport function useMessageItem(): MessageItemState {\n  return useContext(MessageItemContext);\n}\n\n/**\n * The group an item is a row of, or null for an item that is a card of its\n * own. A row drops the frame the group already draws and keeps its tone as an\n * edge down its left side, and it stops repeating what the group's header has\n * said once: the tool's name, and an outcome the whole run shares.\n */\nconst MessageItemGroupContext = createContext<{ tone: StatusTone } | null>(null);\n\n/** The frame, wearing the edge STATUS_EDGE names for the tone, so the two never drift apart. */\nexport const messageItemVariants = cva('overflow-hidden rounded-md border bg-doom-panel transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\n/** The same tone as a row: no card, one coloured edge, and the group's separators between rows. */\nexport const messageItemRowVariants = cva('overflow-hidden border-l-2 transition-colors', {\n  variants: { tone: STATUS_EDGE },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemProps\n  extends Omit<ComponentProps<'div'>, 'children'>, VariantProps<typeof messageItemVariants> {\n  /** Whether the header offers the expand toggle. A toggle that reveals nothing reads as broken, so the card decides. */\n  expandable?: boolean;\n  defaultExpanded?: boolean;\n  /** Controlled mode; pair with onExpandedChange. Omit it and the item keeps its own state. */\n  expanded?: boolean;\n  onExpandedChange?: (expanded: boolean) => void;\n  /** Plain content, or a function of the item's state for a card that picks its lines by `expanded`. */\n  children?: ReactNode | ((state: MessageItemState) => ReactNode);\n}\n\nexport function MessageItem({\n  className,\n  tone,\n  expandable = false,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  ...props\n}: MessageItemProps) {\n  const [own, setOwn] = useState(defaultExpanded);\n  const group = useContext(MessageItemGroupContext);\n  const headerAccessory = useContext(MessageItemHeaderAccessoryContext);\n  const grouped = group !== null;\n  const current = expanded ?? own;\n  const state: MessageItemState = {\n    tone: tone ?? 'neutral',\n    headerAccessory,\n    expandable,\n    expanded: current,\n    toggle: () => {\n      const next = !current;\n      if (expanded === undefined) setOwn(next);\n      onExpandedChange?.(next);\n    },\n  };\n  return (\n    <MessageItemContext.Provider value={state}>\n      <MessageItemHeaderAccessoryContext value={null}>\n        <div\n          data-slot=\"message-item\"\n          data-expanded={current}\n          data-grouped={grouped}\n          className={cn(grouped ? messageItemRowVariants({ tone }) : messageItemVariants({ tone }), className)}\n          {...props}\n        >\n          {typeof children === 'function' ? children(state) : children}\n        </div>\n      </MessageItemHeaderAccessoryContext>\n    </MessageItemContext.Provider>\n  );\n}\n\nexport interface MessageItemGroupProps\n  extends Omit<ComponentProps<'div'>, 'title'>, VariantProps<typeof messageItemVariants> {\n  /** The bold label at the left of the group header: the tool the run belongs to. */\n  title: ReactNode;\n  /** The line beside it, such as how many calls the group holds. */\n  summary?: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  children?: ReactNode;\n}\n\n/**\n * One frame around a run of items that belong together.\n *\n * A transcript that calls the same tool five times in a row is five identical\n * frames, five gutter labels and five gaps, and the repetition reads louder\n * than the commands do. The group draws the frame once and each item inside it\n * becomes a row: same header, same expand, no card of its own. The tone still\n * belongs to the row, as an edge, so a failure in the middle of a run is not\n * flattened into the group's own outcome.\n */\nexport function MessageItemGroup({\n  className,\n  tone,\n  title,\n  summary,\n  badge,\n  children,\n  ...props\n}: MessageItemGroupProps) {\n  const label = badge === undefined ? STATUS_LABEL[tone ?? 'neutral'] : badge;\n  return (\n    <MessageItemGroupContext.Provider value={{ tone: tone ?? 'neutral' }}>\n      <div data-slot=\"message-item-group\" className={cn(messageItemVariants({ tone }), className)} {...props}>\n        <div className=\"flex min-h-8 items-center gap-2 border-doom-border-soft border-b px-[11px] text-sm text-doom-dim\">\n          <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span>\n          <span className=\"min-w-0 flex-1 truncate text-doom-faint\">{summary}</span>\n          {label !== null && label !== '' ? <StatusBadge tone={tone ?? 'neutral'}>{label}</StatusBadge> : null}\n        </div>\n        <div className=\"flex flex-col divide-y divide-doom-border-soft\">{children}</div>\n      </div>\n    </MessageItemGroupContext.Provider>\n  );\n}\n\n/** The tone a tool call's item wears: running while the tool runs, then its outcome. */\nexport function toolTone(state: { running: boolean; isError: boolean }): StatusTone {\n  return state.running ? 'running' : state.isError ? 'error' : 'ok';\n}\n\n/** The badge text a tone reads as when the header is not told otherwise; empty hides the badge. */\nexport const STATUS_LABEL: Readonly<Record<StatusTone, string>> = {\n  neutral: '',\n  running: 'RUNNING',\n  ok: 'OK',\n  error: 'ERROR',\n  info: 'INFO',\n  accent: 'NOTE',\n};\n\nexport interface MessageItemHeaderProps extends Omit<ComponentProps<'div'>, 'title'> {\n  /** The bold label at the left: the tool name. */\n  title: ReactNode;\n  /** The badge text; defaults to the tone's label, null hides the badge. */\n  badge?: ReactNode | null;\n  /** The summary beside the title; it gets the remaining width. */\n  children?: ReactNode;\n}\n\n/** Inside a group these two are the quiet outcome: the group's header has already said it. */\nconst SILENT_IN_GROUP: ReadonlySet<StatusTone> = new Set<StatusTone>(['ok', 'neutral']);\n\n/**\n * The title row: label, summary, the tone's badge, and the expand toggle when\n * the item is expandable.\n *\n * A row inside a group says less. The group's header has already named the\n * tool and stated the run's outcome, so the row drops its title and speaks up\n * only when something went wrong or is still going: five OK badges down a run\n * of five are noise, and the one ERROR among them is the point.\n */\nexport function MessageItemHeader({ className, title, badge, children, ...props }: MessageItemHeaderProps) {\n  const { headerAccessory, tone, expandable, expanded, toggle } = useMessageItem();\n  const group = useContext(MessageItemGroupContext);\n  const defaultLabel = group !== null && SILENT_IN_GROUP.has(tone) ? null : STATUS_LABEL[tone];\n  const label = badge === undefined ? defaultLabel : badge;\n  return (\n    <div\n      data-slot=\"message-item-header\"\n      className={cn('flex min-h-8 items-center gap-2 px-[11px] text-sm text-doom-dim', className)}\n      {...props}\n    >\n      {group === null ? <span className=\"shrink-0 font-bold text-doom-hi\">{title}</span> : null}\n      <div data-slot=\"message-item-summary\" className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {children}\n      </div>\n      {headerAccessory}\n      {label !== null && label !== '' ? (\n        <StatusBadge tone={tone} data-testid=\"tool-status\">\n          {label}\n        </StatusBadge>\n      ) : null}\n      {expandable ? (\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          data-testid=\"tool-expand\"\n          aria-expanded={expanded}\n          aria-label={expanded ? 'collapse' : 'expand'}\n          onClick={toggle}\n          className=\"text-doom-faint hover:text-doom-blue\"\n        >\n          {expanded ? <ChevronUpIcon className=\"h-3 w-3\" /> : <ChevronDownIcon className=\"h-3 w-3\" />}\n        </Button>\n      ) : null}\n    </div>\n  );\n}\n\n/** The recessed body under the header. */\nexport function MessageItemBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"message-item-body\"\n      className={cn('border-t border-doom-border-soft bg-doom-deep px-3 py-2 text-sm text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\n/** The glyph a tone reads as in a status line. */\nexport const STATUS_GLYPH: Readonly<Record<StatusTone, string>> = {\n  neutral: '…',\n  running: '◐',\n  ok: '✓',\n  error: '✗',\n  info: '●',\n  accent: '●',\n};\n\nexport const messageItemStatusVariants = cva('shrink-0', {\n  variants: {\n    tone: {\n      neutral: 'text-doom-faint',\n      running: 'text-doom-yellow',\n      ok: 'text-doom-green',\n      error: 'text-doom-red',\n      info: 'text-doom-blue',\n      accent: 'text-doom-magenta',\n    } satisfies Record<StatusTone, string>,\n  },\n  defaultVariants: { tone: 'neutral' },\n});\n\nexport interface MessageItemStatusProps extends ComponentProps<'span'>, VariantProps<typeof messageItemStatusVariants> {\n  /** Replaces the tone's glyph. */\n  glyph?: string;\n  /** Renders as a button that expands the item: the \"N more line(s)\" hint. Only className carries over. */\n  expands?: boolean;\n}\n\n/** The one-line status under a body: `◐ running`, `✗ failed`, `✓ done`, or the hint that more is hidden. */\nexport function MessageItemStatus({\n  className,\n  tone,\n  glyph,\n  expands = false,\n  children,\n  ...props\n}: MessageItemStatusProps) {\n  const { toggle } = useMessageItem();\n  const content = (\n    <>\n      <span className={messageItemStatusVariants({ tone })}>{glyph ?? STATUS_GLYPH[tone ?? 'neutral']}</span>\n      <span>{children}</span>\n    </>\n  );\n  if (expands) {\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"message-item-status\"\n        data-testid=\"tool-more\"\n        onClick={toggle}\n        className={cn(\n          'flex min-h-6 min-w-6 cursor-pointer items-center gap-1.5 text-doom-faint hover:text-doom-blue',\n          className,\n        )}\n      >\n        {content}\n      </button>\n    );\n  }\n  return (\n    <span\n      data-slot=\"message-item-status\"\n      className={cn('flex items-center gap-1.5 text-doom-faint', className)}\n      {...props}\n    >\n      {content}\n    </span>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/doompi-web-components",
-  "version": "0.0.1-alpha.72",
+  "version": "0.0.1-alpha.74",
   "description": "Shared web components and theme tokens for the DoomPi cockpit and its web plugins: shadcn-style primitives on Radix, tuned to the Doom palette, with runtime theme configs.",
   "keywords": [
     "ai",
@@ -91,17 +91,17 @@
     "tailwind-merge": "3.7.0"
   },
   "devDependencies": {
-    "@agimon-ai/doompi-core": "0.0.1-alpha.114",
-    "@agimon-ai/vibe-lint-plugin-doom-web": "0.0.1-alpha.95",
-    "@types/node": "26.6.2",
+    "@agimon-ai/doompi-core": "0.0.1-alpha.116",
+    "@agimon-ai/vibe-lint-plugin-doom-web": "0.0.1-alpha.97",
+    "@types/node": "26.6.4",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
-    "@vitest/coverage-v8": "5.0.1",
+    "@vitest/coverage-v8": "5.0.3",
     "react": "19.3.0",
     "react-dom": "19.3.0",
     "tsdown": "0.23.0",
     "typescript": "7.0.2",
-    "vitest": "5.0.1"
+    "vitest": "5.0.3"
   },
   "peerDependencies": {
     "react": "^19.0.0",