npm - @agimon-ai/po-web-components - Versions diffs - 0.0.0-alpha.0 - Mend

@agimon-ai/po-web-components 0.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (737) hide show

package/dist/src/components/Command.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Command.cjs","names":["Dialog","DialogContent","cn","DialogTitle","Input","OptionRow","OptionLabel","require_cn","require_Dialog","require_Input","require_OptionList","react_jsx_runtime","CommandDialog","props","className","titleVisible","title","children","CommandHeader","CommandInput","CommandList","CommandGroup","CommandGroupLabel","CommandItem","CommandItemLabel","CommandEmpty","CommandFooter"],"sources":["../../../src/components/Command.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Dialog, DialogContent, type DialogContentProps, DialogTitle } from './Dialog';\nimport { Input, type InputProps } from './Input';\nimport { OptionLabel, OptionRow, type OptionRowProps } from './OptionList';\n\n/**\n * The command palette's frame, its search strip, its rows, and its hint.\n *\n * It has no Radix counterpart and it deliberately does no filtering: the\n * surface that opens a palette already knows how to rank its own commands,\n * and a matcher baked in here would be a second, worse one. Built on Dialog,\n * Input, and the option row so a palette and a select popover cannot drift\n * apart, rather than on a new dependency.\n */\n\nexport interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n /** Names the dialog for assistive tech; visually hidden unless the palette draws its own heading. */\n title: ReactNode;\n titleVisible?: boolean;\n}\n\nexport function CommandDialog({\n open,\n onOpenChange,\n title,\n titleVisible = false,\n className,\n children,\n width = 'lg',\n ...props\n}: CommandDialogProps) {\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent data-slot=\"command-dialog\" width={width} className={cn('max-h-[70vh]', className)} {...props}>\n <DialogTitle className={titleVisible ? undefined : 'sr-only'}>{title}</DialogTitle>\n {children}\n </DialogContent>\n </Dialog>\n );\n}\n\n/** The strip the search field sits in. */\nexport function CommandHeader({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"command-header\"\n className={cn('flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5', className)}\n {...props}\n />\n );\n}\n\n/** The search field: bare, because the header already draws the surface. */\nexport function CommandInput({ className, ...props }: InputProps) {\n return (\n <Input\n data-slot=\"command-input\"\n variant=\"bare\"\n autoFocus\n autoComplete=\"off\"\n className={cn('flex-1', className)}\n {...props}\n />\n );\n}\n\n/** The scrolling body. It is the listbox, so its rows are the options. */\nexport function CommandList({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n role=\"listbox\"\n data-slot=\"command-list\"\n className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5', className)}\n {...props}\n />\n );\n}\n\n/** A labelled run of rows. */\nexport function CommandGroup({ className, ...props }: ComponentProps<'div'>) {\n return <div data-slot=\"command-group\" className={cn('flex flex-col gap-0.5', className)} {...props} />;\n}\n\nexport function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"command-group-label\"\n className={cn('px-2 pt-2 pb-1 text-sm font-semibold text-doom-dim first-letter:uppercase', className)}\n {...props}\n />\n );\n}\n\n/** One command. Compact by default, since a palette shows many at once. */\nexport function CommandItem({ density = 'compact', ...props }: OptionRowProps) {\n return <OptionRow data-slot=\"command-item\" density={density} {...props} />;\n}\n\n/** A command's name, taking the width the row has left. */\nexport function CommandItemLabel(props: ComponentProps<'span'>) {\n return <OptionLabel data-slot=\"command-item-label\" density=\"compact\" {...props} />;\n}\n\n/** What the palette says when nothing matches. */\nexport function CommandEmpty({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"command-empty\"\n className={cn('px-2 py-6 text-center text-base text-doom-dim', className)}\n {...props}\n />\n );\n}\n\n/** The hint strip along the bottom: what the keys do. */\nexport function CommandFooter({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"command-footer\"\n className={cn(\n 'flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-doom-border-soft bg-doom-deep px-3 text-sm text-doom-dim',\n className,\n )}\n {...props}\n />\n );\n}\n"],"mappings":"qJAyBA,SAAgBY,EAAc,CAC5B,OACA,eACA,QACA,eAAe,GACf,YACA,WACA,QAAQ,KACR,GAAGC,GACkB,CACrB,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACX,EAAAA,OAAD,CAAc,OAAoB,eAChC,SAAA,iBAAA,EAAAW,EAAA,KAAA,CAACV,EAAAA,cAAD,CAAe,YAAU,iBAAwB,QAAO,UAAWC,EAAAA,GAAG,eAAgBY,CAAS,EAAG,GAAID,EAAtG,SAAA,CACE,iBAAA,EAAAF,EAAA,IAAA,CAACR,EAAAA,YAAD,CAAa,UAAWY,EAAe,IAAA,GAAY,UAAY,SAAAC,CAAmB,CAAA,EACjFC,CACY,GACT,CAAA,CAEZ,CAGA,SAAgBC,EAAc,CAAE,YAAW,GAAGL,GAAgC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWT,EAAAA,GAAG,2EAA4EY,CAAS,EACnG,GAAID,CACL,CAAA,CAEL,CAGA,SAAgBM,EAAa,CAAE,YAAW,GAAGN,GAAqB,CAChE,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACP,EAAAA,MAAD,CACE,YAAU,gBACV,QAAQ,OACR,UAAA,GACA,aAAa,MACb,UAAWF,EAAAA,GAAG,SAAUY,CAAS,EACjC,GAAID,CACL,CAAA,CAEL,CAGA,SAAgBO,EAAY,CAAE,YAAW,GAAGP,GAAgC,CAC1E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,UACL,YAAU,eACV,UAAWT,EAAAA,GAAG,6DAA8DY,CAAS,EACrF,GAAID,CACL,CAAA,CAEL,CAGA,SAAgBQ,EAAa,CAAE,YAAW,GAAGR,GAAgC,CAC3E,MAAO,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,gBAAgB,UAAWT,EAAAA,GAAG,wBAAyBY,CAAS,EAAG,GAAID,CAAQ,CAAA,CACvG,CAEA,SAAgBS,EAAkB,CAAE,YAAW,GAAGT,GAAgC,CAChF,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAWT,EAAAA,GAAG,4EAA6EY,CAAS,EACpG,GAAID,CACL,CAAA,CAEL,CAGA,SAAgBU,EAAY,CAAE,UAAU,UAAW,GAAGV,GAAyB,CAC7E,MAAO,iBAAA,EAAAF,EAAA,IAAA,CAACN,EAAAA,UAAD,CAAW,YAAU,eAAwB,UAAS,GAAIQ,CAAQ,CAAA,CAC3E,CAGA,SAAgBW,EAAiB,EAA+B,CAC9D,MAAO,iBAAA,EAAAb,EAAA,IAAA,CAACL,EAAAA,YAAD,CAAa,YAAU,qBAAqB,QAAQ,UAAU,GAAIO,CAAQ,CAAA,CACnF,CAGA,SAAgBY,EAAa,CAAE,YAAW,GAAGZ,GAAgC,CAC3E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAWT,EAAAA,GAAG,gDAAiDY,CAAS,EACxE,GAAID,CACL,CAAA,CAEL,CAGA,SAAgBa,EAAc,CAAE,YAAW,GAAGb,GAAgC,CAC5E,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAWT,EAAAA,GACT,yIACAY,CACF,EACA,GAAID,CACL,CAAA,CAEL"}

package/dist/src/components/CopyButton.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Button.cjs");let n=require("react/jsx-runtime"),r=require("react"),i=require("lucide-react");const a={idle:`copy`,copied:`copied`,failed:`copying was blocked by the browser`};function o({text:o,className:s}){let[c,l]=(0,r.useState)(`idle`);(0,r.useEffect)(()=>{if(c===`idle`)return;let e=setTimeout(()=>l(`idle`),1500);return()=>clearTimeout(e)},[c]);let u=(0,r.useCallback)(()=>{navigator.clipboard.writeText(o).then(()=>l(`copied`),()=>l(`failed`))},[o]),d=a[c];return/* @__PURE__ / (0,n.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`icon`,"data-testid":`copy-button`,"data-state":c,title:d,"aria-label":d,onClick:u,className:e.cn(`opacity-60 hover:opacity-100`,s),children:c===`copied`?/ @__PURE__ / (0,n.jsx)(i.Check,{className:`size-3 text-doom-green`}):/ @__PURE__ */ (0,n.jsx)(i.Copy,{className:`size-3`})})}exports.CopyButton=o;
2	+ //# sourceMappingURL=CopyButton.cjs.map

package/dist/src/components/CopyButton.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CopyButton.cjs","names":["useState","useCallback","Button","cn","CheckIcon","CopyIcon","require_cn","require_Button","react_jsx_runtime","react","lucide_react","LABELS","CopyButton","state","setState","timer","copy","text","label","className"],"sources":["../../../src/components/CopyButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { CheckIcon, CopyIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * Puts a piece of text on the clipboard and says so.\n *\n * DESIGN PATTERNS:\n * - Always visible, dimmed. Half the cockpit's surfaces are touched rather\n * than pointed at, and a control revealed by hover does not exist there.\n * - A refused clipboard is a state, not a crash: the label says the browser\n * blocked it and the text is still there to select by hand.\n */\n\n/** How long the control stays acknowledged before returning to its icon. */\nconst FEEDBACK_MS = 1500;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\nconst LABELS: Readonly<Record<CopyState, string>> = {\n idle: 'copy',\n copied: 'copied',\n failed: 'copying was blocked by the browser',\n};\n\nexport interface CopyButtonProps {\n /** What lands on the clipboard. */\n text: string;\n className?: string | undefined;\n}\n\nexport function CopyButton({ text, className }: CopyButtonProps) {\n const [state, setState] = useState<CopyState>('idle');\n\n useEffect(() => {\n if (state === 'idle') return;\n const timer = setTimeout(() => setState('idle'), FEEDBACK_MS);\n return () => clearTimeout(timer);\n }, [state]);\n\n const copy = useCallback(() => {\n void navigator.clipboard.writeText(text).then(\n () => setState('copied'),\n () => setState('failed'),\n );\n }, [text]);\n\n const label = LABELS[state];\n return (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon\"\n data-testid=\"copy-button\"\n data-state={state}\n title={label}\n aria-label={label}\n onClick={copy}\n className={cn('opacity-60 hover:opacity-100', className)}\n >\n {state === 'copied' ? <CheckIcon className=\"size-3 text-doom-green\" /> : <CopyIcon className=\"size-3\" />}\n </Button>\n );\n}\n"],"mappings":"yKAiBA,MAIMW,EAA8C,CAClD,KAAM,OACN,OAAQ,SACR,OAAQ,oCACV,EAQA,SAAgBC,EAAW,CAAE,OAAM,aAA8B,CAC/D,GAAM,CAACC,EAAOC,IAAA,EAAYd,EAAAA,SAAAA,CAAoB,MAAM,GAEpD,EAAAS,EAAA,UAAA,KAAgB,CACd,GAAII,IAAU,OAAQ,OACtB,IAAME,EAAQ,eAAiBD,EAAS,MAAM,EAAG,IAAW,EAC5D,UAAa,aAAaC,CAAK,CACjC,EAAG,CAACF,CAAK,CAAC,EAEV,IAAMG,GAAA,EAAOf,EAAAA,YAAAA,KAAkB,CAC7B,UAAe,UAAU,UAAUgB,CAAI,CAAC,CAAC,SACjCH,EAAS,QAAQ,MACjBA,EAAS,QAAQ,CACzB,CACF,EAAG,CAACG,CAAI,CAAC,EAEHC,EAAQP,EAAOE,GACrB,MACE,iBAAA,EAAAL,EAAA,IAAA,CAACN,EAAAA,OAAD,CACE,KAAK,SACL,QAAQ,QACR,KAAK,OACL,cAAY,cACZ,aAAYW,EACZ,MAAOK,EACP,aAAYA,EACZ,QAASF,EACT,UAAWb,EAAAA,GAAG,+BAAgCgB,CAAS,EAEtD,SAAAN,IAAU,SAAW,iBAAA,EAAAL,EAAA,IAAA,CAACJ,EAAAA,MAAD,CAAW,UAAU,wBAA0B,CAAA,EAAI,iBAAA,EAAAI,EAAA,IAAA,CAACH,EAAAA,KAAD,CAAU,UAAU,QAAU,CAAA,CACjG,CAAA,CAEZ"}

package/dist/src/components/Dialog.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Button.cjs");let n=require("radix-ui"),r=require("react/jsx-runtime"),i=require("react"),a=require("class-variance-authority"),o=require("lucide-react");const s=(0,i.createContext)(void 0);function c(e){let t=e.onOpenChange===void 0?void 0:t=>e.onOpenChange?.(t);return/* @__PURE__ / (0,r.jsx)(s.Provider,{value:t,children:/ @__PURE__ / (0,r.jsx)(n.Dialog.Root,{"data-slot":`dialog`,...e,onOpenChange:t})})}function l(e){return/ @__PURE__ / (0,r.jsx)(n.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function u(e){return/ @__PURE__ / (0,r.jsx)(n.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function d(e){return/ @__PURE__ / (0,r.jsx)(n.Dialog.Close,{"data-slot":`dialog-close`,...e})}function f({className:t,onPointerDownCapture:a,...o}){let c=(0,i.useContext)(s);return/ @__PURE__ / (0,r.jsx)(n.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:e.cn(`fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade`,t),onPointerDownCapture:e=>{if(a?.(e),e.defaultPrevented\|\|c===void 0)return;let t=e.currentTarget.nextElementSibling;if(t?.querySelector(`[data-slot="select-trigger"][data-state="open"]`)==null)return;let n=t?.getBoundingClientRect();n&&e.clientX>=n.left&&e.clientX<=n.right&&e.clientY>=n.top&&e.clientY<=n.bottom\|\|(e.stopPropagation(),c(!1))},...o})}const p={sm:`w-[360px]`,md:`w-[480px]`,lg:`w-[620px]`};function m({className:t,children:i,width:a=`md`,...o}){return/ @__PURE__ / (0,r.jsxs)(u,{children:[/ @__PURE__ / (0,r.jsx)(f,{}),/ @__PURE__ / (0,r.jsx)(n.Dialog.Content,{"data-slot":`dialog-content`,className:e.cn(`fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel shadow-2xl outline-none data-[state=open]:animate-doom-pop`,p[a],t),...o,children:i})]})}function h({className:i,dismissible:a=!1,closeLabel:s=`close`,children:c,...l}){return/ @__PURE__ / (0,r.jsxs)(`div`,{"data-slot":`dialog-header`,className:e.cn(`flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4`,i),...l,children:[c,a?/ @__PURE__ / (0,r.jsx)(n.Dialog.Close,{asChild:!0,children:/ @__PURE__ / (0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"aria-label":s,className:`text-doom-faint hover:text-doom-hi`,children:/ @__PURE__ / (0,r.jsx)(o.X,{className:`h-3 w-3`})})}):null]})}function g({className:t,...i}){return/ @__PURE__ / (0,r.jsx)(n.Dialog.Title,{"data-slot":`dialog-title`,className:e.cn(`text-xl font-semibold text-doom-hi`,t),...i})}function _({className:t,...i}){return/ @__PURE__ / (0,r.jsx)(n.Dialog.Description,{"data-slot":`dialog-description`,className:e.cn(`text-sm leading-relaxed text-doom-dim`,t),...i})}function v({className:t,...n}){return/ @__PURE__ / (0,r.jsx)(`div`,{"data-slot":`dialog-body`,className:e.cn(`flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4`,t),...n})}const y=(0,a.cva)(`flex shrink-0 items-center gap-2`,{variants:{variant:{plain:`justify-end`,bar:`min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0`}},defaultVariants:{variant:`plain`}});function b({className:t,variant:n,...i}){return/ @__PURE__ */ (0,r.jsx)(`div`,{"data-slot":`dialog-footer`,className:e.cn(y({variant:n}),t),...i})}exports.Dialog=c,exports.DialogBody=v,exports.DialogClose=d,exports.DialogContent=m,exports.DialogDescription=_,exports.DialogFooter=b,exports.DialogHeader=h,exports.DialogOverlay=f,exports.DialogPortal=u,exports.DialogTitle=g,exports.DialogTrigger=l,exports.dialogFooterVariants=y;
2	+ //# sourceMappingURL=Dialog.cjs.map

package/dist/src/components/Dialog.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Dialog.cjs","names":["createContext","DialogPrimitive","useContext","cn","Button","CloseIcon","cva","require_cn","require_Button","radix_ui","react_jsx_runtime","react","class_variance_authority","lucide_react","DialogOpenChangeContext","Dialog","onOpenChange","props","open","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","onPointerDownCapture","event","dialogContent","bounds","CONTENT_WIDTH","DialogContent","width","DialogHeader","children","dismissible","closeLabel","DialogTitle","DialogDescription","DialogBody","dialogFooterVariants","DialogFooter"],"sources":["../../../src/components/Dialog.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { createContext, type ComponentProps, useContext } from 'react';\n\nimport { CloseIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\nconst DialogOpenChangeContext = createContext<((open: boolean) => void) | undefined>(undefined);\n/**\n * shadcn's Dialog on Radix: focus trap, Escape, outside click, scroll lock,\n * and focus restored to the trigger on close. The frame is the Doom panel.\n */\nexport function Dialog(props: ComponentProps<typeof DialogPrimitive.Root>) {\n const onOpenChange = props.onOpenChange === undefined ? undefined : (open: boolean) => props.onOpenChange?.(open);\n return (\n <DialogOpenChangeContext.Provider value={onOpenChange}>\n <DialogPrimitive.Root data-slot=\"dialog\" {...props} onOpenChange={onOpenChange} />\n </DialogOpenChangeContext.Provider>\n );\n}\n\nexport function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nexport function DialogPortal(props: ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nexport function DialogClose(props: ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nexport function DialogOverlay({\n className,\n onPointerDownCapture,\n ...props\n}: ComponentProps<typeof DialogPrimitive.Overlay>) {\n const onOpenChange = useContext(DialogOpenChangeContext);\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn('fixed inset-0 z-40 bg-doom-deep/70 data-[state=open]:animate-doom-fade', className)}\n onPointerDownCapture={(event) => {\n onPointerDownCapture?.(event);\n if (event.defaultPrevented || onOpenChange === undefined) return;\n const dialogContent = event.currentTarget.nextElementSibling;\n const openSelectTrigger = dialogContent?.querySelector('[data-slot=\"select-trigger\"][data-state=\"open\"]');\n if (openSelectTrigger === null || openSelectTrigger === undefined) return;\n // An open Select disables pointer events on the dialog; an inside press falls through to this overlay.\n const bounds = dialogContent?.getBoundingClientRect();\n if (\n bounds &&\n event.clientX >= bounds.left &&\n event.clientX <= bounds.right &&\n event.clientY >= bounds.top &&\n event.clientY <= bounds.bottom\n )\n return;\n\n // Radix's parent outside listener can lag one render behind a nested\n // modal Select. Own this backdrop press so the complete stack closes.\n event.stopPropagation();\n onOpenChange(false);\n }}\n {...props}\n />\n );\n}\n\nexport interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content> {\n /** Width preset; `className` may still override. */\n width?: 'sm' | 'md' | 'lg';\n}\n\nconst CONTENT_WIDTH = { sm: 'w-[360px]', md: 'w-[480px]', lg: 'w-[620px]' } as const;\n\nexport function DialogContent({ className, children, width = 'md', ...props }: DialogContentProps) {\n return (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n 'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-24px)] max-w-[calc(100vw-24px)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-doom-border bg-doom-panel shadow-2xl outline-none data-[state=open]:animate-doom-pop',\n CONTENT_WIDTH[width],\n className,\n )}\n {...props}\n >\n {children}\n </DialogPrimitive.Content>\n </DialogPortal>\n );\n}\n\nexport interface DialogHeaderProps extends ComponentProps<'div'> {\n /**\n * Show the close control at the right of the strip. Off by default: most\n * headers already put something there (a spinner, a method label) and every\n * dialog closes on Escape, so an X that fights the existing content is worse\n * than none. Turn it on for a dialog whose only way out is the mouse.\n */\n dismissible?: boolean;\n /** What the close control announces. */\n closeLabel?: string;\n}\n\nexport function DialogHeader({\n className,\n dismissible = false,\n closeLabel = 'close',\n children,\n ...props\n}: DialogHeaderProps) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\n 'flex min-w-0 items-center justify-between gap-3 border-b border-doom-border px-3 py-3 sm:px-4',\n className,\n )}\n {...props}\n >\n {children}\n {dismissible ? (\n <DialogPrimitive.Close asChild>\n <Button variant=\"ghost\" size=\"icon\" aria-label={closeLabel} className=\"text-doom-faint hover:text-doom-hi\">\n <CloseIcon className=\"h-3 w-3\" />\n </Button>\n </DialogPrimitive.Close>\n ) : null}\n </div>\n );\n}\n\nexport function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn('text-xl font-semibold text-doom-hi', className)}\n {...props}\n />\n );\n}\n\nexport function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn('text-sm leading-relaxed text-doom-dim', className)}\n {...props}\n />\n );\n}\n\nexport function DialogBody({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"dialog-body\"\n className={cn('flex min-h-0 flex-col gap-3 overflow-y-auto px-3 py-3 sm:px-4 sm:py-4', className)}\n {...props}\n />\n );\n}\n\nexport const dialogFooterVariants = cva('flex shrink-0 items-center gap-2', {\n variants: {\n variant: {\n /** Buttons alone, sitting inside the body's padding. */\n plain: 'justify-end',\n /**\n * The full-width strip: a hint on the left, the buttons on the right,\n * recessed and ruled off from the body. The same shape PopoverFooter\n * draws, because a dialog and a popover promise their keys the same way.\n */\n bar: 'min-h-[34px] flex-wrap justify-between border-t border-doom-border-soft bg-doom-deep px-3 py-1.5 sm:flex-nowrap sm:px-4 sm:py-0',\n },\n },\n defaultVariants: { variant: 'plain' },\n});\n\nexport interface DialogFooterProps extends ComponentProps<'div'>, VariantProps<typeof dialogFooterVariants> {}\n\nexport function DialogFooter({ className, variant, ...props }: DialogFooterProps) {\n return <div data-slot=\"dialog-footer\" className={cn(dialogFooterVariants({ variant }), className)} {...props} />;\n}\n"],"mappings":"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"}

package/dist/src/components/DiffView.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs"),t=require("./Button.cjs"),n=require("../lib/review.cjs");let r=require("react/jsx-runtime"),i=require("react");const a={"+":`bg-doom-tint-green text-doom-green`,"-":`bg-doom-tint-red text-doom-red`," ":`text-doom-dim`};function o(e){return e===`+`\|\|e===`-`\|\|e===` `}function s({hunks:s,testId:c,onSelect:l,renderAfterRow:u,className:d}){let f=n.diffGutterWidth(s);return s.length===0?/* @__PURE__ / (0,r.jsx)(`p`,{"data-testid":`${c}-empty`,className:`px-2 py-1 text-sm text-doom-dim`,children:`no lines changed`}):/ @__PURE__ / (0,r.jsx)(`div`,{"data-testid":c,"data-diff-surface":c,onMouseUp:()=>{if(l===void 0)return;let e=globalThis.getSelection?.(),t=e?.toString()??``;if(t.trim()===``)return;let r=[...document.querySelectorAll(`[data-diff-surface="${c}"] [data-diff-line]`)].filter(t=>e?.containsNode(t,!0)===!0).map(e=>({marker:e.dataset.diffMarker,line:Number(e.dataset.diffLine)})).filter(e=>o(e.marker)),i=n.diffRangeOf(r);i!==void 0&&l({...i,snippet:t})},className:e.cn(`overflow-x-auto font-mono text-sm leading-normal`,d),children:s.map((n,o)=>/ @__PURE__ / (0,r.jsxs)(`div`,{children:[o>0?/ @__PURE__ / (0,r.jsxs)(`div`,{className:`flex items-center gap-2 px-2 py-0.5 text-2xs text-doom-faint`,children:[/ @__PURE__ / (0,r.jsx)(`span`,{className:`h-px flex-1 bg-doom-border-soft`}),/ @__PURE__ / (0,r.jsx)(`span`,{children:`⋯`}),/ @__PURE__ / (0,r.jsx)(`span`,{className:`h-px flex-1 bg-doom-border-soft`})]}):null,n.rows.map((n,o)=>/ @__PURE__ / (0,r.jsxs)(i.Fragment,{children:[/ @__PURE__ / (0,r.jsxs)(`div`,{"data-diff-line":n.line,"data-diff-marker":n.marker,className:e.cn(`flex whitespace-pre`,a[n.marker]),children:[l===void 0?/ @__PURE__ / (0,r.jsx)(`span`,{"aria-hidden":!0,className:`shrink-0 select-none pr-2 pl-2 text-right text-doom-faint`,style:{width:`${f+2}ch`},children:n.line}):/ @__PURE__ / (0,r.jsx)(t.Button,{variant:`ghost`,size:`xs`,"data-diff-gutter":n.line,"aria-label":`comment on ${n.marker===`-`?`removed `:``}line ${n.line}`,onClick:()=>l({side:n.marker===`-`?`old`:`new`,startLine:n.line,endLine:n.line,snippet:n.content}),className:`h-auto min-h-0 min-w-0 shrink-0 select-none justify-end rounded-none py-0 pr-2 pl-2 font-normal text-sm text-doom-faint hover:bg-transparent hover:text-doom-blue`,style:{width:`${f+2}ch`},children:n.line}),/ @__PURE__ / (0,r.jsx)(`span`,{className:`shrink-0 select-none pr-1`,children:n.marker}),/ @__PURE__ */ (0,r.jsx)(`span`,{className:`min-w-0`,children:n.content})]}),u?.(n)]},`${n.marker}-${n.line}-${o}`))]},`${n.start}-${o}`))})}exports.DiffView=s;
2	+ //# sourceMappingURL=DiffView.cjs.map

package/dist/src/components/DiffView.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DiffView.cjs","names":["diffGutterWidth","diffRangeOf","cn","Fragment","Button","require_cn","require_Button","require_review","react_jsx_runtime","react","ROW_TONE","isMarker","value","DiffView","gutter","hunks","testId","onSelect","selection","text","touched","row","range","className","position","hunk","renderAfterRow","offset"],"sources":["../../../src/components/DiffView.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { diffGutterWidth, diffRangeOf } from '../lib/review';\nimport type { DiffHunk, DiffMarker, DiffRow, DiffSelection } from '../types/diff';\nimport { Button } from './Button';\n\n/**\n * A diff, drawn the way this cockpit draws every other one: a numbered gutter\n * and a background wash per row, so a change reads at a glance rather than by\n * hunting for leading punctuation.\n *\n * Hunks arrive apart rather than joined by an elision marker, so the gap\n * between two of them is a rule the component draws, not a line it has to\n * recognise in a string.\n *\n * A reader comments two ways: by highlighting text, which reports the lines the\n * highlight touches, or by clicking a line number, which reports that one line.\n * Either way the selection names its side, so a note on a removed line points\n * at the old file rather than at whatever the new file has on that number.\n */\n\nconst ROW_TONE: Readonly<Record<DiffMarker, string>> = {\n '+': 'bg-doom-tint-green text-doom-green',\n '-': 'bg-doom-tint-red text-doom-red',\n ' ': 'text-doom-dim',\n};\n\nexport interface DiffViewProps {\n hunks: readonly DiffHunk[];\n /** Marks the surface so a test and a selection handler can find it. Unique per diff on a page. */\n testId: string;\n /** Called with the selected text, the lines it covers, and their side. Enables line-number clicks. */\n onSelect?: (selection: DiffSelection) => void;\n /** Drawn under one row, full width: inline comments and an open draft go here. */\n renderAfterRow?: (row: DiffRow) => ReactNode;\n className?: string;\n}\n\nfunction isMarker(value: string | undefined): value is DiffMarker {\n return value === '+' || value === '-' || value === ' ';\n}\n\nexport function DiffView({ hunks, testId, onSelect, renderAfterRow, className }: DiffViewProps) {\n const gutter = diffGutterWidth(hunks);\n\n /**\n * Turns whatever the reader highlighted into a line range. The rows carry\n * their own numbers and markers, so the range comes from the rows the\n * selection touches rather than from counting newlines in the rendered text.\n */\n const handleSelect = (): void => {\n if (onSelect === undefined) return;\n const selection = globalThis.getSelection?.();\n const text = selection?.toString() ?? '';\n if (text.trim() === '') return;\n const rows = [...document.querySelectorAll<HTMLElement>(`[data-diff-surface=\"${testId}\"] [data-diff-line]`)];\n const touched = rows\n .filter((row) => selection?.containsNode(row, true) === true)\n .map((row) => ({ marker: row.dataset.diffMarker, line: Number(row.dataset.diffLine) }))\n .filter((row): row is { marker: DiffMarker; line: number } => isMarker(row.marker));\n const range = diffRangeOf(touched);\n if (range !== undefined) onSelect({ ...range, snippet: text });\n };\n\n if (hunks.length === 0) {\n return (\n <p data-testid={`${testId}-empty`} className=\"px-2 py-1 text-sm text-doom-dim\">\n no lines changed\n </p>\n );\n }\n\n return (\n <div\n data-testid={testId}\n data-diff-surface={testId}\n onMouseUp={handleSelect}\n className={cn('overflow-x-auto font-mono text-sm leading-normal', className)}\n >\n {hunks.map((hunk, position) => (\n <div key={`${hunk.start}-${position}`}>\n {position > 0 ? (\n <div className=\"flex items-center gap-2 px-2 py-0.5 text-2xs text-doom-faint\">\n <span className=\"h-px flex-1 bg-doom-border-soft\" />\n <span>⋯</span>\n <span className=\"h-px flex-1 bg-doom-border-soft\" />\n </div>\n ) : null}\n {hunk.rows.map((row, offset) => (\n <Fragment key={`${row.marker}-${row.line}-${offset}`}>\n <div\n data-diff-line={row.line}\n data-diff-marker={row.marker}\n className={cn('flex whitespace-pre', ROW_TONE[row.marker])}\n >\n {onSelect === undefined ? (\n <span\n aria-hidden\n className=\"shrink-0 select-none pr-2 pl-2 text-right text-doom-faint\"\n style={{ width: `${gutter + 2}ch` }}\n >\n {row.line}\n </span>\n ) : (\n <Button\n variant=\"ghost\"\n size=\"xs\"\n data-diff-gutter={row.line}\n aria-label={`comment on ${row.marker === '-' ? 'removed ' : ''}line ${row.line}`}\n onClick={() =>\n onSelect({\n side: row.marker === '-' ? 'old' : 'new',\n startLine: row.line,\n endLine: row.line,\n snippet: row.content,\n })\n }\n className=\"h-auto min-h-0 min-w-0 shrink-0 select-none justify-end rounded-none py-0 pr-2 pl-2 font-normal text-sm text-doom-faint hover:bg-transparent hover:text-doom-blue\"\n style={{ width: `${gutter + 2}ch` }}\n >\n {row.line}\n </Button>\n )}\n <span className=\"shrink-0 select-none pr-1\">{row.marker}</span>\n <span className=\"min-w-0\">{row.content}</span>\n </div>\n {renderAfterRow?.(row)}\n </Fragment>\n ))}\n </div>\n ))}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/src/components/Dot.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`inline-block shrink-0 rounded-full`,{variants:{tone:{neutral:`bg-doom-faint`,muted:`bg-doom-faint/40`,blue:`bg-doom-blue`,green:`bg-doom-green`,yellow:`bg-doom-yellow`,red:`bg-doom-red`,magenta:`bg-doom-magenta`,violet:`bg-doom-violet`,cyan:`bg-doom-cyan`,orange:`bg-doom-orange`,teal:`bg-doom-teal`},size:{xs:`h-1 w-1`,sm:`h-1.5 w-1.5`,md:`h-2 w-2`,lg:`h-2.5 w-2.5`},pulse:{true:`animate-pulse`,false:``}},defaultVariants:{tone:`neutral`,size:`sm`,pulse:!1}});function r({className:r,tone:i,size:a,pulse:o,...s}){return/* @__PURE__ */ (0,t.jsx)(`span`,{"data-slot":`dot`,"aria-hidden":!0,className:e.cn(n({tone:i,size:a,pulse:o}),r),...s})}exports.Dot=r,exports.dotVariants=n;
2	+ //# sourceMappingURL=Dot.cjs.map

package/dist/src/components/Dot.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Dot.cjs","names":["cva","cn","require_cn","react_jsx_runtime","dotVariants","Dot","props","className"],"sources":["../../../src/components/Dot.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { DotTone as Tone } from '../types/tone';\n\nexport const dotVariants = cva('inline-block shrink-0 rounded-full', {\n variants: {\n tone: {\n neutral: 'bg-doom-faint',\n muted: 'bg-doom-faint/40',\n blue: 'bg-doom-blue',\n green: 'bg-doom-green',\n yellow: 'bg-doom-yellow',\n red: 'bg-doom-red',\n magenta: 'bg-doom-magenta',\n violet: 'bg-doom-violet',\n cyan: 'bg-doom-cyan',\n orange: 'bg-doom-orange',\n teal: 'bg-doom-teal',\n } satisfies Record<Tone, string>,\n size: {\n xs: 'h-1 w-1',\n sm: 'h-1.5 w-1.5',\n md: 'h-2 w-2',\n lg: 'h-2.5 w-2.5',\n },\n pulse: {\n true: 'animate-pulse',\n false: '',\n },\n },\n defaultVariants: { tone: 'neutral', size: 'sm', pulse: false },\n});\n\nexport type DotTone = Tone;\n\nexport interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}\n\n/** The status dot: a colour and, while something is live, a pulse. */\nexport function Dot({ className, tone, size, pulse, ...props }: DotProps) {\n return <span data-slot=\"dot\" aria-hidden className={cn(dotVariants({ tone, size, pulse }), className)} {...props} />;\n}\n"],"mappings":"oEAMA,MAAaI,GAAA,oCAAcJ,CAAAA,CAAAA,IAAAA,CAAI,qCAAsC,CACnE,SAAU,CACR,KAAM,CACJ,QAAS,gBACT,MAAO,mBACP,KAAM,eACN,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,KAAM,eACN,OAAQ,iBACR,KAAM,cACR,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,cACJ,GAAI,UACJ,GAAI,aACN,EACA,MAAO,CACL,KAAM,gBACN,MAAO,EACT,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,KAAM,MAAO,EAAM,CAC/D,CAAC,EAOD,SAAgBK,EAAI,CAAE,YAAW,OAAM,OAAM,QAAO,GAAGC,GAAmB,CACxE,MAAO,iBAAA,EAAAH,EAAA,IAAA,CAAC,OAAD,CAAM,YAAU,MAAM,cAAA,GAAY,UAAWF,EAAAA,GAAGG,EAAY,CAAE,OAAM,OAAM,OAAM,CAAC,EAAGG,CAAS,EAAG,GAAID,CAAQ,CAAA,CACrH"}

package/dist/src/components/Drawer.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs"),t=require("./Dialog.cjs");let n=require("radix-ui"),r=require("react/jsx-runtime"),i=require("react");function a({open:a,onOpenChange:o,side:s,title:c,children:l,className:u,showHeader:d=!0,"data-testid":f,backdropTestId:p}){let m=(0,i.useRef)(null);return/* @__PURE__ / (0,r.jsx)(t.Dialog,{open:a,onOpenChange:o,children:/ @__PURE__ / (0,r.jsxs)(t.DialogPortal,{children:[/ @__PURE__ / (0,r.jsx)(t.DialogOverlay,{"data-testid":p}),/ @__PURE__ / (0,r.jsxs)(n.Dialog.Content,{"aria-describedby":void 0,"data-testid":f,className:e.cn(`fixed inset-y-0 z-50 flex w-[min(300px,calc(100vw-48px))] flex-col overflow-y-auto border-doom-border bg-doom-rail outline-none`,s===`left`?`left-0 border-r`:`right-0 border-l`,u),onOpenAutoFocus:()=>{m.current=document.activeElement instanceof HTMLElement?document.activeElement:null},onCloseAutoFocus:e=>{e.preventDefault(),m.current?.isConnected&&m.current.focus()},children:[d?/ @__PURE__ / (0,r.jsx)(t.DialogHeader,{dismissible:!0,closeLabel:`hide ${c.toLowerCase()}`,children:/ @__PURE__ / (0,r.jsx)(t.DialogTitle,{children:c})}):/ @__PURE__ */ (0,r.jsx)(t.DialogTitle,{className:`sr-only`,children:c}),l]})]})})}exports.Drawer=a;
2	+ //# sourceMappingURL=Drawer.cjs.map

package/dist/src/components/Drawer.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Drawer.cjs","names":["useRef","Dialog","DialogPortal","DialogOverlay","DialogPrimitive","cn","DialogHeader","DialogTitle","require_cn","require_Dialog","radix_ui","react_jsx_runtime","react","Drawer","testId","opener","backdropTestId","side","className","event","showHeader","title","children"],"sources":["../../../src/components/Drawer.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from 'radix-ui';\nimport { type ReactNode, useRef } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Dialog, DialogHeader, DialogOverlay, DialogPortal, DialogTitle } from './Dialog';\n\nexport interface DrawerProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n side: 'left' | 'right';\n title: string;\n children: ReactNode;\n className?: string;\n showHeader?: boolean;\n 'data-testid'?: string;\n backdropTestId?: string;\n}\n\n/** A controlled side panel with a focus trap and restoration for external header buttons. */\nexport function Drawer({\n open,\n onOpenChange,\n side,\n title,\n children,\n className,\n showHeader = true,\n 'data-testid': testId,\n backdropTestId,\n}: DrawerProps) {\n const opener = useRef<HTMLElement | null>(null);\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogPortal>\n <DialogOverlay data-testid={backdropTestId} />\n <DialogPrimitive.Content\n aria-describedby={undefined}\n data-testid={testId}\n className={cn(\n 'fixed inset-y-0 z-50 flex w-[min(300px,calc(100vw-48px))] flex-col overflow-y-auto border-doom-border bg-doom-rail outline-none',\n side === 'left' ? 'left-0 border-r' : 'right-0 border-l',\n className,\n )}\n onOpenAutoFocus={() => {\n opener.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n }}\n onCloseAutoFocus={(event) => {\n event.preventDefault();\n if (opener.current?.isConnected) opener.current.focus();\n }}\n >\n {showHeader ? (\n <DialogHeader dismissible closeLabel={`hide ${title.toLowerCase()}`}>\n <DialogTitle>{title}</DialogTitle>\n </DialogHeader>\n ) : (\n <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n )}\n {children}\n </DialogPrimitive.Content>\n </DialogPortal>\n </Dialog>\n );\n}\n"],"mappings":"uIAmBA,SAAgBa,EAAO,CACrB,OACA,eACA,OACA,QACA,WACA,YACA,aAAa,GACb,cAAeC,EACf,kBACc,CACd,IAAMC,GAAA,EAASf,EAAAA,OAAAA,CAA2B,IAAI,EAC9C,MACE,iBAAA,EAAAW,EAAA,IAAA,CAACV,EAAAA,OAAD,CAAc,OAAoB,eAChC,SAAA,iBAAA,EAAAU,EAAA,KAAA,CAACT,EAAAA,aAAD,CAAA,SAAA,CACE,iBAAA,EAAAS,EAAA,IAAA,CAACR,EAAAA,cAAD,CAAe,cAAaa,CAAiB,CAAA,EAC7C,iBAAA,EAAAL,EAAA,KAAA,CAACP,EAAAA,OAAgB,QAAjB,CACE,mBAAkB,IAAA,GAClB,cAAaU,EACb,UAAWT,EAAAA,GACT,kIACAY,IAAS,OAAS,kBAAoB,mBACtCC,CACF,EACA,oBAAuB,CACrB,EAAO,QAAU,SAAS,yBAAyB,YAAc,SAAS,cAAgB,IAC5F,EACA,iBAAmB,GAAU,CAC3BC,EAAM,eAAe,EACjBJ,EAAO,SAAS,aAAaA,EAAO,QAAQ,MAAM,CACxD,EAdF,SAAA,CAgBGK,EACC,iBAAA,EAAAT,EAAA,IAAA,CAACL,EAAAA,aAAD,CAAc,YAAA,GAAY,WAAY,QAAQe,EAAM,YAAY,IAC9D,SAAA,iBAAA,EAAAV,EAAA,IAAA,CAACJ,EAAAA,YAAD,CAAA,SAAcc,CAAmB,CAAA,CACrB,CAAA,EAEd,iBAAA,EAAAV,EAAA,IAAA,CAACJ,EAAAA,YAAD,CAAa,UAAU,UAAW,SAAAc,CAAmB,CAAA,EAEtDC,CACsB,CACb,CAAA,CAAA,CAAA,CAAA,CACR,CAAA,CAEZ"}

package/dist/src/components/DropdownMenu.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../icons/icons.cjs");const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime"),r=require("class-variance-authority"),i=require("lucide-react");function a(e){return/* @__PURE__ / (0,n.jsx)(t.DropdownMenu.Root,{"data-slot":`dropdown-menu`,...e})}function o(e){return/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function s(e){return/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.Group,{"data-slot":`dropdown-menu-group`,...e})}const c=`z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 shadow-xl outline-none data-[state=open]:animate-doom-rise`;function l({className:r,align:i=`end`,sideOffset:a=4,...o}){return/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.Portal,{children:/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.Content,{"data-slot":`dropdown-menu-content`,align:i,sideOffset:a,className:e.cn(c,r),...o})})}const u=(0,r.cva)(`flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep`,{variants:{variant:{default:`text-doom-hi`,destructive:`text-doom-red`},indented:{true:`pl-7`,false:``}},defaultVariants:{variant:`default`,indented:!1}});function d({className:r,variant:i,indented:a,...o}){return/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.Item,{"data-slot":`dropdown-menu-item`,"data-variant":i??`default`,className:e.cn(u({variant:i,indented:a}),r),...o})}function f({children:e}){return/ @__PURE__ / (0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center`,children:/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.ItemIndicator,{children:e})})}function p({className:r,variant:a,children:o,...s}){return/ @__PURE__ / (0,n.jsxs)(t.DropdownMenu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e.cn(`relative`,u({variant:a,indented:!0}),r),...s,children:[/ @__PURE__ / (0,n.jsx)(f,{children:/ @__PURE__ / (0,n.jsx)(i.Check,{className:`h-3 w-3 text-doom-blue`})}),o]})}function m(e){return/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function h({className:r,variant:i,children:a,...o}){return/ @__PURE__ / (0,n.jsxs)(t.DropdownMenu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e.cn(`relative`,u({variant:i,indented:!0}),r),...o,children:[/ @__PURE__ / (0,n.jsx)(f,{children:/ @__PURE__ / (0,n.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-doom-blue`})}),a]})}function g(e){return/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function _({className:r,children:a,...o}){return/ @__PURE__ / (0,n.jsxs)(t.DropdownMenu.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:e.cn(u(),`data-[state=open]:bg-doom-deep`,r),...o,children:[/ @__PURE__ / (0,n.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:a}),/ @__PURE__ / (0,n.jsx)(i.ChevronRight,{className:`h-3 w-3 shrink-0 text-doom-faint`})]})}function v({className:r,sideOffset:i=2,...a}){return/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.Portal,{children:/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.SubContent,{"data-slot":`dropdown-menu-sub-content`,sideOffset:i,className:e.cn(c,r),...a})})}function y({className:r,...i}){return/ @__PURE__ / (0,n.jsx)(t.DropdownMenu.Label,{"data-slot":`dropdown-menu-label`,className:e.cn(`px-2.5 py-1 text-sm font-semibold text-doom-dim first-letter:uppercase`,r),...i})}function b({className:t,...r}){return/ @__PURE__ / (0,n.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e.cn(`ml-auto shrink-0 text-sm text-doom-dim`,t),...r})}function x({className:r,...i}){return/ @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Separator,{"data-slot":`dropdown-menu-separator`,className:e.cn(`my-1 h-px bg-doom-border-soft`,r),...i})}exports.DropdownMenu=a,exports.DropdownMenuCheckboxItem=p,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=s,exports.DropdownMenuItem=d,exports.DropdownMenuLabel=y,exports.DropdownMenuRadioGroup=m,exports.DropdownMenuRadioItem=h,exports.DropdownMenuSeparator=x,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=g,exports.DropdownMenuSubContent=v,exports.DropdownMenuSubTrigger=_,exports.DropdownMenuTrigger=o,exports.dropdownMenuItemVariants=u;
2	+ //# sourceMappingURL=DropdownMenu.cjs.map

package/dist/src/components/DropdownMenu.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DropdownMenu.cjs","names":["DropdownMenuPrimitive","cn","cva","CheckIcon","ChevronRightIcon","require_cn","radix_ui","react_jsx_runtime","class_variance_authority","lucide_react","DropdownMenu","props","DropdownMenuTrigger","DropdownMenuGroup","CONTENT_CLASS","DropdownMenuContent","className","dropdownMenuItemVariants","DropdownMenuItem","variant","ItemIndicator","DropdownMenuCheckboxItem","children","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent","DropdownMenuLabel","DropdownMenuShortcut","DropdownMenuSeparator"],"sources":["../../../src/components/DropdownMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { CheckIcon, ChevronRightIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */\nexport function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\n/** A run of items under one label, so the separator between groups is structural. */\nexport function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\n/** The surface every menu and submenu wears. */\nconst CONTENT_CLASS =\n 'z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 shadow-xl outline-none data-[state=open]:animate-doom-rise';\n\nexport function DropdownMenuContent({\n className,\n align = 'end',\n sideOffset = 4,\n ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(CONTENT_CLASS, className)}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n );\n}\n\nexport const dropdownMenuItemVariants = cva(\n 'flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n {\n variants: {\n variant: {\n default: 'text-doom-hi',\n destructive: 'text-doom-red',\n },\n /** A row that carries a check or bullet keeps a gutter for it, so labels line up whether or not one is set. */\n indented: { true: 'pl-7', false: '' },\n },\n defaultVariants: { variant: 'default', indented: false },\n },\n);\n\nexport interface DropdownMenuItemProps\n extends ComponentProps<typeof DropdownMenuPrimitive.Item>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-variant={variant ?? 'default'}\n className={cn(dropdownMenuItemVariants({ variant, indented }), className)}\n {...props}\n />\n );\n}\n\n/** The check or bullet a selectable row shows when it is set; it sits in the row's gutter. */\nfunction ItemIndicator({ children }: { children: ReactNode }) {\n return (\n <span className=\"pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>{children}</DropdownMenuPrimitive.ItemIndicator>\n </span>\n );\n}\n\nexport interface DropdownMenuCheckboxItemProps\n extends ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\n/** A row that toggles: the check lives in the gutter so the label never shifts. */\nexport function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n {...props}\n >\n <ItemIndicator>\n <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n </ItemIndicator>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n}\n\n/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */\nexport function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nexport interface DropdownMenuRadioItemProps\n extends ComponentProps<typeof DropdownMenuPrimitive.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n {...props}\n >\n <ItemIndicator>\n <span className=\"h-1.5 w-1.5 rounded-full bg-doom-blue\" />\n </ItemIndicator>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n );\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\n/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */\nexport function DropdownMenuSubTrigger({\n className,\n children,\n ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n className={cn(dropdownMenuItemVariants(), 'data-[state=open]:bg-doom-deep', className)}\n {...props}\n >\n <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n <ChevronRightIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n </DropdownMenuPrimitive.SubTrigger>\n );\n}\n\nexport function DropdownMenuSubContent({\n className,\n sideOffset = 2,\n ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n sideOffset={sideOffset}\n className={cn(CONTENT_CLASS, className)}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n );\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n className={cn('px-2.5 py-1 text-sm font-semibold text-doom-dim first-letter:uppercase', className)}\n {...props}\n />\n );\n}\n\n/** The keystroke printed at the right of a row; the row supplies the gap. */\nexport function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn('ml-auto shrink-0 text-sm text-doom-dim', className)}\n {...props}\n />\n );\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn('my-1 h-px bg-doom-border-soft', className)}\n {...props}\n />\n );\n}\n"],"mappings":"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"}

package/dist/src/components/EmptyState.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({title:r,description:i,children:a,className:o,asChild:s=!1,...c}){let l=s?t.Slot.Root:`div`;return/* @__PURE__ / (0,n.jsx)(l,{"data-slot":`empty-state`,className:e.cn(`flex min-w-0 flex-1 items-center justify-center px-3 py-4 sm:px-4`,o),...c,children:/ @__PURE__ / (0,n.jsxs)(`div`,{className:`flex min-w-0 w-full max-w-[520px] flex-col items-center gap-3 text-center`,children:[/ @__PURE__ / (0,n.jsx)(`span`,{className:`text-lg font-semibold text-doom-hi`,children:r}),i?/ @__PURE__ */ (0,n.jsx)(`span`,{className:`text-base leading-relaxed text-doom-dim`,children:i}):null,a]})})}exports.EmptyState=r;
2	+ //# sourceMappingURL=EmptyState.cjs.map

package/dist/src/components/EmptyState.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EmptyState.cjs","names":["Slot","cn","require_cn","radix_ui","react_jsx_runtime","EmptyState","props","Component","asChild","className","title","description","children"],"sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\n\nexport interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {\n title: ReactNode;\n description?: ReactNode;\n /** Optional calls to action under the copy. */\n children?: ReactNode;\n /**\n * Render the child element instead of a <div>, so an empty row inside a\n * list stays an <li> and the list keeps its semantics.\n */\n asChild?: boolean;\n}\n\n/** The centred \"nothing here yet\" card every empty panel shares. */\nexport function EmptyState({ title, description, children, className, asChild = false, ...props }: EmptyStateProps) {\n const Component = asChild ? Slot.Root : 'div';\n return (\n <Component\n data-slot=\"empty-state\"\n className={cn('flex min-w-0 flex-1 items-center justify-center px-3 py-4 sm:px-4', className)}\n {...props}\n >\n <div className=\"flex min-w-0 w-full max-w-[520px] flex-col items-center gap-3 text-center\">\n <span className=\"text-lg font-semibold text-doom-hi\">{title}</span>\n {description ? <span className=\"text-base leading-relaxed text-doom-dim\">{description}</span> : null}\n {children}\n </div>\n </Component>\n );\n}\n"],"mappings":"0FAkBA,SAAgBK,EAAW,CAAE,QAAO,cAAa,WAAU,YAAW,UAAU,GAAO,GAAGC,GAA0B,CAClH,IAAMC,EAAYC,EAAUR,EAAAA,KAAK,KAAO,MACxC,MACE,iBAAA,EAAAI,EAAA,IAAA,CAACG,EAAD,CACE,YAAU,cACV,UAAWN,EAAAA,GAAG,oEAAqEQ,CAAS,EAC5F,GAAIH,EAEJ,SAAA,iBAAA,EAAAF,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,4EAAf,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,qCAAsC,SAAAM,CAAY,CAAA,EACjEC,EAAc,iBAAA,EAAAP,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,0CAA2C,SAAAO,CAAkB,CAAA,EAAI,KAC/FC,CACE,GACI,CAAA,CAEf"}

package/dist/src/components/HashlineLines.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs"),t=require("../lib/syntaxHighlight.cjs"),n=require("./SyntaxText.cjs"),r=require("../lib/hashlineHighlight.cjs");let i=require("react/jsx-runtime"),a=require("react");const o=/* @__PURE__ / new Map;function s(e){let n=r.hashlineGroupsKey(e),[i,s]=(0,a.useState)(void 0);return(0,a.useEffect)(()=>{let r=!0,i=/ @__PURE__ / new Map,a=e.map(async e=>{let n=t.detectGrammar({path:e.path,text:e.text});if(n===void 0)return;let r=await t.highlightToLines(e.text,n);if(r!==void 0)for(let[t,n]of e.indices.entries()){let e=r[t];e!==void 0&&i.set(n,e)}});return Promise.allSettled(a).then(()=>{r&&i.size>0&&s({key:n,spans:i})}),()=>{r=!1}},[n]),i?.key===n?i.spans:o}function c({className:t,lines:o,gutter:c,path:l,...u}){let d=s((0,a.useMemo)(()=>r.hashlineGroups(o,l),[o,l])),f={width:`${c}ch`};return/ @__PURE__ / (0,i.jsx)(`div`,{"data-slot":`hashline-lines`,className:e.cn(`flex flex-col font-mono`,t),...u,children:o.map((e,t)=>{if(e.type===`file`)return/ @__PURE__ / (0,i.jsx)(`span`,{className:`mt-1 truncate text-doom-faint first:mt-0`,children:e.path},t);if(e.type===`plain`)return/ @__PURE__ / (0,i.jsx)(`span`,{className:`whitespace-pre-wrap break-words text-doom-dim`,children:e.text},t);let{value:r}=e;return/ @__PURE__ / (0,i.jsxs)(`span`,{className:`flex gap-2`,children:[r.marker===void 0?null:/ @__PURE__ / (0,i.jsx)(`span`,{className:`w-4 shrink-0 ${r.marker===`match`?`text-doom-blue`:`text-doom-faint`}`,children:r.marker===`match`?`>>`:``}),/ @__PURE__ / (0,i.jsx)(`span`,{className:`shrink-0 text-right text-doom-faint`,style:f,children:r.line}),/ @__PURE__ */ (0,i.jsx)(n.SyntaxLine,{spans:d.get(t),text:r.content,className:`min-w-0 whitespace-pre-wrap break-words ${r.marker===`match`?`text-doom-hi`:`text-doom-text`}`})]},t)})})}exports.HashlineLines=c;
2	+ //# sourceMappingURL=HashlineLines.cjs.map

package/dist/src/components/HashlineLines.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HashlineLines.cjs","names":["hashlineGroupsKey","useState","detectGrammar","highlightToLines","useMemo","hashlineGroups","cn","SyntaxLine","require_cn","require_syntaxHighlight","require_SyntaxText","require_hashlineHighlight","react_jsx_runtime","react","NO_SPANS","useHashlineSpans","key","groups","done","setDone","live","next","work","grammar","group","highlighted","offset","index","line","HashlineLines","props","spans","lines","path","gutterStyle","gutter","className","value"],"sources":["../../../src/components/HashlineLines.tsx"],"sourcesContent":["import { type ComponentProps, useEffect, useMemo, useState } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { type HashlineGroup, hashlineGroups, hashlineGroupsKey } from '../lib/hashlineHighlight';\nimport type { PresentedLine } from '../lib/hashlineView';\nimport { detectGrammar, highlightToLines, type SyntaxSpan } from '../lib/syntaxHighlight';\nimport { SyntaxLine } from './SyntaxText';\n\n/**\n * The anchored body shared by hashline results: a file heading per group, a\n * right-aligned line-number gutter, and a `>>` marker on grep matches. The\n * gutter width is a style, not a class, because it follows the widest number.\n *\n * The anchored lines are coloured with the editor's grammars when the body\n * names a file, or when `path` names one for a result that does not. Colour\n * arrives a frame or two late and never blocks the text: an unhighlighted body\n * is the same body without the colours.\n */\nexport interface HashlineLinesProps extends ComponentProps<'div'> {\n lines: readonly PresentedLine[];\n /** Width of the line-number column, in characters, from `hashlineBody`. */\n gutter: number;\n /** The file a body of bare anchored lines came from, for highlighting. */\n path?: string | undefined;\n}\n\nconst NO_SPANS: ReadonlyMap<number, readonly SyntaxSpan[]> = new Map();\n\n/**\n * Spans per presented-line index, once every file's run has parsed. The result\n * is stored with the body it belongs to, so a body that has changed since\n * reads as plain rather than wearing the previous body's colours.\n */\nfunction useHashlineSpans(groups: readonly HashlineGroup[]): ReadonlyMap<number, readonly SyntaxSpan[]> {\n const key = hashlineGroupsKey(groups);\n const [done, setDone] = useState<{ key: string; spans: ReadonlyMap<number, readonly SyntaxSpan[]> } | undefined>(\n undefined,\n );\n\n useEffect(() => {\n let live = true;\n const next = new Map<number, readonly SyntaxSpan[]>();\n const work = groups.map(async (group) => {\n const grammar = detectGrammar({ path: group.path, text: group.text });\n if (grammar === undefined) return;\n const highlighted = await highlightToLines(group.text, grammar);\n if (highlighted === undefined) return;\n for (const [offset, index] of group.indices.entries()) {\n const line = highlighted[offset];\n if (line !== undefined) next.set(index, line);\n }\n });\n // One state write for the whole body, so a many-file grep result does not\n // repaint once per file. A grammar that fails to load leaves its run plain.\n void Promise.allSettled(work).then(() => {\n if (live && next.size > 0) setDone({ key, spans: next });\n });\n return () => {\n live = false;\n };\n // The groups are rebuilt every render; their key is what actually changes.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [key]);\n\n return done?.key === key ? done.spans : NO_SPANS;\n}\n\nexport function HashlineLines({ className, lines, gutter, path, ...props }: HashlineLinesProps) {\n const groups = useMemo(() => hashlineGroups(lines, path), [lines, path]);\n const spans = useHashlineSpans(groups);\n // Bound to a name rather than written inline: this file ships as a scaffold\n // template too, and an inline style object opens with the same two braces\n // Liquid reads as an output tag, which fails to render.\n const gutterStyle = { width: `${gutter}ch` };\n return (\n <div data-slot=\"hashline-lines\" className={cn('flex flex-col font-mono', className)} {...props}>\n {lines.map((line, index) => {\n if (line.type === 'file') {\n return (\n <span key={index} className=\"mt-1 truncate text-doom-faint first:mt-0\">\n {line.path}\n </span>\n );\n }\n if (line.type === 'plain') {\n return (\n <span key={index} className=\"whitespace-pre-wrap break-words text-doom-dim\">\n {line.text}\n </span>\n );\n }\n const { value } = line;\n return (\n <span key={index} className=\"flex gap-2\">\n {value.marker !== undefined ? (\n <span className={`w-4 shrink-0 ${value.marker === 'match' ? 'text-doom-blue' : 'text-doom-faint'}`}>\n {value.marker === 'match' ? '>>' : ''}\n </span>\n ) : null}\n <span className=\"shrink-0 text-right text-doom-faint\" style={gutterStyle}>\n {value.line}\n </span>\n <SyntaxLine\n spans={spans.get(index)}\n text={value.content}\n className={`min-w-0 whitespace-pre-wrap break-words ${value.marker === 'match' ? 'text-doom-hi' : 'text-doom-text'}`}\n />\n </span>\n );\n })}\n </div>\n );\n}\n"],"mappings":"uMA0BA,MAAMc,kBAAuD,IAAI,IAOjE,SAASC,EAAiB,EAA8E,CACtG,IAAMC,EAAMhB,EAAAA,kBAAkBiB,CAAM,EAC9B,CAACC,EAAMC,IAAA,EAAWlB,EAAAA,SAAAA,CACtB,IAAA,EACF,EA2BA,OAzBA,EAAAY,EAAA,UAAA,KAAgB,CACd,IAAIO,EAAO,GACLC,kBAAO,IAAI,IACXC,EAAOL,EAAO,IAAI,KAAO,IAAU,CACvC,IAAMM,EAAUrB,EAAAA,cAAc,CAAE,KAAMsB,EAAM,KAAM,KAAMA,EAAM,IAAK,CAAC,EACpE,GAAID,IAAY,IAAA,GAAW,OAC3B,IAAME,EAAc,MAAMtB,EAAAA,iBAAiBqB,EAAM,KAAMD,CAAO,EAC9D,GAAIE,IAAgB,IAAA,GACpB,IAAK,GAAM,CAACC,EAAQC,KAAUH,EAAM,QAAQ,QAAQ,EAAG,CACrD,IAAMI,EAAOH,EAAYC,GACrBE,IAAS,IAAA,IAAWP,EAAK,IAAIM,EAAOC,CAAI,CAC9C,CACF,CAAC,EAMD,OAHA,QAAa,WAAWN,CAAI,CAAC,CAAC,SAAW,CACnCF,GAAQC,EAAK,KAAO,GAAGF,EAAQ,CAAE,MAAK,MAAOE,CAAK,CAAC,CACzD,CAAC,MACY,CACX,EAAO,EACT,CAGF,EAAG,CAACL,CAAG,CAAC,EAEDE,GAAM,MAAQF,EAAME,EAAK,MAAQJ,CAC1C,CAEA,SAAgBe,EAAc,CAAE,YAAW,QAAO,SAAQ,OAAM,GAAGC,GAA6B,CAE9F,IAAMC,EAAQhB,GAAA,EADCX,EAAAA,QAAAA,KAAcC,EAAAA,eAAe2B,EAAOC,CAAI,EAAG,CAACD,EAAOC,CAAI,CAClC,CAAC,EAI/BC,EAAc,CAAE,MAAO,GAAGC,EAAO,GAAI,EAC3C,MACE,iBAAA,EAAAvB,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,iBAAiB,UAAWN,EAAAA,GAAG,0BAA2B8B,CAAS,EAAG,GAAIN,EACtF,SAAAE,EAAM,KAAK,EAAM,IAAU,CAC1B,GAAIJ,EAAK,OAAS,OAChB,MACE,iBAAA,EAAAhB,EAAA,IAAA,CAAC,OAAD,CAAkB,UAAU,2CACzB,SAAAgB,EAAK,IACF,EAFKD,CAEL,EAGV,GAAIC,EAAK,OAAS,QAChB,MACE,iBAAA,EAAAhB,EAAA,IAAA,CAAC,OAAD,CAAkB,UAAU,gDACzB,SAAAgB,EAAK,IACF,EAFKD,CAEL,EAGV,GAAM,CAAE,SAAUC,EAClB,MACE,iBAAA,EAAAhB,EAAA,KAAA,CAAC,OAAD,CAAkB,UAAU,aAA5B,SAAA,CACGyB,EAAM,SAAW,IAAA,GAId,KAHF,iBAAA,EAAAzB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,gBAAgByB,EAAM,SAAW,QAAU,iBAAmB,oBAC5E,SAAAA,EAAM,SAAW,QAAU,KAAO,EAC/B,CAAA,EAER,iBAAA,EAAAzB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,sCAAsC,MAAOsB,EAC1D,SAAAG,EAAM,IACH,CAAA,EACN,iBAAA,EAAAzB,EAAA,IAAA,CAACL,EAAAA,WAAD,CACE,MAAOwB,EAAM,IAAIJ,CAAK,EACtB,KAAMU,EAAM,QACZ,UAAW,2CAA2CA,EAAM,SAAW,QAAU,eAAiB,kBACnG,CAAA,CACG,CAdK,EAAAV,CAcL,CAEV,CAAC,CACE,CAAA,CAET"}

package/dist/src/components/Input.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`min-w-0 text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red`,{variants:{variant:{default:`rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-green/60`,bare:`border-0 bg-transparent`},size:{xs:`min-h-6 px-1.5 py-0.5 text-sm`,sm:`min-h-7 px-2 py-1 text-sm`,md:`min-h-8 px-2.5 py-1.5 text-base`,lg:`min-h-9 px-3 py-1.5 text-base`}},compoundVariants:[{variant:`bare`,class:`min-h-0 p-0`}],defaultVariants:{variant:`default`,size:`md`}});function r({className:r,type:i,variant:a,size:o,...s}){return/* @__PURE__ */ (0,t.jsx)(`input`,{type:i??`text`,"data-slot":`input`,spellCheck:!1,className:e.cn(n({variant:a,size:o}),r),...s})}exports.Input=r,exports.fieldVariants=n;
2	+ //# sourceMappingURL=Input.cjs.map

package/dist/src/components/Input.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Input.cjs","names":["cva","cn","require_cn","react_jsx_runtime","fieldVariants","Input","props","type","className"],"sources":["../../../src/components/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * The shape both fields wear, so a single-line and a multi-line field in the\n * same form agree on their well, their type ramp, and their invalid state.\n * Textarea builds on it rather than restating it.\n */\nexport const fieldVariants = cva(\n 'min-w-0 text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red',\n {\n variants: {\n variant: {\n default: 'rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-green/60',\n /** No well: a composer or a palette search that draws its own surface. */\n bare: 'border-0 bg-transparent',\n },\n /** The same rungs Button names, so a field and the button beside it line up. */\n size: {\n xs: 'min-h-6 px-1.5 py-0.5 text-sm',\n sm: 'min-h-7 px-2 py-1 text-sm',\n md: 'min-h-8 px-2.5 py-1.5 text-base',\n lg: 'min-h-9 px-3 py-1.5 text-base',\n },\n },\n compoundVariants: [\n // A bare field sits inside a surface that already has its own padding,\n // so it keeps the size's type ramp and gives up the size's box.\n { variant: 'bare', class: 'min-h-0 p-0' },\n ],\n defaultVariants: { variant: 'default', size: 'md' },\n },\n);\n\nexport type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;\nexport type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\n\nexport interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}\n\n/** The one text field: deep well, quiet border, accent border on focus, red edge when invalid. */\nexport function Input({ className, type, variant, size, ...props }: InputProps) {\n return (\n <input\n type={type ?? 'text'}\n data-slot=\"input\"\n spellCheck={false}\n className={cn(fieldVariants({ variant, size }), className)}\n {...props}\n />\n );\n}\n"],"mappings":"oEAUA,MAAaI,GAAA,oCAAgBJ,CAAAA,CAAAA,IAAAA,CAC3B,iJACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,8FAET,KAAM,yBACR,EAEA,KAAM,CACJ,GAAI,gCACJ,GAAI,4BACJ,GAAI,kCACJ,GAAI,+BACN,CACF,EACA,iBAAkB,CAGhB,CAAE,QAAS,OAAQ,MAAO,aAAc,CAC1C,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,IAAK,CACpD,CACF,EAQA,SAAgBK,EAAM,CAAE,YAAW,OAAM,UAAS,OAAM,GAAGC,GAAqB,CAC9E,MACE,iBAAA,EAAAH,EAAA,IAAA,CAAC,QAAD,CACE,KAAMI,GAAQ,OACd,YAAU,QACV,WAAY,GACZ,UAAWN,EAAAA,GAAGG,EAAc,CAAE,UAAS,MAAK,CAAC,EAAGI,CAAS,EACzD,GAAIF,CACL,CAAA,CAEL"}

package/dist/src/components/Kbd.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return/* @__PURE__ */ (0,t.jsx)(`kbd`,{"data-slot":`kbd`,className:e.cn(`inline-flex items-center rounded bg-doom-deep px-1.5 py-0.5 font-mono text-xs font-medium text-doom-dim`,n),...r})}exports.Kbd=n;
2	+ //# sourceMappingURL=Kbd.cjs.map

package/dist/src/components/Kbd.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Kbd.cjs","names":["cn","require_cn","react_jsx_runtime","Kbd","props","className"],"sources":["../../../src/components/Kbd.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** A key or key path, drawn as the leader hints draw them. */\nexport function Kbd({ className, ...props }: ComponentProps<'kbd'>) {\n return (\n <kbd\n data-slot=\"kbd\"\n className={cn(\n 'inline-flex items-center rounded bg-doom-deep px-1.5 py-0.5 font-mono text-xs font-medium text-doom-dim',\n className,\n )}\n {...props}\n />\n );\n}\n"],"mappings":"oEAKA,SAAgBG,EAAI,CAAE,YAAW,GAAGC,GAAgC,CAClE,MACE,iBAAA,EAAAF,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,MACV,UAAWF,EAAAA,GACT,0GACAK,CACF,EACA,GAAID,CACL,CAAA,CAEL"}

package/dist/src/components/Label.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.Label.Root,{"data-slot":`label`,className:e.cn(`flex items-center gap-1.5 text-base font-medium text-doom-text select-none has-[+:disabled]:opacity-50`,r),...i})}exports.Label=r;
2	+ //# sourceMappingURL=Label.cjs.map

package/dist/src/components/Label.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Label.cjs","names":["LabelPrimitive","cn","require_cn","radix_ui","react_jsx_runtime","Label","props","className"],"sources":["../../../src/components/Label.tsx"],"sourcesContent":["import { Label as LabelPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** A field's name: clicking it focuses the control, which a bare span never does. */\nexport function Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>) {\n return (\n <LabelPrimitive.Root\n data-slot=\"label\"\n className={cn(\n 'flex items-center gap-1.5 text-base font-medium text-doom-text select-none has-[+:disabled]:opacity-50',\n className,\n )}\n {...props}\n />\n );\n}\n"],"mappings":"0FAMA,SAAgBK,EAAM,CAAE,YAAW,GAAGC,GAAqD,CACzF,MACE,iBAAA,EAAAF,EAAA,IAAA,CAACJ,EAAAA,MAAe,KAAhB,CACE,YAAU,QACV,UAAWC,EAAAA,GACT,yGACAM,CACF,EACA,GAAID,CACL,CAAA,CAEL"}

package/dist/src/components/Markdown.cjs ADDED Viewed

@@ -0,0 +1,3 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("./CodeBlock.cjs");let n=require("react/jsx-runtime"),r=require("react"),i=require("react-markdown");i=e.__toESM(i,1);let a=require("remark-gfm");a=e.__toESM(a,1);const o=[a.default],s=`rounded bg-doom-deep px-1 py-px font-mono text-doom-green`,c=(0,r.createContext)(void 0),l=(0,r.createContext)(void 0);function u({src:e,alt:t}){let i=(0,r.useContext)(l),a;if(typeof e==`string`&&e!==``&&!/^(?:[a-z][a-z\d+.-]*:|\/\/|#|\?)/i.test(e))try{a=decodeURIComponent(e.split(/[?#]/,1)[0])}catch{a=``}let[o,s]=(0,r.useState)();(0,r.useEffect)(()=>{if(i===void 0||a===void 0)return;let e=!0,t;return Promise.resolve().then(()=>{if(e&&s(void 0),a===``)throw Error(`Invalid image path.`);return i(a)}).then(n=>{if(!e){n.dispose();return}t=n,s({path:a,loader:i,url:n.url})}).catch(()=>{e&&s({path:a,loader:i,failed:!0})}),()=>{e=!1,t?.dispose()}},[a,i]);let c=o?.path===a&&o?.loader===i?o:void 0;return i!==void 0&&a!==void 0&&(c?.url===void 0||c.failed)?/* @__PURE__ */ (0,n.jsxs)(`span`,{role:c?.failed?`alert`:`status`,title:a,children:[t||a||`Image`,` (`,c?.failed?`unavailable`:`loading...`,`)`]}):/* @__PURE__ */ (0,n.jsx)(`img`,{src:i!==void 0&&a!==void 0?c?.url:e,alt:t??``,onError:i!==void 0&&a!==void 0?()=>s({path:a,loader:i,failed:!0}):void 0,className:`max-h-[480px] max-w-full rounded border border-doom-border`})}function d({className:e,children:t,...i}){let a=(0,r.useContext)(c),o=typeof t==`string`&&!t.includes(`
+`)?t:void 0,l=o===void 0||e!==void 0?void 0:a?.(o);return l!==void 0&&o!==void 0?/* @__PURE__ */ (0,n.jsx)(`button`,{type:`button`,"data-testid":`markdown-file-link`,title:`open ${o}`,onClick:l,className:`${s} cursor-pointer underline decoration-doom-green/40 underline-offset-2 hover:text-doom-hi hover:decoration-doom-hi`,children:o}):/* @__PURE__ */ (0,n.jsx)(`code`,{...i,className:`${e??``} ${s} [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-doom-hi`,children:t})}function f({href:e,children:t}){let i=(0,r.useContext)(c),a=e;try{a=e===void 0?void 0:decodeURIComponent(e)}catch{a=void 0}let o=a!==void 0&&a!==``&&!/^(?:[a-z][a-z\d+.-]*:|\/\/|#|\?)/i.test(a)?i?.(a,!0):void 0;return o===void 0?/* @__PURE__ */ (0,n.jsx)(`a`,{href:e,target:`_blank`,rel:`noreferrer`,className:`text-doom-blue underline decoration-doom-blue/50`,children:t}):/* @__PURE__ */ (0,n.jsx)(`button`,{type:`button`,"data-testid":`markdown-file-link`,title:`open ${a}`,onClick:o,className:`text-doom-blue underline decoration-doom-blue/50`,children:t})}function p(e){return typeof e==`string`?e:Array.isArray(e)?e.map(e=>p(e)).join(``):``}function m({children:e}){let i=(0,r.isValidElement)(e)?e:void 0;return i===void 0?/* @__PURE__ */ (0,n.jsx)(`pre`,{className:`overflow-x-auto rounded border border-doom-border bg-doom-deep p-2.5 text-sm leading-relaxed`,children:e}):/* @__PURE__ */ (0,n.jsx)(t.CodeBlock,{text:p(i.props.children).replace(/\n$/,``),className:i.props.className})}const h={p:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`p`,{className:`whitespace-pre-wrap break-words`,children:e}),strong:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`strong`,{className:`font-semibold text-doom-hi`,children:e}),em:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`em`,{className:`italic`,children:e}),del:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`del`,{className:`text-doom-dim line-through`,children:e}),a:f,code:d,pre:m,ul:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`ul`,{className:`list-disc pl-5`,children:e}),ol:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`ol`,{className:`list-decimal pl-5`,children:e}),li:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`li`,{className:`whitespace-pre-wrap break-words`,children:e}),h1:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`h1`,{className:`mt-2 text-2xl font-semibold text-doom-hi first:mt-0`,children:e}),h2:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`h2`,{className:`mt-2 text-xl font-semibold text-doom-hi first:mt-0`,children:e}),h3:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`h3`,{className:`mt-1 text-lg font-semibold text-doom-hi first:mt-0`,children:e}),h4:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`h4`,{className:`font-semibold text-doom-hi`,children:e}),h5:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`h5`,{className:`font-semibold text-doom-text`,children:e}),h6:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`h6`,{className:`font-semibold text-doom-dim`,children:e}),blockquote:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`blockquote`,{className:`border-l-2 border-doom-border pl-3 text-doom-dim`,children:e}),hr:()=>/* @__PURE__ */ (0,n.jsx)(`hr`,{className:`border-doom-border-soft`}),table:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`div`,{className:`overflow-x-auto`,children:/* @__PURE__ */ (0,n.jsx)(`table`,{className:`border-collapse`,children:e})}),th:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`th`,{className:`border border-doom-border bg-doom-deep px-2 py-1 text-left font-semibold text-doom-hi`,children:e}),td:({children:e})=>/* @__PURE__ */ (0,n.jsx)(`td`,{className:`border border-doom-border px-2 py-1 align-top`,children:e}),img:u};function g({text:e,onFileLink:t,loadImage:r}){return/* @__PURE__ */ (0,n.jsx)(c.Provider,{value:t,children:/* @__PURE__ */ (0,n.jsx)(l.Provider,{value:r,children:/* @__PURE__ */ (0,n.jsx)(`div`,{className:`flex min-w-0 flex-col gap-2`,children:/* @__PURE__ */ (0,n.jsx)(i.default,{remarkPlugins:o,components:h,children:e})})})})}exports.Markdown=g;
+//# sourceMappingURL=Markdown.cjs.map

package/dist/src/components/Markdown.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Markdown.cjs","names":["remarkGfm","createContext","useContext","useState","isValidElement","CodeBlock","ReactMarkdown","require_runtime","require_CodeBlock","react_jsx_runtime","react","react_markdown","remark_gfm","REMARK_PLUGINS","CODE_CLASS","FileLinkContext","ImageContext","Image","loader","path","src","loaded","setLoaded","active","asset","result","current","alt","Code","rest","onFileLink","label","children","open","className","Link","href","textOf","child","Pre","code","COMPONENTS","Markdown","loadImage","text"],"sources":["../../../src/components/Markdown.tsx"],"sourcesContent":["import {\n createContext,\n type ComponentProps,\n isValidElement,\n type ReactNode,\n useContext,\n useEffect,\n useState,\n} from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport { CodeBlock } from './CodeBlock';\n\nconst REMARK_PLUGINS = [remarkGfm];\n\n// No size: inline code follows the prose it sits in, 15px in the conversation\n// and 13px in a compact transcript, so a path never reads smaller than its sentence.\nconst CODE_CLASS = 'rounded bg-doom-deep px-1 py-px font-mono text-doom-green';\n\n/**\n * What a piece of inline code opens, when the host knows.\n *\n * Returning undefined leaves the span as plain code, which is the answer for\n * everything a message quotes that is not a file: a class name, a flag, a\n * command. The caller decides what counts, because only it knows which files\n * the session has.\n */\nexport type FileLinkHandler = (text: string, explicit?: boolean) => (() => void) | undefined;\n\n/**\n * Passed by context rather than as a component prop so the component map stays\n * a module constant. Rebuilding that map per render gives react-markdown new\n * component identities, which remounts the whole rendered tree on every frame\n * of a streaming reply.\n */\nconst FileLinkContext = createContext<FileLinkHandler | undefined>(undefined);\n\ntype ImageLoader = (path: string) => Promise<{ url: string; dispose(): void }>;\nconst ImageContext = createContext<ImageLoader | undefined>(undefined);\n\nfunction Image({ src, alt }: ComponentProps<'img'>) {\n const loader = useContext(ImageContext);\n let path: string | undefined;\n if (typeof src === 'string' && src !== '' && !/^(?:[a-z][a-z\\d+.-]*:|\\/\\/|#|\\?)/i.test(src)) {\n try {\n path = decodeURIComponent(src.split(/[?#]/, 1)[0]!);\n } catch {\n // An invalid encoded filename is shown as unavailable, never fetched.\n path = '';\n }\n }\n const [loaded, setLoaded] = useState<{ path: string; loader: ImageLoader; url?: string; failed?: boolean }>();\n useEffect(() => {\n if (loader === undefined || path === undefined) return;\n let active = true;\n let asset: Awaited<ReturnType<ImageLoader>> | undefined;\n void Promise.resolve()\n .then(() => {\n if (active) setLoaded(undefined);\n if (path === '') throw new Error('Invalid image path.');\n return loader(path);\n })\n .then((result) => {\n if (!active) {\n result.dispose();\n return;\n }\n asset = result;\n setLoaded({ path, loader, url: result.url });\n })\n .catch(() => {\n if (active) setLoaded({ path, loader, failed: true });\n });\n return () => {\n active = false;\n asset?.dispose();\n };\n }, [path, loader]);\n const current = loaded?.path === path && loaded?.loader === loader ? loaded : undefined;\n if (loader !== undefined && path !== undefined && (current?.url === undefined || current.failed))\n return (\n <span role={current?.failed ? 'alert' : 'status'} title={path}>\n {alt || path || 'Image'} ({current?.failed ? 'unavailable' : 'loading...'})\n </span>\n );\n return (\n <img\n src={loader !== undefined && path !== undefined ? current?.url : src}\n alt={alt ?? ''}\n onError={loader !== undefined && path !== undefined ? () => setLoaded({ path, loader, failed: true }) : undefined}\n className=\"max-h-[480px] max-w-full rounded border border-doom-border\"\n />\n );\n}\n\nfunction Code({ className, children, ...rest }: ComponentProps<'code'>) {\n const onFileLink = useContext(FileLinkContext);\n // Only a single-line span with no language class is a candidate: a fenced\n // block is content, not a reference, and its own renderer owns it.\n const label = typeof children === 'string' && !children.includes('\\n') ? children : undefined;\n const open = label === undefined || className !== undefined ? undefined : onFileLink?.(label);\n if (open !== undefined && label !== undefined) {\n return (\n <button\n type=\"button\"\n data-testid=\"markdown-file-link\"\n title={`open ${label}`}\n onClick={open}\n className={`${CODE_CLASS} cursor-pointer underline decoration-doom-green/40 underline-offset-2 hover:text-doom-hi hover:decoration-doom-hi`}\n >\n {label}\n </button>\n );\n }\n return (\n <code\n {...rest}\n className={`${className ?? ''} ${CODE_CLASS} [pre_&]:bg-transparent [pre_&]:p-0 [pre_&]:text-doom-hi`}\n >\n {children}\n </code>\n );\n}\n\nfunction Link({ href, children }: ComponentProps<'a'>) {\n const onFileLink = useContext(FileLinkContext);\n let path = href;\n try {\n path = href === undefined ? undefined : decodeURIComponent(href);\n } catch {\n path = undefined;\n }\n const isFile = path !== undefined && path !== '' && !/^(?:[a-z][a-z\\d+.-]*:|\\/\\/|#|\\?)/i.test(path);\n const open = isFile ? onFileLink?.(path!, true) : undefined;\n if (open !== undefined)\n return (\n <button\n type=\"button\"\n data-testid=\"markdown-file-link\"\n title={`open ${path}`}\n onClick={open}\n className=\"text-doom-blue underline decoration-doom-blue/50\"\n >\n {children}\n </button>\n );\n return (\n <a href={href} target=\"_blank\" rel=\"noreferrer\" className=\"text-doom-blue underline decoration-doom-blue/50\">\n {children}\n </a>\n );\n}\n\n/** The text inside a fence, which react-markdown hands over as nested strings. */\nfunction textOf(children: ReactNode): string {\n if (typeof children === 'string') return children;\n if (Array.isArray(children)) return children.map((child) => textOf(child as ReactNode)).join('');\n return '';\n}\n\n/**\n * A fenced block, read off the <code> child that carries its language.\n *\n * The block is handed to `CodeBlock` whole rather than rendered as a styled\n * <pre> around inline code, because a fence is content with its own\n * presentation: it is coloured, it can be copied, and a mermaid fence is a\n * picture. A <pre> that came from raw HTML has no such child and keeps the\n * plain box.\n */\nfunction Pre({ children }: ComponentProps<'pre'>) {\n const code = isValidElement<{ className?: string; children?: ReactNode }>(children) ? children : undefined;\n if (code === undefined)\n return (\n <pre className=\"overflow-x-auto rounded border border-doom-border bg-doom-deep p-2.5 text-sm leading-relaxed\">\n {children}\n </pre>\n );\n // Markdown ends every fence with a newline the author did not type.\n return <CodeBlock text={textOf(code.props.children).replace(/\\n$/, '')} className={code.props.className} />;\n}\nconst COMPONENTS: Components = {\n p: ({ children }) => <p className=\"whitespace-pre-wrap break-words\">{children}</p>,\n strong: ({ children }) => <strong className=\"font-semibold text-doom-hi\">{children}</strong>,\n em: ({ children }) => <em className=\"italic\">{children}</em>,\n del: ({ children }) => <del className=\"text-doom-dim line-through\">{children}</del>,\n a: Link,\n code: Code,\n pre: Pre,\n ul: ({ children }) => <ul className=\"list-disc pl-5\">{children}</ul>,\n ol: ({ children }) => <ol className=\"list-decimal pl-5\">{children}</ol>,\n li: ({ children }) => <li className=\"whitespace-pre-wrap break-words\">{children}</li>,\n // Headings step up from the prose they sit in and never shrink below it, so a\n // reply's `##` reads as a heading in both the 15px conversation and a 13px\n // compact transcript. h4 to h6 keep the prose size and lean on weight alone.\n h1: ({ children }) => <h1 className=\"mt-2 text-2xl font-semibold text-doom-hi first:mt-0\">{children}</h1>,\n h2: ({ children }) => <h2 className=\"mt-2 text-xl font-semibold text-doom-hi first:mt-0\">{children}</h2>,\n h3: ({ children }) => <h3 className=\"mt-1 text-lg font-semibold text-doom-hi first:mt-0\">{children}</h3>,\n h4: ({ children }) => <h4 className=\"font-semibold text-doom-hi\">{children}</h4>,\n h5: ({ children }) => <h5 className=\"font-semibold text-doom-text\">{children}</h5>,\n h6: ({ children }) => <h6 className=\"font-semibold text-doom-dim\">{children}</h6>,\n blockquote: ({ children }) => (\n <blockquote className=\"border-l-2 border-doom-border pl-3 text-doom-dim\">{children}</blockquote>\n ),\n hr: () => <hr className=\"border-doom-border-soft\" />,\n table: ({ children }) => (\n <div className=\"overflow-x-auto\">\n <table className=\"border-collapse\">{children}</table>\n </div>\n ),\n th: ({ children }) => (\n <th className=\"border border-doom-border bg-doom-deep px-2 py-1 text-left font-semibold text-doom-hi\">\n {children}\n </th>\n ),\n td: ({ children }) => <td className=\"border border-doom-border px-2 py-1 align-top\">{children}</td>,\n img: Image,\n};\n\n/** GitHub-flavored Markdown using the cockpit's safe, shared presentation. */\nexport function Markdown({\n text,\n onFileLink,\n loadImage,\n}: {\n text: string;\n onFileLink?: FileLinkHandler;\n loadImage?: ImageLoader;\n}) {\n return (\n <FileLinkContext.Provider value={onFileLink}>\n <ImageContext.Provider value={loadImage}>\n <div className=\"flex min-w-0 flex-col gap-2\">\n <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={COMPONENTS}>\n {text}\n </ReactMarkdown>\n </div>\n </ImageContext.Provider>\n </FileLinkContext.Provider>\n );\n}\n"],"mappings":"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"}

package/dist/src/components/McpApp.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ let e=require("react/jsx-runtime"),t=require("react"),n=require("@modelcontextprotocol/ext-apps"),r=require("react-dom/client");var i=class extends t.Component{state={failed:!1};static getDerivedStateFromError(){return{failed:!0}}render(){return this.state.failed?/* @__PURE__ / (0,e.jsx)(`p`,{role:`status`,children:`The tool widget could not be rendered.`}):this.props.children}};function a({widgets:t,view:n}){let r=n.widget!==void 0&&Object.hasOwn(t,n.widget)?t[n.widget]:void 0;return n.failure?/ @__PURE__ / (0,e.jsx)(`p`,{role:`status`,children:n.failure}):r===void 0?/ @__PURE__ / (0,e.jsx)(`p`,{role:`status`,children:n.widget===void 0?`Waiting for tool information...`:`No widget is available for this tool.`}):/ @__PURE__ / (0,e.jsx)(i,{children:/ @__PURE__ / (0,e.jsx)(r,{...n.props})},n.widget)}async function o(t){let i=document.getElementById(`root`);if(i===null)throw Error(`Missing MCP app root`);let o=(0,r.createRoot)(i),s=new n.App({name:`po-tools`,version:`1.0.0`},{},{autoResize:!0}),c=!1,l=!1,u=!1,d=!1,f={props:{toolName:``,args:{},result:null,phase:`connecting`}},p=()=>{c\|\|o.render(/ @__PURE__ */ (0,e.jsx)(a,{widgets:t,view:f}))},m=e=>{l=!0,f={...f,failure:e},p()},h=(e,t)=>{if(typeof e==`string`&&e.length>0){if(f.props.toolName&&f.props.toolName!==e)return m(`The tool changed. Reopen this widget from the conversation.`),!1;f={...f,props:{...f.props,toolName:e}}}if(typeof t==`string`){if(f.widget!==void 0&&f.widget!==t)return m(`The widget changed. Refresh the MCP connection.`),!1;f={...f,widget:t}}return!0},g=()=>{let e=f.props.toolName,t=u&&d&&!!s.getHostCapabilities()?.serverTools&&e.length>0;f={...f,props:{...f.props,refresh:t?async()=>{if(c\|\|e!==f.props.toolName\|\|!d)throw Error(`This widget is no longer active.`);return s.callServerTool({name:e,arguments:{...f.props.args}})}:void 0}}},_=e=>{if(c\|\|e===void 0)return;e.theme&&((0,n.applyDocumentTheme)(e.theme),document.documentElement.classList.toggle(`dark`,e.theme===`dark`),document.documentElement.dataset.theme=e.theme),e.styles?.variables&&(0,n.applyHostStyleVariables)(e.styles.variables);let t=e.toolInfo?.tool;if(t){if(!h(t.name,t._meta?.[`po/widget`]))return;let e=t._meta?.ui;d=Array.isArray(e?.visibility)&&e.visibility.includes(`app`)}g(),p()};s.ontoolinputpartial=({arguments:e})=>{c\|\|l\|\|(f={...f,props:{...f.props,args:e??{},phase:`preparing`}},p())},s.ontoolinput=({arguments:e})=>{c\|\|l\|\|(f={...f,props:{...f.props,args:e??{},phase:`running`}},p())},s.ontoolresult=e=>{c\|\|l\|\|h(e._meta?.[`po/toolName`],e._meta?.[`po/widget`])&&(l=!0,f={...f,props:{...f.props,result:e,phase:`result`}},g(),p())},s.ontoolcancelled=()=>{c\|\|l\|\|(l=!0,f={...f,props:{...f.props,phase:`cancelled`,result:null}},p())},s.onhostcontextchanged=_;let v=()=>{c\|\|(f={...f,failure:`Tool view closed.`},p(),c=!0,window.removeEventListener(`pagehide`,v),setTimeout(()=>{s.close().catch(()=>{})},0))};s.onteardown=()=>(v(),{}),window.addEventListener(`pagehide`,v,{once:!0}),p();try{if(await s.connect(),c)return;u=!0,_(s.getHostContext())}catch{c\|\|m(`Could not connect to the app host. Reopen this widget in an MCP Apps-compatible client.`)}}exports.McpApp=a,exports.mountMcpApp=o;
2	+ //# sourceMappingURL=McpApp.cjs.map

package/dist/src/components/McpApp.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"McpApp.cjs","names":["Component","createRoot","App","react_jsx_runtime","react","_modelcontextprotocol_ext_apps","react_dom_client","WidgetBoundary","McpApp","Widget","view","widgets","mountMcpApp","element","root","app","disposed","terminal","connected","appVisible","render","fail","message","identify","name","widget","updateRefresh","enabled","applyContext","context","tool","ui","args","result","dispose"],"sources":["../../../src/components/McpApp.tsx"],"sourcesContent":["import type { DoomMcpWidgetProps } from '@agimon-ai/po-core/web';\nimport {\n App,\n applyDocumentTheme,\n applyHostStyleVariables,\n type McpUiHostContext,\n} from '@modelcontextprotocol/ext-apps';\nimport { Component, type ComponentType, type ReactNode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\ninterface View {\n readonly widget?: string;\n readonly props: DoomMcpWidgetProps;\n readonly failure?: string;\n}\n\nclass WidgetBoundary extends Component<{ children: ReactNode }, { failed: boolean }> {\n state = { failed: false };\n\n static getDerivedStateFromError() {\n return { failed: true };\n }\n\n render() {\n return this.state.failed ? <p role=\"status\">The tool widget could not be rendered.</p> : this.props.children;\n }\n}\n\n/** The root only dispatches. Tool-specific presentation belongs to the contributing package. */\nexport function McpApp({\n widgets,\n view,\n}: {\n widgets: Readonly<Record<string, ComponentType<DoomMcpWidgetProps>>>;\n view: View;\n}) {\n const Widget = view.widget !== undefined && Object.hasOwn(widgets, view.widget) ? widgets[view.widget] : undefined;\n if (view.failure) return <p role=\"status\">{view.failure}</p>;\n if (Widget === undefined)\n return (\n <p role=\"status\">\n {view.widget === undefined ? 'Waiting for tool information...' : 'No widget is available for this tool.'}\n </p>\n );\n return (\n <WidgetBoundary key={view.widget}>\n <Widget {...view.props} />\n </WidgetBoundary>\n );\n}\n\n/** Mounts one independently sandboxed invocation of the sync-generated widget registry. */\nexport async function mountMcpApp(widgets: Readonly<Record<string, ComponentType<DoomMcpWidgetProps>>>): Promise<void> {\n const element = document.getElementById('root');\n if (element === null) throw new Error('Missing MCP app root');\n const root = createRoot(element);\n const app = new App({ name: 'po-tools', version: '1.0.0' }, {}, { autoResize: true });\n let disposed = false;\n let terminal = false;\n let connected = false;\n let appVisible = false;\n let view: View = { props: { toolName: '', args: {}, result: null, phase: 'connecting' } };\n\n const render = (): void => {\n if (!disposed) root.render(<McpApp widgets={widgets} view={view} />);\n };\n const fail = (message: string): void => {\n terminal = true;\n view = { ...view, failure: message };\n render();\n };\n const identify = (name: unknown, widget: unknown): boolean => {\n if (typeof name === 'string' && name.length > 0) {\n if (view.props.toolName && view.props.toolName !== name) {\n fail('The tool changed. Reopen this widget from the conversation.');\n return false;\n }\n view = { ...view, props: { ...view.props, toolName: name } };\n }\n if (typeof widget === 'string') {\n if (view.widget !== undefined && view.widget !== widget) {\n fail('The widget changed. Refresh the MCP connection.');\n return false;\n }\n view = { ...view, widget };\n }\n return true;\n };\n const updateRefresh = (): void => {\n const name = view.props.toolName;\n const enabled = connected && appVisible && !!app.getHostCapabilities()?.serverTools && name.length > 0;\n view = {\n ...view,\n props: {\n ...view.props,\n refresh: enabled\n ? async () => {\n if (disposed || name !== view.props.toolName || !appVisible)\n throw new Error('This widget is no longer active.');\n return app.callServerTool({ name, arguments: { ...view.props.args } });\n }\n : undefined,\n },\n };\n };\n const applyContext = (context: McpUiHostContext | undefined): void => {\n if (disposed || context === undefined) return;\n if (context.theme) {\n applyDocumentTheme(context.theme);\n document.documentElement.classList.toggle('dark', context.theme === 'dark');\n document.documentElement.dataset.theme = context.theme;\n }\n if (context.styles?.variables) applyHostStyleVariables(context.styles.variables);\n const tool = context.toolInfo?.tool;\n if (tool) {\n if (!identify(tool.name, tool._meta?.['po/widget'])) return;\n const ui = tool._meta?.ui as { visibility?: unknown } | undefined;\n appVisible = Array.isArray(ui?.visibility) && ui.visibility.includes('app');\n }\n updateRefresh();\n render();\n };\n\n app.ontoolinputpartial = ({ arguments: args }) => {\n if (disposed || terminal) return;\n view = { ...view, props: { ...view.props, args: args ?? {}, phase: 'preparing' } };\n render();\n };\n app.ontoolinput = ({ arguments: args }) => {\n if (disposed || terminal) return;\n view = { ...view, props: { ...view.props, args: args ?? {}, phase: 'running' } };\n render();\n };\n app.ontoolresult = (result) => {\n if (disposed || terminal) return;\n if (!identify(result._meta?.['po/toolName'], result._meta?.['po/widget'])) return;\n terminal = true;\n view = { ...view, props: { ...view.props, result, phase: 'result' } };\n updateRefresh();\n render();\n };\n app.ontoolcancelled = () => {\n if (disposed || terminal) return;\n terminal = true;\n view = { ...view, props: { ...view.props, phase: 'cancelled', result: null } };\n render();\n };\n app.onhostcontextchanged = applyContext;\n\n const dispose = (): void => {\n if (disposed) return;\n view = { ...view, failure: 'Tool view closed.' };\n render();\n disposed = true;\n window.removeEventListener('pagehide', dispose);\n setTimeout(() => {\n void app.close().catch(() => {});\n }, 0);\n };\n\n app.onteardown = () => {\n dispose();\n return {};\n };\n window.addEventListener('pagehide', dispose, { once: true });\n render();\n\n try {\n await app.connect();\n if (disposed) return;\n connected = true;\n applyContext(app.getHostContext());\n } catch {\n if (!disposed) fail('Could not connect to the app host. Reopen this widget in an MCP Apps-compatible client.');\n }\n}\n"],"mappings":"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"}

package/dist/src/components/McpToolWidget.cjs ADDED Viewed

@@ -0,0 +1,3 @@
+let e=require("react/jsx-runtime");function t({title:t,phase:n,result:r,error:i,children:a}){let o=n===`error`||r?.isError===!0;return/* @__PURE__ */ (0,e.jsxs)(`section`,{className:`min-w-0 rounded-md border border-doom-border bg-doom-bg p-4 text-base text-doom-text`,children:[/* @__PURE__ */ (0,e.jsx)(`h1`,{className:`m-0 break-words text-lg font-semibold`,children:t}),/* @__PURE__ */ (0,e.jsx)(`p`,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,className:o?`my-2 text-doom-red`:`my-2 text-doom-dim`,children:i??(o?`Tool failed`:n===`result`?`Result received`:n===`cancelled`?`Tool cancelled`:n===`running`?`Running tool...`:n===`preparing`?`Preparing tool...`:`Connecting to host...`)}),a]})}function n(e){if(typeof e==`string`)return e.length>500?`${e.slice(0,500)}...`:e;if(typeof e==`number`&&Number.isFinite(e)||typeof e==`boolean`)return String(e);if(Array.isArray(e)&&e.every(e=>typeof e==`string`))return n(e.join(`, `))}function r({fields:t}){let r=t.flatMap(([e,t])=>{let r=n(t);return r===void 0||r===``?[]:[{label:e,text:r}]});return r.length===0?null:/* @__PURE__ */ (0,e.jsx)(`dl`,{"aria-label":`Tool details`,className:`my-3 flex min-w-0 flex-col gap-2`,children:r.map(({label:t,text:n})=>/* @__PURE__ */ (0,e.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-x-3 gap-y-1`,children:[/* @__PURE__ */ (0,e.jsx)(`dt`,{className:`text-sm text-doom-dim`,children:t}),/* @__PURE__ */ (0,e.jsx)(`dd`,{className:`m-0 min-w-0 whitespace-pre-wrap break-all text-sm`,children:n})]},t))})}function i({result:t}){if(t===null)return null;let n=8e3,r=``,i=!1,a=0;for(let e of t.content??[]){if(e.type!==`text`){a+=1;continue}let t=`${r?`
+`:``}${e.text}`,o=Math.max(0,n-r.length);i||=t.length>o,r+=t.slice(0,o)}if(!r&&t.structuredContent){let e=JSON.stringify(t.structuredContent,null,2);r=e.slice(0,n),i=e.length>n}return/* @__PURE__ */ (0,e.jsxs)(`details`,{open:!0,className:`min-w-0 rounded-md border border-doom-border-soft`,children:[/* @__PURE__ */ (0,e.jsx)(`summary`,{className:`cursor-pointer bg-doom-panel p-3 text-sm focus-visible:outline`,children:`Tool output`}),/* @__PURE__ */ (0,e.jsx)(`pre`,{tabIndex:0,"aria-label":`Tool output preview`,className:`m-0 max-h-72 overflow-auto whitespace-pre-wrap break-all p-3 font-mono text-sm`,children:r||(a?`Non-text result returned to the agent.`:`No text output.`)}),i||a?/* @__PURE__ */ (0,e.jsxs)(`p`,{className:`m-0 border-t border-doom-border-soft p-3 text-sm text-doom-dim`,children:[i?`Preview truncated. Full output remains in the tool result. `:``,a?`${a} non-text content item(s) returned to the agent.`:``]}):null]})}exports.McpToolFields=r,exports.McpToolFrame=t,exports.McpToolOutput=i;
+//# sourceMappingURL=McpToolWidget.cjs.map

package/dist/src/components/McpToolWidget.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"McpToolWidget.cjs","names":["react_jsx_runtime","McpToolFrame","failed","phase","result","title","error","children","fieldText","value","item","McpToolFields","values","fields","label","text","McpToolOutput","limit","truncated","nonText","block","part","remaining"],"sources":["../../../src/components/McpToolWidget.tsx"],"sourcesContent":["import type { DoomMcpWidgetProps } from '@agimon-ai/po-core/mcpWidget';\nimport type { ReactNode } from 'react';\n\n/** Presentational primitives only. Each package chooses its own fields and result presentation. */\nexport function McpToolFrame({\n title,\n phase,\n result,\n error,\n children,\n}: Pick<DoomMcpWidgetProps, 'phase' | 'result' | 'error'> & { title: string; children?: ReactNode }) {\n const failed = phase === 'error' || result?.isError === true;\n const status = failed\n ? 'Tool failed'\n : phase === 'result'\n ? 'Result received'\n : phase === 'cancelled'\n ? 'Tool cancelled'\n : phase === 'running'\n ? 'Running tool...'\n : phase === 'preparing'\n ? 'Preparing tool...'\n : 'Connecting to host...';\n return (\n <section className=\"min-w-0 rounded-md border border-doom-border bg-doom-bg p-4 text-base text-doom-text\">\n <h1 className=\"m-0 break-words text-lg font-semibold\">{title}</h1>\n <p\n role=\"status\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className={failed ? 'my-2 text-doom-red' : 'my-2 text-doom-dim'}\n >\n {error ?? status}\n </p>\n {children}\n </section>\n );\n}\n\nfunction fieldText(value: unknown): string | undefined {\n if (typeof value === 'string') return value.length > 500 ? `${value.slice(0, 500)}...` : value;\n if (typeof value === 'number' && Number.isFinite(value)) return String(value);\n if (typeof value === 'boolean') return String(value);\n if (Array.isArray(value) && value.every((item) => typeof item === 'string')) return fieldText(value.join(', '));\n return undefined;\n}\n\nexport function McpToolFields({ fields }: { fields: readonly (readonly [string, unknown])[] }) {\n const values = fields.flatMap(([label, value]) => {\n const text = fieldText(value);\n return text === undefined || text === '' ? [] : [{ label, text }];\n });\n if (values.length === 0) return null;\n return (\n <dl aria-label=\"Tool details\" className=\"my-3 flex min-w-0 flex-col gap-2\">\n {values.map(({ label, text }) => (\n <div key={label} className=\"flex min-w-0 flex-wrap gap-x-3 gap-y-1\">\n <dt className=\"text-sm text-doom-dim\">{label}</dt>\n <dd className=\"m-0 min-w-0 whitespace-pre-wrap break-all text-sm\">{text}</dd>\n </div>\n ))}\n </dl>\n );\n}\n\nexport function McpToolOutput({ result }: Pick<DoomMcpWidgetProps, 'result'>) {\n if (result === null) return null;\n const limit = 8000;\n let text = '';\n let truncated = false;\n let nonText = 0;\n for (const block of result.content ?? []) {\n if (block.type !== 'text') {\n nonText += 1;\n continue;\n }\n const part = `${text ? '\\n' : ''}${block.text}`;\n const remaining = Math.max(0, limit - text.length);\n truncated ||= part.length > remaining;\n text += part.slice(0, remaining);\n }\n if (!text && result.structuredContent) {\n const value = JSON.stringify(result.structuredContent, null, 2);\n text = value.slice(0, limit);\n truncated = value.length > limit;\n }\n return (\n <details open className=\"min-w-0 rounded-md border border-doom-border-soft\">\n <summary className=\"cursor-pointer bg-doom-panel p-3 text-sm focus-visible:outline\">Tool output</summary>\n <pre\n tabIndex={0}\n aria-label=\"Tool output preview\"\n className=\"m-0 max-h-72 overflow-auto whitespace-pre-wrap break-all p-3 font-mono text-sm\"\n >\n {text || (nonText ? 'Non-text result returned to the agent.' : 'No text output.')}\n </pre>\n {truncated || nonText ? (\n <p className=\"m-0 border-t border-doom-border-soft p-3 text-sm text-doom-dim\">\n {truncated ? 'Preview truncated. Full output remains in the tool result. ' : ''}\n {nonText ? `${nonText} non-text content item(s) returned to the agent.` : ''}\n </p>\n ) : null}\n </details>\n );\n}\n"],"mappings":"mCAIA,SAAgBC,EAAa,CAC3B,QACA,QACA,SACA,QACA,YACmG,CACnG,IAAMC,EAASC,IAAU,SAAWC,GAAQ,UAAY,GAYxD,MACE,iBAAA,EAAAJ,EAAA,KAAA,CAAC,UAAD,CAAS,UAAU,uFAAnB,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,wCAAyC,SAAAK,CAAU,CAAA,EACjE,iBAAA,EAAAL,EAAA,IAAA,CAAC,IAAD,CACE,KAAK,SACL,YAAU,SACV,cAAY,OACZ,UAAWE,EAAS,qBAAuB,qBAE1C,SAAAI,IApBQJ,EACX,cACAC,IAAU,SACR,kBACAA,IAAU,YACR,iBACAA,IAAU,UACR,kBACAA,IAAU,YACR,oBACA,wBAWL,CAAA,EACFI,CACM,GAEb,CAEA,SAASC,EAAU,EAAoC,CACrD,GAAI,OAAOC,GAAU,SAAU,OAAOA,EAAM,OAAS,IAAM,GAAGA,EAAM,MAAM,EAAG,GAAG,EAAE,KAAOA,EAEzF,GADI,OAAOA,GAAU,UAAY,OAAO,SAASA,CAAK,GAClD,OAAOA,GAAU,UAAW,OAAO,OAAOA,CAAK,EACnD,GAAI,MAAM,QAAQA,CAAK,GAAKA,EAAM,MAAO,GAAS,OAAOC,GAAS,QAAQ,EAAG,OAAOF,EAAUC,EAAM,KAAK,IAAI,CAAC,CAEhH,CAEA,SAAgBE,EAAc,CAAE,UAA+D,CAC7F,IAAMC,EAASC,EAAO,SAAS,CAACC,EAAOL,KAAW,CAChD,IAAMM,EAAOP,EAAUC,CAAK,EAC5B,OAAOM,IAAS,IAAA,IAAaA,IAAS,GAAK,CAAC,EAAI,CAAC,CAAE,QAAO,MAAK,CAAC,CAClE,CAAC,EAED,OADIH,EAAO,SAAW,EAAU,KAE9B,iBAAA,EAAAZ,EAAA,IAAA,CAAC,KAAD,CAAI,aAAW,eAAe,UAAU,mCACrC,SAAAY,EAAO,KAAK,CAAE,QAAO,UACpB,iBAAA,EAAAZ,EAAA,KAAA,CAAC,MAAD,CAAiB,UAAU,yCAA3B,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,wBAAyB,SAAAc,CAAU,CAAA,EACjD,iBAAA,EAAAd,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,oDAAqD,SAAAe,CAAS,CAAA,CACzE,CAHK,EAAAD,CAGL,CACN,CACC,CAAA,CAER,CAEA,SAAgBE,EAAc,CAAE,UAA8C,CAC5E,GAAIZ,IAAW,KAAM,OAAO,KAC5B,IAAMa,EAAQ,IACVF,EAAO,GACPG,EAAY,GACZC,EAAU,EACd,IAAK,IAAMC,KAAShB,EAAO,SAAW,CAAC,EAAG,CACxC,GAAIgB,EAAM,OAAS,OAAQ,CACzB,GAAW,EACX,QACF,CACA,IAAMC,EAAO,GAAGN,EAAO;EAAO,KAAKK,EAAM,OACnCE,EAAY,KAAK,IAAI,EAAGL,EAAQF,EAAK,MAAM,EACjD,IAAcM,EAAK,OAASC,EAC5B,GAAQD,EAAK,MAAM,EAAGC,CAAS,CACjC,CACA,GAAI,CAACP,GAAQX,EAAO,kBAAmB,CACrC,IAAMK,EAAQ,KAAK,UAAUL,EAAO,kBAAmB,KAAM,CAAC,EAC9D,EAAOK,EAAM,MAAM,EAAGQ,CAAK,EAC3B,EAAYR,EAAM,OAASQ,CAC7B,CACA,MACE,iBAAA,EAAAjB,EAAA,KAAA,CAAC,UAAD,CAAS,KAAA,GAAK,UAAU,oDAAxB,SAAA,CACE,iBAAA,EAAAA,EAAA,IAAA,CAAC,UAAD,CAAS,UAAU,iEAAiE,SAAA,aAAoB,CAAA,EACxG,iBAAA,EAAAA,EAAA,IAAA,CAAC,MAAD,CACE,SAAU,EACV,aAAW,sBACX,UAAU,iFAET,SAAAe,IAASI,EAAU,yCAA2C,kBAC5D,CAAA,EACJD,GAAaC,EACZ,iBAAA,EAAAnB,EAAA,KAAA,CAAC,IAAD,CAAG,UAAU,iEAAb,SAAA,CACGkB,EAAY,8DAAgE,GAC5EC,EAAU,GAAGA,EAAQ,kDAAoD,EACzE,CACD,CAAA,EAAA,IACG,GAEb"}

package/dist/src/components/MediaPreview.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require("../icons/icons.cjs");const e=require("../lib/cn.cjs"),t=require("./Badge.cjs"),n=require("../lib/media.cjs"),r=require("../lib/mediaPlayback.cjs"),i=require("./PdfPreview.cjs");let a=require("react/jsx-runtime"),o=require("react"),s=require("lucide-react");const c=`max-w-full rounded border border-doom-border bg-doom-deep`;function l(e){return{playing:!e.paused&&!e.ended,currentTime:e.currentTime,duration:Number.isFinite(e.duration)?e.duration:0}}function u(e,t={current:void 0}){return{play:async()=>{let t=e.current;t!==null&&await t.play()},pause:()=>e.current?.pause(),seek:t=>{let n=e.current;n!==null&&(n.currentTime=r.boundedMediaTime(t,n.duration))},getState:()=>{let t=e.current;return t===null?{playing:!1,currentTime:0,duration:0}:l(t)},isFrameReady:()=>{let n=e.current;return n!==null&&!n.seeking&&n.readyState>=2&&(n.requestVideoFrameCallback===void 0\|\|t.current!==void 0)},getIntrinsicSize:()=>{let t=e.current;return t===null\|\|t.videoWidth<=0\|\|t.videoHeight<=0?null:{width:t.videoWidth,height:t.videoHeight}},captureFrame:async(n=`image/png`,r)=>{let i=e.current;if(i===null\|\|i.videoWidth<=0\|\|i.videoHeight<=0\|\|i.seeking)return null;let a=t.current===void 0?void 0:{...t.current},o=a?.mediaTime??i.currentTime,s=document.createElement(`canvas`);s.width=i.videoWidth,s.height=i.videoHeight;let c=s.getContext(`2d`);if(c===null)return null;c.drawImage(i,0,0,s.width,s.height);let l=await new Promise(e=>s.toBlob(e,n,r));return l===null?null:{blob:l,width:s.width,height:s.height,timeSeconds:o,...a===void 0?{}:{metadata:a}}}}}function d({src:t,className:n,testId:r,controllerRef:i,onPlaybackStateChange:s,videoControls:d=!0}){let f=(0,o.useRef)(null),p=(0,o.useRef)(void 0),m=()=>{let e=f.current;e!==null&&s?.(l(e))},h=(0,o.useRef)(m);return(0,o.useEffect)(()=>{h.current=m}),(0,o.useImperativeHandle)(i,()=>u(f,p),[]),(0,o.useEffect)(()=>{let e=f.current;if(e===null\|\|e.requestVideoFrameCallback===void 0)return;let t=0,n=(r,i)=>{p.current={mediaTime:i.mediaTime,...Number.isFinite(i.presentedFrames)?{presentedFrames:i.presentedFrames}:{}},h.current(),t=e.requestVideoFrameCallback(n)};return t=e.requestVideoFrameCallback(n),()=>e.cancelVideoFrameCallback(t)},[]),/* @__PURE__ / (0,a.jsx)(`video`,{ref:f,src:t,controls:d,playsInline:!0,preload:`metadata`,"data-testid":r,"data-kind":`video`,className:e.cn(c,`max-h-[36rem]`,n),onPlay:m,onPause:m,onTimeUpdate:m,onDurationChange:m,onEnded:m,onLoadedMetadata:m,onLoadedData:m,onSeeking:()=>{p.current=void 0,m()},onSeeked:m,children:/ @__PURE__ / (0,a.jsx)(`track`,{kind:`captions`})})}function f({src:r,path:o,kind:l,contentType:u,className:f,controllerRef:p,pdfControllerRef:m,onPlaybackStateChange:h,videoControls:g,"data-testid":_}){let v=l??n.mediaKindOf(o),y=o.split(`/`).at(-1)??o;if(v===`image`){let t=/^image\/(?:avif\|bmp\|gif\|jpeg\|png\|webp)$/i.test(u??``),n=/ @__PURE__ / (0,a.jsx)(`img`,{src:r,alt:o,className:e.cn(c,`max-h-[36rem]`,f)});return t?/ @__PURE__ / (0,a.jsx)(`a`,{href:r,target:`_blank`,rel:`noreferrer`,"data-testid":_,"data-kind":v,children:n}):/ @__PURE__ / (0,a.jsx)(`span`,{"data-testid":_,"data-kind":v,children:n})}return v===`video`?/ @__PURE__ / (0,a.jsx)(d,{src:r,className:f,controllerRef:p,onPlaybackStateChange:h,testId:_,videoControls:g}):v===`pdf`?/ @__PURE__ / (0,a.jsx)(i.PdfPreview,{src:r,path:o,controllerRef:m,"data-testid":_,className:f}):/ @__PURE__ / (0,a.jsx)(t.Badge,{asChild:!0,size:`md`,"data-testid":_,"data-kind":v,className:e.cn(`self-start bg-doom-panel text-doom-text hover:border-doom-blue/50`,f),children:/ @__PURE__ / (0,a.jsxs)(`a`,{href:r,download:y,children:[/ @__PURE__ */ (0,a.jsx)(s.FileText,{className:`h-3 w-3 shrink-0 text-doom-faint`}),`download `,y]})})}exports.MediaPreview=f,exports.mediaPlaybackState=l,exports.mediaPreviewController=u;
2	+ //# sourceMappingURL=MediaPreview.cjs.map

package/dist/src/components/MediaPreview.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MediaPreview.cjs","names":["boundedMediaTime","useRef","cn","mediaKindOf","PdfPreview","Badge","FileIcon","require_cn","require_Badge","require_media","require_mediaPlayback","require_PdfPreview","react_jsx_runtime","react","lucide_react","FRAME","mediaPlaybackState","video","mediaPreviewController","videoRef","seconds","frameMetadataRef","metadata","timeSeconds","canvas","context","blob","resolve","type","quality","VideoPreview","reportState","onPlaybackStateChange","reportStateRef","controllerRef","request","report","videoControls","testId","className","MediaPreview","resolved","kind","path","name","raster","contentType","image","src","pdfControllerRef"],"sources":["../../../src/components/MediaPreview.tsx"],"sourcesContent":["import { useEffect, useImperativeHandle, useRef } from 'react';\n\nimport { FileIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { mediaKindOf } from '../lib/media';\nimport { boundedMediaTime } from '../lib/mediaPlayback';\nimport type { MediaKind } from '../types/editor';\nimport { Badge } from './Badge';\nimport { PdfPreview, type PdfPreviewController } from './PdfPreview';\n/**\n * A file the browser can show but not edit.\n *\n * It renders bytes a server is already serving, so the caller supplies the\n * URL and this decides only which element reads it. Everything the browser\n * cannot render is a download rather than a converted approximation: a `.docx`\n * turned into HTML is a different document, and offering to edit that one\n * would be offering to overwrite the real one with it.\n */\n\nexport interface MediaPlaybackState {\n playing: boolean;\n currentTime: number;\n duration: number;\n}\n\nexport interface MediaIntrinsicSize {\n width: number;\n height: number;\n}\n\nexport interface MediaFrameMetadata {\n mediaTime: number;\n presentedFrames?: number;\n}\n\nexport interface MediaFrameCapture {\n blob: Blob;\n width: number;\n height: number;\n timeSeconds: number;\n metadata?: MediaFrameMetadata;\n}\n\nexport interface MediaPreviewController {\n play: () => Promise<void>;\n pause: () => void;\n seek: (seconds: number) => void;\n getState: () => MediaPlaybackState;\n isFrameReady: () => boolean;\n getIntrinsicSize: () => MediaIntrinsicSize | null;\n captureFrame: (type?: 'image/png' | 'image/jpeg', quality?: number) => Promise<MediaFrameCapture | null>;\n}\n\nexport interface MediaPreviewProps {\n /** Where the bytes are served from. */\n src: string;\n /** The file's path, used for the accessible name and the download name. */\n path: string;\n /** Overrides the kind inferred from the path, for a server that knows better. */\n kind?: MediaKind;\n /** The fetched MIME type, required before opening image bytes as a document. */\n contentType?: string;\n className?: string;\n videoControls?: boolean;\n 'data-testid'?: string;\n /** Video-only controller. It is assigned while the video element is mounted. */\n controllerRef?: import('react').Ref<MediaPreviewController>;\n /** PDF-only page and geometry controller. */\n pdfControllerRef?: import('react').Ref<PdfPreviewController>;\n /** Reports browser playback state changes for video previews. */\n onPlaybackStateChange?: (state: MediaPlaybackState) => void;\n}\n\nconst FRAME = 'max-w-full rounded border border-doom-border bg-doom-deep';\n\ninterface VideoPreviewProps {\n src: string;\n className?: string;\n testId?: string;\n videoControls?: boolean;\n controllerRef?: import('react').Ref<MediaPreviewController>;\n onPlaybackStateChange?: (state: MediaPlaybackState) => void;\n}\n\nexport function mediaPlaybackState(video: HTMLVideoElement): MediaPlaybackState {\n return {\n playing: !video.paused && !video.ended,\n currentTime: video.currentTime,\n duration: Number.isFinite(video.duration) ? video.duration : 0,\n };\n}\n\nexport function mediaPreviewController(\n videoRef: { readonly current: HTMLVideoElement | null },\n frameMetadataRef: { readonly current: MediaFrameMetadata | undefined } = { current: undefined },\n): MediaPreviewController {\n return {\n play: async () => {\n const video = videoRef.current;\n if (video !== null) await video.play();\n },\n pause: () => videoRef.current?.pause(),\n seek: (seconds) => {\n const video = videoRef.current;\n if (video !== null) video.currentTime = boundedMediaTime(seconds, video.duration);\n },\n getState: () => {\n const video = videoRef.current;\n return video === null ? { playing: false, currentTime: 0, duration: 0 } : mediaPlaybackState(video);\n },\n isFrameReady: () => {\n const video = videoRef.current;\n return (\n video !== null &&\n !video.seeking &&\n video.readyState >= 2 &&\n (video.requestVideoFrameCallback === undefined || frameMetadataRef.current !== undefined)\n );\n },\n getIntrinsicSize: () => {\n const video = videoRef.current;\n return video === null || video.videoWidth <= 0 || video.videoHeight <= 0\n ? null\n : { width: video.videoWidth, height: video.videoHeight };\n },\n captureFrame: async (type = 'image/png', quality) => {\n const video = videoRef.current;\n if (video === null || video.videoWidth <= 0 || video.videoHeight <= 0 || video.seeking) return null;\n const metadata = frameMetadataRef.current === undefined ? undefined : { ...frameMetadataRef.current };\n const timeSeconds = metadata?.mediaTime ?? video.currentTime;\n const canvas = document.createElement('canvas');\n canvas.width = video.videoWidth;\n canvas.height = video.videoHeight;\n const context = canvas.getContext('2d');\n if (context === null) return null;\n context.drawImage(video, 0, 0, canvas.width, canvas.height);\n const blob = await new Promise<Blob | null>((resolve) => canvas.toBlob(resolve, type, quality));\n if (blob === null) return null;\n return {\n blob,\n width: canvas.width,\n height: canvas.height,\n timeSeconds,\n ...(metadata === undefined ? {} : { metadata }),\n };\n },\n };\n}\n\nfunction VideoPreview({\n src,\n className,\n testId,\n controllerRef,\n onPlaybackStateChange,\n videoControls = true,\n}: VideoPreviewProps) {\n const videoRef = useRef<HTMLVideoElement>(null);\n const frameMetadataRef = useRef<MediaFrameMetadata | undefined>(undefined);\n const reportState = () => {\n const video = videoRef.current;\n if (video !== null) onPlaybackStateChange?.(mediaPlaybackState(video));\n };\n const reportStateRef = useRef(reportState);\n useEffect(() => {\n reportStateRef.current = reportState;\n });\n useImperativeHandle(controllerRef, () => mediaPreviewController(videoRef, frameMetadataRef), []);\n useEffect(() => {\n const video = videoRef.current;\n if (video === null || video.requestVideoFrameCallback === undefined) return;\n let request = 0;\n const report: VideoFrameRequestCallback = (_now, metadata) => {\n frameMetadataRef.current = {\n mediaTime: metadata.mediaTime,\n ...(Number.isFinite(metadata.presentedFrames) ? { presentedFrames: metadata.presentedFrames } : {}),\n };\n reportStateRef.current();\n request = video.requestVideoFrameCallback(report);\n };\n request = video.requestVideoFrameCallback(report);\n return () => video.cancelVideoFrameCallback(request);\n }, []);\n return (\n <video\n ref={videoRef}\n src={src}\n controls={videoControls}\n playsInline\n preload=\"metadata\"\n data-testid={testId}\n data-kind=\"video\"\n className={cn(FRAME, 'max-h-[36rem]', className)}\n onPlay={reportState}\n onPause={reportState}\n onTimeUpdate={reportState}\n onDurationChange={reportState}\n onEnded={reportState}\n onLoadedMetadata={reportState}\n onLoadedData={reportState}\n onSeeking={() => {\n frameMetadataRef.current = undefined;\n reportState();\n }}\n onSeeked={reportState}\n >\n <track kind=\"captions\" />\n </video>\n );\n}\n\nexport function MediaPreview({\n src,\n path,\n kind,\n contentType,\n className,\n controllerRef,\n pdfControllerRef,\n onPlaybackStateChange,\n videoControls,\n 'data-testid': testId,\n}: MediaPreviewProps) {\n const resolved = kind ?? mediaKindOf(path);\n const name = path.split('/').at(-1) ?? path;\n\n if (resolved === 'image') {\n // A symlink's target determines the MIME type, so the path cannot establish SVG safety.\n const raster = /^image\\/(?:avif|bmp|gif|jpeg|png|webp)$/i.test(contentType ?? '');\n const image = <img src={src} alt={path} className={cn(FRAME, 'max-h-[36rem]', className)} />;\n return raster ? (\n <a href={src} target=\"_blank\" rel=\"noreferrer\" data-testid={testId} data-kind={resolved}>\n {image}\n </a>\n ) : (\n <span data-testid={testId} data-kind={resolved}>\n {image}\n </span>\n );\n }\n if (resolved === 'video') {\n return (\n <VideoPreview\n src={src}\n className={className}\n controllerRef={controllerRef}\n onPlaybackStateChange={onPlaybackStateChange}\n testId={testId}\n videoControls={videoControls}\n />\n );\n }\n if (resolved === 'pdf') {\n return (\n <PdfPreview src={src} path={path} controllerRef={pdfControllerRef} data-testid={testId} className={className} />\n );\n }\n return (\n <Badge\n asChild\n size=\"md\"\n data-testid={testId}\n data-kind={resolved}\n className={cn('self-start bg-doom-panel text-doom-text hover:border-doom-blue/50', className)}\n >\n <a href={src} download={name}>\n <FileIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n download {name}\n </a>\n </Badge>\n );\n}\n"],"mappings":"0QAyEA,MAAMe,EAAQ,4DAWd,SAAgBC,EAAmB,EAA6C,CAC9E,MAAO,CACL,QAAS,CAACC,EAAM,QAAU,CAACA,EAAM,MACjC,YAAaA,EAAM,YACnB,SAAU,OAAO,SAASA,EAAM,QAAQ,EAAIA,EAAM,SAAW,CAC/D,CACF,CAEA,SAAgBC,EACd,EACA,EAAyE,CAAE,QAAS,IAAA,EAAU,EACtE,CACxB,MAAO,CACL,KAAM,SAAY,CAChB,IAAMD,EAAQE,EAAS,QACnBF,IAAU,MAAM,MAAMA,EAAM,KAAK,CACvC,EACA,UAAaE,EAAS,SAAS,MAAM,EACrC,KAAO,GAAY,CACjB,IAAMF,EAAQE,EAAS,QACnBF,IAAU,OAAM,EAAM,YAAcjB,EAAAA,iBAAiBoB,EAASH,EAAM,QAAQ,EAClF,EACA,aAAgB,CACd,IAAMA,EAAQE,EAAS,QACvB,OAAOF,IAAU,KAAO,CAAE,QAAS,GAAO,YAAa,EAAG,SAAU,CAAE,EAAID,EAAmBC,CAAK,CACpG,EACA,iBAAoB,CAClB,IAAMA,EAAQE,EAAS,QACvB,OACEF,IAAU,MACV,CAACA,EAAM,SACPA,EAAM,YAAc,IACnBA,EAAM,4BAA8B,IAAA,IAAaI,EAAiB,UAAY,IAAA,GAEnF,EACA,qBAAwB,CACtB,IAAMJ,EAAQE,EAAS,QACvB,OAAOF,IAAU,MAAQA,EAAM,YAAc,GAAKA,EAAM,aAAe,EACnE,KACA,CAAE,MAAOA,EAAM,WAAY,OAAQA,EAAM,WAAY,CAC3D,EACA,aAAc,MAAO,EAAO,YAAa,IAAY,CACnD,IAAMA,EAAQE,EAAS,QACvB,GAAIF,IAAU,MAAQA,EAAM,YAAc,GAAKA,EAAM,aAAe,GAAKA,EAAM,QAAS,OAAO,KAC/F,IAAMK,EAAWD,EAAiB,UAAY,IAAA,GAAY,IAAA,GAAY,CAAE,GAAGA,EAAiB,OAAQ,EAC9FE,EAAcD,GAAU,WAAaL,EAAM,YAC3CO,EAAS,SAAS,cAAc,QAAQ,EAC9C,EAAO,MAAQP,EAAM,WACrB,EAAO,OAASA,EAAM,YACtB,IAAMQ,EAAUD,EAAO,WAAW,IAAI,EACtC,GAAIC,IAAY,KAAM,OAAO,KAC7BA,EAAQ,UAAUR,EAAO,EAAG,EAAGO,EAAO,MAAOA,EAAO,MAAM,EAC1D,IAAME,EAAO,MAAM,IAAI,QAAsB,GAAYF,EAAO,OAAOG,EAASC,EAAMC,CAAO,CAAC,EAE9F,OADIH,IAAS,KAAa,KACnB,CACL,OACA,MAAOF,EAAO,MACd,OAAQA,EAAO,OACf,cACA,GAAIF,IAAa,IAAA,GAAY,CAAC,EAAI,CAAE,UAAS,CAC/C,CACF,CACF,CACF,CAEA,SAASQ,EAAa,CACpB,MACA,YACA,SACA,gBACA,wBACA,gBAAgB,IACI,CACpB,IAAMX,GAAA,EAAWlB,EAAAA,OAAAA,CAAyB,IAAI,EACxCoB,GAAA,EAAmBpB,EAAAA,OAAAA,CAAuC,IAAA,EAAS,EACnE8B,MAAoB,CACxB,IAAMd,EAAQE,EAAS,QACnBF,IAAU,MAAMe,IAAwBhB,EAAmBC,CAAK,CAAC,CACvE,EACMgB,GAAA,EAAiBhC,EAAAA,OAAAA,CAAO8B,CAAW,EAoBzC,OAnBA,EAAAlB,EAAA,UAAA,KAAgB,CACd,EAAe,QAAUkB,CAC3B,CAAC,GACD,EAAAlB,EAAA,oBAAA,CAAoBqB,MAAqBhB,EAAuBC,EAAUE,CAAgB,EAAG,CAAC,CAAC,GAC/F,EAAAR,EAAA,UAAA,KAAgB,CACd,IAAMI,EAAQE,EAAS,QACvB,GAAIF,IAAU,MAAQA,EAAM,4BAA8B,IAAA,GAAW,OACrE,IAAIkB,EAAU,EACRC,GAAqC,EAAM,IAAa,CAC5D,EAAiB,QAAU,CACzB,UAAWd,EAAS,UACpB,GAAI,OAAO,SAASA,EAAS,eAAe,EAAI,CAAE,gBAAiBA,EAAS,eAAgB,EAAI,CAAC,CACnG,EACAW,EAAe,QAAQ,EACvB,EAAUhB,EAAM,0BAA0BmB,CAAM,CAClD,EAEA,MADA,GAAUnB,EAAM,0BAA0BmB,CAAM,MACnCnB,EAAM,yBAAyBkB,CAAO,CACrD,EAAG,CAAC,CAAC,EAEH,iBAAA,EAAAvB,EAAA,IAAA,CAAC,QAAD,CACE,IAAKO,EACA,MACL,SAAUkB,EACV,YAAA,GACA,QAAQ,WACR,cAAaC,EACb,YAAU,QACV,UAAWpC,EAAAA,GAAGa,EAAO,gBAAiBwB,CAAS,EAC/C,OAAQR,EACR,QAASA,EACT,aAAcA,EACd,iBAAkBA,EAClB,QAASA,EACT,iBAAkBA,EAClB,aAAcA,EACd,cAAiB,CACf,EAAiB,QAAU,IAAA,GAC3BA,EAAY,CACd,EACA,SAAUA,EAEV,SAAA,iBAAA,EAAAnB,EAAA,IAAA,CAAC,QAAD,CAAO,KAAK,UAAY,CAAA,CACnB,CAAA,CAEX,CAEA,SAAgB4B,EAAa,CAC3B,MACA,OACA,OACA,cACA,YACA,gBACA,mBACA,wBACA,gBACA,cAAeF,GACK,CACpB,IAAMG,EAAWC,GAAQvC,EAAAA,YAAYwC,CAAI,EACnCC,EAAOD,EAAK,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAKA,EAEvC,GAAIF,IAAa,QAAS,CAExB,IAAMI,EAAS,2CAA2C,KAAKC,GAAe,EAAE,EAC1EC,EAAQ,iBAAA,EAAAnC,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,IAAK+B,EAAM,UAAWzC,EAAAA,GAAGa,EAAO,gBAAiBwB,CAAS,CAAI,CAAA,EAC3F,OAAOM,EACL,iBAAA,EAAAjC,EAAA,IAAA,CAAC,IAAD,CAAG,KAAMoC,EAAK,OAAO,SAAS,IAAI,aAAa,cAAaV,EAAQ,YAAWG,EAC5E,SAAAM,CACA,CAAA,EAEH,iBAAA,EAAAnC,EAAA,IAAA,CAAC,OAAD,CAAM,cAAa0B,EAAQ,YAAWG,EACnC,SAAAM,CACG,CAAA,CAEV,CAkBA,OAjBIN,IAAa,QAEb,iBAAA,EAAA7B,EAAA,IAAA,CAACkB,EAAD,CACO,MACM,YACI,gBACQ,wBACf,SACO,eAChB,CAAA,EAGDW,IAAa,MAEb,iBAAA,EAAA7B,EAAA,IAAA,CAACR,EAAAA,WAAD,CAAiB,MAAW,OAAM,cAAe6C,EAAkB,cAAaX,EAAmB,WAAY,CAAA,EAIjH,iBAAA,EAAA1B,EAAA,IAAA,CAACP,EAAAA,MAAD,CACE,QAAA,GACA,KAAK,KACL,cAAaiC,EACb,YAAWG,EACX,UAAWvC,EAAAA,GAAG,oEAAqEqC,CAAS,EAE5F,SAAA,iBAAA,EAAA3B,EAAA,KAAA,CAAC,IAAD,CAAG,KAAMoC,EAAK,SAAUJ,EAAxB,SAAA,CACE,iBAAA,EAAAhC,EAAA,IAAA,CAACN,EAAAA,SAAD,CAAU,UAAU,kCAAoC,CAAA,EAAC,YAC/CsC,CACT,GACE,CAAA,CAEX"}

package/dist/src/components/MermaidDiagram.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/mermaidDiagram.cjs"),t=require("./SyntaxText.cjs");let n=require("react/jsx-runtime"),r=require("react");function i({code:i}){let a=`mermaid-${(0,r.useId)().replaceAll(/[^a-zA-Z0-9]/g,``)}`,[o,s]=(0,r.useState)(void 0);return(0,r.useEffect)(()=>{let t=!0;return e.renderMermaid(a,i).then(e=>{t&&s({source:i,svg:e})},()=>void 0),()=>{t=!1}},[i,a]),o?.source===i?/* @__PURE__ / (0,n.jsx)(`div`,{"data-testid":`mermaid-diagram`,dangerouslySetInnerHTML:{__html:o.svg},className:`flex justify-center overflow-x-auto [&_svg]:h-auto [&_svg]:max-w-full`}):/ @__PURE__ */ (0,n.jsx)(t.SyntaxText,{text:i,className:`text-doom-text`})}exports.MermaidDiagram=i;
2	+ //# sourceMappingURL=MermaidDiagram.cjs.map

package/dist/src/components/MermaidDiagram.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MermaidDiagram.cjs","names":["useId","useState","renderMermaid","SyntaxText","require_mermaidDiagram","require_SyntaxText","react_jsx_runtime","react","MermaidDiagram","id","drawn","setDrawn","live","code"],"sources":["../../../src/components/MermaidDiagram.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react';\n\nimport { renderMermaid } from '../lib/mermaidDiagram';\nimport { SyntaxText } from './SyntaxText';\n\n/**\n * A mermaid fence, drawn.\n *\n * DESIGN PATTERNS:\n * - The source is the fallback, never a spinner or an error box. A diagram\n * that has not loaded yet, a diagram that fails to parse and a diagram in a\n * half-streamed message all show the text the author wrote, which stays\n * useful on its own.\n * - The rendered markup is stored with the source it came from, so a message\n * that grows never paints the previous frame's picture over new text.\n *\n * AVOID:\n * - Rendering at module scope or during render: mermaid measures text in the\n * document, so it only runs in an effect, in a browser.\n */\n\ninterface Drawn {\n source: string;\n svg: string;\n}\n\nexport function MermaidDiagram({ code }: { code: string }) {\n // Mermaid puts the id in the DOM and in the SVG's own ids, so React's\n // colon-wrapped value has to lose its punctuation first.\n const id = `mermaid-${useId().replaceAll(/[^a-zA-Z0-9]/g, '')}`;\n const [drawn, setDrawn] = useState<Drawn | undefined>(undefined);\n\n useEffect(() => {\n let live = true;\n void renderMermaid(id, code).then(\n (svg) => {\n if (live) setDrawn({ source: code, svg });\n },\n // Invalid syntax and a chunk that will not load are the same outcome\n // here: the block keeps showing its source.\n () => undefined,\n );\n return () => {\n live = false;\n };\n }, [code, id]);\n\n if (drawn?.source !== code) return <SyntaxText text={code} className=\"text-doom-text\" />;\n return (\n <div\n data-testid=\"mermaid-diagram\"\n // Mermaid sanitises its own output under the strict security level set\n // in lib/mermaidDiagram.ts; this is the only way it hands back a figure.\n dangerouslySetInnerHTML={{ __html: drawn.svg }}\n className=\"flex justify-center overflow-x-auto [&_svg]:h-auto [&_svg]:max-w-full\"\n />\n );\n}\n"],"mappings":"iIA0BA,SAAgBQ,EAAe,CAAE,QAA0B,CAGzD,IAAMC,EAAK,YAAA,EAAWT,EAAAA,MAAAA,CAAM,CAAC,CAAC,WAAW,gBAAiB,EAAE,IACtD,CAACU,EAAOC,IAAA,EAAYV,EAAAA,SAAAA,CAA4B,IAAA,EAAS,EAkB/D,OAhBA,EAAAM,EAAA,UAAA,KAAgB,CACd,IAAIK,EAAO,GASX,OARAR,EAAKF,cAAcO,EAAII,CAAI,CAAC,CAAC,KAC1B,GAAQ,CACHD,GAAMD,EAAS,CAAE,OAAQE,EAAM,KAAI,CAAC,CAC1C,MAGM,IAAA,EACR,MACa,CACX,EAAO,EACT,CACF,EAAG,CAACA,EAAMJ,CAAE,CAAC,EAETC,GAAO,SAAWG,EAEpB,iBAAA,EAAAP,EAAA,IAAA,CAAC,MAAD,CACE,cAAY,kBAGZ,wBAAyB,CAAE,OAAQI,EAAM,GAAI,EAC7C,UAAU,uEACX,CAAA,EARgC,iBAAA,EAAAJ,EAAA,IAAA,CAACH,EAAAA,WAAD,CAAY,KAAMU,EAAM,UAAU,gBAAkB,CAAA,CAUzF"}

package/dist/src/components/MessageItem.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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-lg border transition-colors`,{variants:{tone:{...n.STATUS_EDGE,ok:`border-doom-border-soft`}},defaultVariants:{tone:`neutral`}}),f=(0,a.cva)(`overflow-hidden border-l-2 transition-colors`,{variants:{tone:{...n.STATUS_EDGE,ok:`border-transparent`,neutral:`border-transparent`}},defaultVariants:{tone:`neutral`}});function p({title:e,children:t}){return/* @__PURE__ / (0,r.jsxs)(r.Fragment,{children:[/ @__PURE__ / (0,r.jsx)(`span`,{"aria-hidden":!0,className:`grid size-9 shrink-0 place-items-center rounded-full bg-doom-rail text-doom-dim max-sm:hidden`,children:/ @__PURE__ / (0,r.jsx)(o.Wrench,{className:`size-4`})}),/ @__PURE__ / (0,r.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[/ @__PURE__ / (0,r.jsx)(`span`,{className:`text-sm text-doom-dim`,children:`Tool call`}),/ @__PURE__ / (0,r.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 text-base`,children:[/ @__PURE__ / (0,r.jsx)(`span`,{className:`shrink-0 font-semibold text-doom-hi`,children:e}),/ @__PURE__ / (0,r.jsx)(`div`,{"data-slot":`message-item-summary`,className:`flex min-w-0 flex-1 items-center gap-2`,children:t})]})]})]})}function m({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 h({className:t,tone:n,title:i,summary:a,badge:o,children:s,...c}){let l=o===void 0?_[n??`neutral`]:o;return/ @__PURE__ / (0,r.jsx)(u.Provider,{value:{tone:n??`neutral`},children:/ @__PURE__ / (0,r.jsxs)(`div`,{"data-slot":`message-item-group`,className:e.cn(d({tone:n}),t),...c,children:[/ @__PURE__ / (0,r.jsxs)(`div`,{className:`flex min-h-11 items-center gap-3 border-doom-border-soft border-b px-4 py-3 text-sm text-doom-dim`,children:[/ @__PURE__ / (0,r.jsx)(p,{title:i,children:/ @__PURE__ / (0,r.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-doom-faint`,children:a})}),l!==null&&l!==``?/ @__PURE__ / (0,r.jsx)(y,{tone:n??`neutral`,children:l}):null]}),/ @__PURE__ / (0,r.jsx)(`div`,{className:`flex flex-col divide-y divide-doom-border-soft`,children:s})]})})}function g(e){return e.running?`running`:e.isError?`error`:`ok`}const _={neutral:``,running:`Running`,ok:`Completed`,error:`Failed`,info:`Info`,accent:`Note`},v={running:/ @__PURE__ / (0,r.jsx)(o.Loader2,{"aria-hidden":!0,className:`size-3 animate-spin`}),ok:/ @__PURE__ / (0,r.jsx)(o.Check,{"aria-hidden":!0,className:`size-3`}),error:/ @__PURE__ / (0,r.jsx)(o.CircleAlert,{"aria-hidden":!0,className:`size-3`})};function y({tone:e,children:t,...i}){return/ @__PURE__ / (0,r.jsxs)(n.StatusBadge,{tone:e,size:`md`,className:`gap-1 font-semibold`,...i,children:[v[e],t]})}const b=/ @__PURE__ / new Set([`ok`,`neutral`]);function x({className:n,title:a,badge:s,children:c,...d}){let{headerAccessory:f,tone:m,expandable:h,expanded:g,toggle:v}=l(),x=(0,i.useContext)(u),S=x!==null&&b.has(m)?null:_[m],C=s===void 0?S:s;return/ @__PURE__ / (0,r.jsxs)(`div`,{"data-slot":`message-item-header`,className:e.cn(`flex min-h-11 items-center gap-3 px-4 py-3 text-sm text-doom-dim`,n),...d,children:[x===null?/ @__PURE__ / (0,r.jsx)(p,{title:a,children:c}):/ @__PURE__ / (0,r.jsx)(`div`,{"data-slot":`message-item-summary`,className:`flex min-w-0 flex-1 items-center gap-2`,children:c}),f,C!==null&&C!==``?/ @__PURE__ / (0,r.jsx)(y,{tone:m,"data-testid":`tool-status`,children:C}):null,h?/ @__PURE__ / (0,r.jsx)(t.Button,{variant:`ghost`,size:`icon`,"data-testid":`tool-expand`,"aria-expanded":g,"aria-label":g?`collapse`:`expand`,onClick:v,className:`text-doom-dim hover:text-doom-blue`,children:g?/ @__PURE__ / (0,r.jsx)(o.ChevronUp,{className:`size-4`}):/ @__PURE__ / (0,r.jsx)(o.ChevronDown,{className:`size-4`})}):null]})}function S({className:t,...n}){return/ @__PURE__ / (0,r.jsx)(`div`,{"data-slot":`message-item-body`,className:e.cn(`border-t border-doom-border-soft px-4 py-3 text-base text-doom-dim`,t),...n})}const C={neutral:`…`,running:`◐`,ok:`✓`,error:`✗`,info:`●`,accent:`●`},w=(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 T({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:w({tone:n}),children:i??C[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=m,exports.MessageItemBody=S,exports.MessageItemGroup=h,exports.MessageItemHeader=x,exports.MessageItemHeaderAccessoryContext=s,exports.MessageItemStatus=T,exports.STATUS_GLYPH=C,exports.STATUS_LABEL=_,exports.messageItemRowVariants=f,exports.messageItemStatusVariants=w,exports.messageItemVariants=d,exports.toolTone=g,exports.useMessageItem=l;
2	+ //# sourceMappingURL=MessageItem.cjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageItem.cjs","names":["createContext","useContext","cva","STATUS_EDGE","WrenchIcon","useState","cn","LoaderIcon","CheckIcon","AlertIcon","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","ToolCallLead","title","MessageItem","props","own","setOwn","defaultExpanded","group","headerAccessory","grouped","current","expanded","state","tone","next","onExpandedChange","className","children","MessageItemGroup","label","badge","STATUS_LABEL","summary","OutcomeBadge","toolTone","OUTCOME_ICON","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 { AlertIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, LoaderIcon, WrenchIcon } 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/**\n * The frame, wearing the edge STATUS_EDGE names for the tone, so the two never drift apart.\n * A settled OK is the calm default and keeps the soft border; only work in flight or a failure colours the edge.\n */\nexport const messageItemVariants = cva('overflow-hidden rounded-lg border transition-colors', {\n variants: { tone: { ...STATUS_EDGE, ok: 'border-doom-border-soft' } },\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. A settled row keeps a quiet edge. */\nexport const messageItemRowVariants = cva('overflow-hidden border-l-2 transition-colors', {\n variants: { tone: { ...STATUS_EDGE, ok: 'border-transparent', neutral: 'border-transparent' } },\n defaultVariants: { tone: 'neutral' },\n});\n\n/** The card's lead: the tool chip, the \"Tool call\" caption, then the name and its summary on one line. */\nfunction ToolCallLead({ title, children }: { title: ReactNode; children?: ReactNode }) {\n return (\n <>\n <span\n aria-hidden\n className=\"grid size-9 shrink-0 place-items-center rounded-full bg-doom-rail text-doom-dim max-sm:hidden\"\n >\n <WrenchIcon className=\"size-4\" />\n </span>\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <span className=\"text-sm text-doom-dim\">Tool call</span>\n <div className=\"flex min-w-0 items-center gap-2 text-base\">\n <span className=\"shrink-0 font-semibold text-doom-hi\">{title}</span>\n <div data-slot=\"message-item-summary\" className=\"flex min-w-0 flex-1 items-center gap-2\">\n {children}\n </div>\n </div>\n </div>\n </>\n );\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-11 items-center gap-3 border-doom-border-soft border-b px-4 py-3 text-sm text-doom-dim\">\n <ToolCallLead title={title}>\n <span className=\"min-w-0 flex-1 truncate text-doom-faint\">{summary}</span>\n </ToolCallLead>\n {label !== null && label !== '' ? <OutcomeBadge tone={tone ?? 'neutral'}>{label}</OutcomeBadge> : 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: 'Completed',\n error: 'Failed',\n info: 'Info',\n accent: 'Note',\n};\n\nconst OUTCOME_ICON: Partial<Record<StatusTone, ReactNode>> = {\n running: <LoaderIcon aria-hidden className=\"size-3 animate-spin\" />,\n ok: <CheckIcon aria-hidden className=\"size-3\" />,\n error: <AlertIcon aria-hidden className=\"size-3\" />,\n};\n\n/** The sentence-case outcome pill, led by the tone's icon. */\nfunction OutcomeBadge({ tone, children, ...props }: ComponentProps<typeof StatusBadge> & { tone: StatusTone }) {\n return (\n <StatusBadge tone={tone} size=\"md\" className=\"gap-1 font-semibold\" {...props}>\n {OUTCOME_ICON[tone]}\n {children}\n </StatusBadge>\n );\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-11 items-center gap-3 px-4 py-3 text-sm text-doom-dim', className)}\n {...props}\n >\n {group === null ? (\n <ToolCallLead title={title}>{children}</ToolCallLead>\n ) : (\n <div data-slot=\"message-item-summary\" className=\"flex min-w-0 flex-1 items-center gap-2\">\n {children}\n </div>\n )}\n {headerAccessory}\n {label !== null && label !== '' ? (\n <OutcomeBadge tone={tone} data-testid=\"tool-status\">\n {label}\n </OutcomeBadge>\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-dim hover:text-doom-blue\"\n >\n {expanded ? <ChevronUpIcon className=\"size-4\" /> : <ChevronDownIcon className=\"size-4\" />}\n </Button>\n ) : null}\n </div>\n );\n}\n\n/** The body under the header, on the card's own surface. */\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 px-4 py-3 text-base 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/dist/src/components/MessageLines.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`whitespace-pre-wrap break-words`,{variants:{tone:{hi:`text-doom-hi`,text:`text-doom-text`,dim:`text-doom-dim`,muted:`text-doom-faint`,success:`text-doom-green`,error:`text-doom-red`,warning:`text-doom-yellow`,accent:`text-doom-blue`},bold:{true:`font-bold`,false:``},indent:{true:`pl-4`,false:``}},defaultVariants:{tone:`dim`,bold:!1,indent:!1}});function r({className:r,lines:i,...a}){return/* @__PURE__ / (0,t.jsx)(`div`,{"data-slot":`message-lines`,className:e.cn(`flex flex-col gap-0.5`,r),...a,children:i.map((e,r)=>/ @__PURE__ */ (0,t.jsx)(`div`,{className:n({tone:e.tone,bold:e.bold===!0,indent:e.indent===!0}),children:e.text},`${String(r)}-${e.text}`))})}exports.MessageLines=r,exports.messageLineVariants=n;
2	+ //# sourceMappingURL=MessageLines.cjs.map

package/dist/src/components/MessageLines.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageLines.cjs","names":["cva","cn","require_cn","react_jsx_runtime","messageLineVariants","MessageLines","props","className","lines","line","index"],"sources":["../../../src/components/MessageLines.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { MessageLineTone as Tone } from '../types/tone';\n\n/** One line of a message body, with the tone the card's pure view logic chose for it. */\nexport type MessageLineTone = Tone;\n\nexport interface MessageLine {\n text: string;\n tone: MessageLineTone;\n bold?: boolean;\n indent?: boolean;\n}\n\nexport const messageLineVariants = cva('whitespace-pre-wrap break-words', {\n variants: {\n tone: {\n hi: 'text-doom-hi',\n text: 'text-doom-text',\n dim: 'text-doom-dim',\n muted: 'text-doom-faint',\n success: 'text-doom-green',\n error: 'text-doom-red',\n warning: 'text-doom-yellow',\n accent: 'text-doom-blue',\n } satisfies Record<Tone, string>,\n bold: { true: 'font-bold', false: '' },\n indent: { true: 'pl-4', false: '' },\n },\n defaultVariants: { tone: 'dim', bold: false, indent: false },\n});\n\nexport interface MessageLinesProps extends ComponentProps<'div'> {\n lines: readonly MessageLine[];\n}\n\n/** A body of toned lines: what a card's view helper computed, drawn one line per row. */\nexport function MessageLines({ className, lines, ...props }: MessageLinesProps) {\n return (\n <div data-slot=\"message-lines\" className={cn('flex flex-col gap-0.5', className)} {...props}>\n {lines.map((line, index) => (\n <div\n key={`${String(index)}-${line.text}`}\n className={messageLineVariants({ tone: line.tone, bold: line.bold === true, indent: line.indent === true })}\n >\n {line.text}\n </div>\n ))}\n </div>\n );\n}\n"],"mappings":"oEAgBA,MAAaI,GAAA,oCAAsBJ,CAAAA,CAAAA,IAAAA,CAAI,kCAAmC,CACxE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,KAAM,iBACN,IAAK,gBACL,MAAO,kBACP,QAAS,kBACT,MAAO,gBACP,QAAS,mBACT,OAAQ,gBACV,EACA,KAAM,CAAE,KAAM,YAAa,MAAO,EAAG,EACrC,OAAQ,CAAE,KAAM,OAAQ,MAAO,EAAG,CACpC,EACA,gBAAiB,CAAE,KAAM,MAAO,KAAM,GAAO,OAAQ,EAAM,CAC7D,CAAC,EAOD,SAAgBK,EAAa,CAAE,YAAW,QAAO,GAAGC,GAA4B,CAC9E,MACE,iBAAA,EAAAH,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,gBAAgB,UAAWF,EAAAA,GAAG,wBAAyBM,CAAS,EAAG,GAAID,EACnF,SAAAE,EAAM,KAAK,EAAM,IAChB,iBAAA,EAAAL,EAAA,IAAA,CAAC,MAAD,CAEE,UAAWC,EAAoB,CAAE,KAAMK,EAAK,KAAM,KAAMA,EAAK,OAAS,GAAM,OAAQA,EAAK,SAAW,EAAK,CAAC,EAEzG,SAAAA,EAAK,IACH,EAJE,GAAG,OAAOC,CAAK,EAAE,GAAGD,EAAK,MAI3B,CACN,CACE,CAAA,CAET"}