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

package/dist/packages/core/po-web-components/src/components/DiffView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffView.mjs","names":["Fragment","Fragment$1","ROW_TONE","isMarker","value","DiffView","gutter","diffGutterWidth","hunks","testId","onSelect","selection","text","touched","row","range","diffRangeOf","cn","className","position","hunk","Button","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":"iOAsBA,MAAME,EAAiD,CACrD,IAAK,qCACL,IAAK,iCACL,IAAK,eACP,EAaA,SAASC,EAAS,EAAgD,CAChE,OAAOC,IAAU,KAAOA,IAAU,KAAOA,IAAU,GACrD,CAEA,SAAgBC,EAAS,CAAE,QAAO,SAAQ,WAAU,iBAAgB,aAA4B,CAC9F,IAAMC,EAASC,EAAgBC,CAAK,EA6BpC,OARIA,EAAM,SAAW,EAEjB,kBAAC,IAAD,CAAG,cAAa,GAAGC,EAAO,QAAS,UAAU,kCAAkC,SAAA,kBAE5E,CAAA,EAKL,kBAAC,MAAD,CACE,cAAaA,EACb,oBAAmBA,EACnB,cA1B6B,CAC/B,GAAIC,IAAa,IAAA,GAAW,OAC5B,IAAMC,EAAY,WAAW,eAAe,EACtCC,EAAOD,GAAW,SAAS,GAAK,GACtC,GAAIC,EAAK,KAAK,IAAM,GAAI,OAExB,IAAMC,EAAU,CADF,GAAG,SAAS,iBAA8B,uBAAuBJ,EAAO,oBAAoB,CACvF,CAAC,CACjB,OAAQ,GAAQE,GAAW,aAAaG,EAAK,EAAI,IAAM,EAAI,CAAC,CAC5D,IAAK,IAAS,CAAE,OAAQA,EAAI,QAAQ,WAAY,KAAM,OAAOA,EAAI,QAAQ,QAAQ,CAAE,EAAE,CAAC,CACtF,OAAQ,GAAqDX,EAASW,EAAI,MAAM,CAAC,EAC9EC,EAAQC,EAAYH,CAAO,EAC7BE,IAAU,IAAA,IAAWL,EAAS,CAAE,GAAGK,EAAO,QAASH,CAAK,CAAC,CAC/D,EAeI,UAAWK,EAAG,mDAAoDC,CAAS,EAE1E,SAAAV,EAAM,KAAK,EAAM,IAChB,kBAAC,MAAD,CAAA,SAAA,CACGW,EAAW,EACV,kBAAC,MAAD,CAAK,UAAU,+DAAf,SAAA,CACE,kBAAC,OAAD,CAAM,UAAU,iCAAmC,CAAA,EACnD,kBAAC,OAAD,CAAA,SAAM,GAAO,CAAA,EACb,kBAAC,OAAD,CAAM,UAAU,iCAAmC,CAAA,CAChD,CACH,CAAA,EAAA,KACHC,EAAK,KAAK,KAAK,EAAK,IACnB,kBAACpB,EAAD,CAAA,SAAA,CACE,kBAAC,MAAD,CACE,iBAAgBc,EAAI,KACpB,mBAAkBA,EAAI,OACtB,UAAWG,EAAG,sBAAuBf,EAASY,EAAI,OAAO,EAH3D,SAAA,CAKGJ,IAAa,IAAA,GACZ,kBAAC,OAAD,CACE,cAAA,GACA,UAAU,4DACV,MAAO,CAAE,MAAO,GAAGJ,EAAS,EAAE,GAAI,EAEjC,SAAAQ,EAAI,IACD,CAAA,EAEN,kBAACO,EAAD,CACE,QAAQ,QACR,KAAK,KACL,mBAAkBP,EAAI,KACtB,aAAY,cAAcA,EAAI,SAAW,IAAM,WAAa,GAAG,OAAOA,EAAI,OAC1E,YACEJ,EAAS,CACP,KAAMI,EAAI,SAAW,IAAM,MAAQ,MACnC,UAAWA,EAAI,KACf,QAASA,EAAI,KACb,QAASA,EAAI,OACf,CAAC,EAEH,UAAU,oKACV,MAAO,CAAE,MAAO,GAAGR,EAAS,EAAE,GAAI,EAEjC,SAAAQ,EAAI,IACC,CAAA,EAEV,kBAAC,OAAD,CAAM,UAAU,4BAA6B,SAAAA,EAAI,MAAa,CAAA,EAC9D,kBAAC,OAAD,CAAM,UAAU,UAAW,SAAAA,EAAI,OAAc,CAAA,CAC1C,CACJ,CAAA,EAAAQ,IAAiBR,CAAG,CACb,CAAA,EAtCK,GAAGA,EAAI,OAAO,GAAGA,EAAI,KAAK,GAAGS,GAsClC,CACX,CACE,CAAA,EAjDK,GAAGH,EAAK,MAAM,GAAGD,GAiDtB,CACN,CACE,CAAA,CAET"}

package/dist/packages/core/po-web-components/src/components/Dot.d.mts

@@ -0,0 +1,15 @@
+import { DotTone as DotTone$1 } from "../types/tone.mjs";
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/Dot.d.ts
+export declare const dotVariants: (props?: ({
+  tone?: "blue" | "cyan" | "green" | "magenta" | "muted" | "neutral" | "orange" | "red" | "teal" | "violet" | "yellow" | null | undefined;
+  size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+  pulse?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type DotTone = DotTone$1;
+export interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}
+/** The status dot: a colour and, while something is live, a pulse. */
+export declare function Dot({ className, tone, size, pulse, ...props }: DotProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Dot.d.mts.map

package/dist/packages/core/po-web-components/src/components/Dot.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.d.mts","names":["Tone"],"sources":["../../../../../../src/components/Dot.tsx"],"mappings":";;;;qBAMa,cAAW;;;;6CA2BtB;YAEU,UAAUA;iBAEL,iBAAiB,wBAAwB,oBAAoB;;wBAG9D,MAAM,WAAW,MAAM,MAAM,UAAU,SAAS,2BAAQ,IAAA"}

package/dist/packages/core/po-web-components/src/components/Dot.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`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 i({className:n,tone:i,size:a,pulse:o,...s}){return/* @__PURE__ */ t(`span`,{"data-slot":`dot`,"aria-hidden":!0,className:e(r({tone:i,size:a,pulse:o}),n),...s})}export{i as Dot,r as dotVariants};
+//# sourceMappingURL=Dot.mjs.map

package/dist/packages/core/po-web-components/src/components/Dot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.mjs","names":["dotVariants","cva","Dot","props","cn","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":"0HAMA,MAAaA,EAAcC,EAAI,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,SAAgBC,EAAI,CAAE,YAAW,OAAM,OAAM,QAAO,GAAGC,GAAmB,CACxE,MAAO,kBAAC,OAAD,CAAM,YAAU,MAAM,cAAA,GAAY,UAAWC,EAAGJ,EAAY,CAAE,OAAM,OAAM,OAAM,CAAC,EAAGK,CAAS,EAAG,GAAIF,CAAQ,CAAA,CACrH"}

package/dist/packages/core/po-web-components/src/components/Drawer.d.mts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+//#region src/components/Drawer.d.ts
+export interface DrawerProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  side: 'left' | 'right';
+  title: string;
+  children: ReactNode;
+  className?: string;
+  showHeader?: boolean;
+  'data-testid'?: string;
+  backdropTestId?: string;
+}
+/** A controlled side panel with a focus trap and restoration for external header buttons. */
+export declare function Drawer({ open, onOpenChange, side, title, children, className, showHeader, 'data-testid': testId, backdropTestId }: DrawerProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Drawer.d.mts.map

package/dist/packages/core/po-web-components/src/components/Drawer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.mts","names":[],"sources":["../../../../../../src/components/Drawer.tsx"],"mappings":";;iBAMiB;EACf;EACA,eAAe;EACf;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;;;wBAIc,SACd,MACA,cACA,MACA,OACA,UACA,WACA,2BACe,QACf,kBACC,8BAAW,IAAA"}

package/dist/packages/core/po-web-components/src/components/Drawer.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{Dialog as t,DialogHeader as n,DialogOverlay as r,DialogPortal as i,DialogTitle as a}from"./Dialog.mjs";import{Dialog as o}from"radix-ui";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useRef as l}from"react";function u({open:u,onOpenChange:d,side:f,title:p,children:m,className:h,showHeader:g=!0,"data-testid":_,backdropTestId:v}){let y=l(null);return/* @__PURE__ */ s(t,{open:u,onOpenChange:d,children:/* @__PURE__ */ c(i,{children:[/* @__PURE__ */ s(r,{"data-testid":v}),/* @__PURE__ */ c(o.Content,{"aria-describedby":void 0,"data-testid":_,className:e(`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`,f===`left`?`left-0 border-r`:`right-0 border-l`,h),onOpenAutoFocus:()=>{y.current=document.activeElement instanceof HTMLElement?document.activeElement:null},onCloseAutoFocus:e=>{e.preventDefault(),y.current?.isConnected&&y.current.focus()},children:[g?/* @__PURE__ */ s(n,{dismissible:!0,closeLabel:`hide ${p.toLowerCase()}`,children:/* @__PURE__ */ s(a,{children:p})}):/* @__PURE__ */ s(a,{className:`sr-only`,children:p}),m]})]})})}export{u as Drawer};
+//# sourceMappingURL=Drawer.mjs.map

package/dist/packages/core/po-web-components/src/components/Drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.mjs","names":["Dialog","DialogPrimitive","Dialog$1","Drawer","testId","opener","useRef","DialogPortal","DialogOverlay","backdropTestId","Dialog","cn","side","className","event","showHeader","DialogHeader","title","DialogTitle","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":"oQAmBA,SAAgBG,EAAO,CACrB,OACA,eACA,OACA,QACA,WACA,YACA,aAAa,GACb,cAAeC,EACf,kBACc,CACd,IAAMC,EAASC,EAA2B,IAAI,EAC9C,MACE,kBAACN,EAAD,CAAc,OAAoB,eAChC,SAAA,kBAACO,EAAD,CAAA,SAAA,CACE,kBAACC,EAAD,CAAe,cAAaC,CAAiB,CAAA,EAC7C,kBAACR,EAAgB,QAAjB,CACE,mBAAkB,IAAA,GAClB,cAAaG,EACb,UAAWO,EACT,kIACAC,IAAS,OAAS,kBAAoB,mBACtCC,CACF,EACA,oBAAuB,CACrB,EAAO,QAAU,SAAS,yBAAyB,YAAc,SAAS,cAAgB,IAC5F,EACA,iBAAmB,GAAU,CAC3BC,EAAM,eAAe,EACjBT,EAAO,SAAS,aAAaA,EAAO,QAAQ,MAAM,CACxD,EAdF,SAAA,CAgBGU,EACC,kBAACC,EAAD,CAAc,YAAA,GAAY,WAAY,QAAQC,EAAM,YAAY,IAC9D,SAAA,kBAACC,EAAD,CAAA,SAAcD,CAAmB,CAAA,CACrB,CAAA,EAEd,kBAACC,EAAD,CAAa,UAAU,UAAW,SAAAD,CAAmB,CAAA,EAEtDE,CACsB,CACb,CAAA,CAAA,CAAA,CAAA,CACR,CAAA,CAEZ"}

package/dist/packages/core/po-web-components/src/components/DropdownMenu.d.mts

@@ -0,0 +1,34 @@
+import { DropdownMenu } from "radix-ui";
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/DropdownMenu.d.ts
+/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */
+declare function DropdownMenu$1(props: ComponentProps<typeof DropdownMenu.Root>): import("react").JSX.Element;
+export declare function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenu.Trigger>): import("react").JSX.Element;
+/** A run of items under one label, so the separator between groups is structural. */
+export declare function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenu.Group>): import("react").JSX.Element;
+export declare function DropdownMenuContent({ className, align, sideOffset, ...props }: ComponentProps<typeof DropdownMenu.Content>): import("react").JSX.Element;
+export declare const dropdownMenuItemVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+  indented?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenu.Item>, VariantProps<typeof dropdownMenuItemVariants> {}
+export declare function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps): import("react").JSX.Element;
+export interface DropdownMenuCheckboxItemProps extends ComponentProps<typeof DropdownMenu.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}
+/** A row that toggles: the check lives in the gutter so the label never shifts. */
+export declare function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
+/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */
+export declare function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenu.RadioGroup>): import("react").JSX.Element;
+export interface DropdownMenuRadioItemProps extends ComponentProps<typeof DropdownMenu.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}
+export declare function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps): import("react").JSX.Element;
+export declare function DropdownMenuSub(props: ComponentProps<typeof DropdownMenu.Sub>): import("react").JSX.Element;
+/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */
+export declare function DropdownMenuSubTrigger({ className, children, ...props }: ComponentProps<typeof DropdownMenu.SubTrigger>): import("react").JSX.Element;
+export declare function DropdownMenuSubContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenu.SubContent>): import("react").JSX.Element;
+export declare function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenu.Label>): import("react").JSX.Element;
+/** The keystroke printed at the right of a row; the row supplies the gap. */
+export declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+export declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu.Separator>): import("react").JSX.Element;
+//#endregion
+export { DropdownMenu$1 as DropdownMenu };
+//# sourceMappingURL=DropdownMenu.d.mts.map

package/dist/packages/core/po-web-components/src/components/DropdownMenu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.mts","names":["DropdownMenu","DropdownMenuPrimitive"],"sources":["../../../../../../src/components/DropdownMenu.tsx"],"mappings":";;;;;iBAQgBA,eAAa,OAAO,sBAAsBC,aAAsB,wBAAK,IAAA;wBAIrE,oBAAoB,OAAO,sBAAsBA,aAAsB,2BAAQ,IAAA;;wBAK/E,kBAAkB,OAAO,sBAAsBA,aAAsB,yBAAM,IAAA;wBAQ3E,sBACd,WACA,OACA,eACG,SACF,sBAAsBA,aAAsB,2BAAQ,IAAA;qBAc1C,2BAAwB;;;6CAapC;iBAEgB,8BACP,sBAAsBA,aAAsB,OAAO,oBAAoB;wBAEjE,mBAAmB,WAAW,SAAS,aAAa,SAAS,wCAAqB,IAAA;iBAoBjF,sCACP,sBAAsBA,aAAsB,eAAe,oBAAoB;;wBAGzE,2BAA2B,WAAW,SAAS,aAAa,SAAS,gDAA6B,IAAA;;wBAgBlG,uBAAuB,OAAO,sBAAsBA,aAAsB,8BAAW,IAAA;iBAIpF,mCACP,sBAAsBA,aAAsB,YAAY,oBAAoB;wBAEtE,wBAAwB,WAAW,SAAS,aAAa,SAAS,6CAA0B,IAAA;wBAe5F,gBAAgB,OAAO,sBAAsBA,aAAsB,uBAAI,IAAA;;wBAKvE,yBACd,WACA,aACG,SACF,sBAAsBA,aAAsB,8BAAW,IAAA;wBAa1C,yBACd,WACA,eACG,SACF,sBAAsBA,aAAsB,8BAAW,IAAA;wBAa1C,oBAAoB,cAAc,SAAS,sBAAsBA,aAAsB,yBAAM,IAAA;;wBAW7F,uBAAuB,cAAc,SAAS,yCAAsB,IAAA;wBAUpE,wBAAwB,cAAc,SAAS,sBAAsBA,aAAsB,6BAAU,IAAA"}

package/dist/packages/core/po-web-components/src/components/DropdownMenu.mjs

@@ -0,0 +1,2 @@
+import{CheckIcon as e,ChevronRightIcon as t}from"../icons/icons.mjs";import{cn as n}from"../lib/cn.mjs";import{DropdownMenu as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";function s(e){return/* @__PURE__ */ i(r.Root,{"data-slot":`dropdown-menu`,...e})}function c(e){return/* @__PURE__ */ i(r.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l(e){return/* @__PURE__ */ i(r.Group,{"data-slot":`dropdown-menu-group`,...e})}const u=`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 d({className:e,align:t=`end`,sideOffset:a=4,...o}){return/* @__PURE__ */ i(r.Portal,{children:/* @__PURE__ */ i(r.Content,{"data-slot":`dropdown-menu-content`,align:t,sideOffset:a,className:n(u,e),...o})})}const f=o(`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 p({className:e,variant:t,indented:a,...o}){return/* @__PURE__ */ i(r.Item,{"data-slot":`dropdown-menu-item`,"data-variant":t??`default`,className:n(f({variant:t,indented:a}),e),...o})}function m({children:e}){return/* @__PURE__ */ i(`span`,{className:`pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center`,children:/* @__PURE__ */ i(r.ItemIndicator,{children:e})})}function h({className:t,variant:o,children:s,...c}){return/* @__PURE__ */ a(r.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:n(`relative`,f({variant:o,indented:!0}),t),...c,children:[/* @__PURE__ */ i(m,{children:/* @__PURE__ */ i(e,{className:`h-3 w-3 text-doom-blue`})}),s]})}function g(e){return/* @__PURE__ */ i(r.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function _({className:e,variant:t,children:o,...s}){return/* @__PURE__ */ a(r.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:n(`relative`,f({variant:t,indented:!0}),e),...s,children:[/* @__PURE__ */ i(m,{children:/* @__PURE__ */ i(`span`,{className:`h-1.5 w-1.5 rounded-full bg-doom-blue`})}),o]})}function v(e){return/* @__PURE__ */ i(r.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function y({className:e,children:o,...s}){return/* @__PURE__ */ a(r.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:n(f(),`data-[state=open]:bg-doom-deep`,e),...s,children:[/* @__PURE__ */ i(`span`,{className:`min-w-0 flex-1 truncate`,children:o}),/* @__PURE__ */ i(t,{className:`h-3 w-3 shrink-0 text-doom-faint`})]})}function b({className:e,sideOffset:t=2,...a}){return/* @__PURE__ */ i(r.Portal,{children:/* @__PURE__ */ i(r.SubContent,{"data-slot":`dropdown-menu-sub-content`,sideOffset:t,className:n(u,e),...a})})}function x({className:e,...t}){return/* @__PURE__ */ i(r.Label,{"data-slot":`dropdown-menu-label`,className:n(`px-2.5 py-1 text-sm font-semibold text-doom-dim first-letter:uppercase`,e),...t})}function S({className:e,...t}){return/* @__PURE__ */ i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:n(`ml-auto shrink-0 text-sm text-doom-dim`,e),...t})}function C({className:e,...t}){return/* @__PURE__ */ i(r.Separator,{"data-slot":`dropdown-menu-separator`,className:n(`my-1 h-px bg-doom-border-soft`,e),...t})}export{s as DropdownMenu,h as DropdownMenuCheckboxItem,d as DropdownMenuContent,l as DropdownMenuGroup,p as DropdownMenuItem,x as DropdownMenuLabel,g as DropdownMenuRadioGroup,_ as DropdownMenuRadioItem,C as DropdownMenuSeparator,S as DropdownMenuShortcut,v as DropdownMenuSub,b as DropdownMenuSubContent,y as DropdownMenuSubTrigger,c as DropdownMenuTrigger,f as dropdownMenuItemVariants};
+//# sourceMappingURL=DropdownMenu.mjs.map

package/dist/packages/core/po-web-components/src/components/DropdownMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.mjs","names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenu$1","DropdownMenu","props","DropdownMenuTrigger","DropdownMenuGroup","CONTENT_CLASS","DropdownMenuContent","cn","className","dropdownMenuItemVariants","cva","DropdownMenuItem","variant","ItemIndicator","DropdownMenuCheckboxItem","CheckIcon","children","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","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/packages/core/po-web-components/src/components/EmptyState.d.mts

@@ -0,0 +1,17 @@
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/EmptyState.d.ts
+export interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {
+  title: ReactNode;
+  description?: ReactNode;
+  /** Optional calls to action under the copy. */
+  children?: ReactNode;
+  /**
+   * Render the child element instead of a <div>, so an empty row inside a
+   * list stays an <li> and the list keeps its semantics.
+   */
+  asChild?: boolean;
+}
+/** The centred "nothing here yet" card every empty panel shares. */
+export declare function EmptyState({ title, description, children, className, asChild, ...props }: EmptyStateProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=EmptyState.d.mts.map

package/dist/packages/core/po-web-components/src/components/EmptyState.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.mts","names":[],"sources":["../../../../../../src/components/EmptyState.tsx"],"mappings":";;iBAKiB,wBAAwB,KAAK;EAC5C,OAAO;EACP,cAAc;;EAEd,WAAW;;;;;EAKX;;;wBAIc,aAAa,OAAO,aAAa,UAAU,WAAW,YAAoB,SAAS,kCAAe,IAAA"}

package/dist/packages/core/po-web-components/src/components/EmptyState.mjs

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

package/dist/packages/core/po-web-components/src/components/EmptyState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.mjs","names":["EmptyState","props","Component","asChild","Slot","cn","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":"qHAkBA,SAAgBA,EAAW,CAAE,QAAO,cAAa,WAAU,YAAW,UAAU,GAAO,GAAGC,GAA0B,CAClH,IAAMC,EAAYC,EAAUC,EAAK,KAAO,MACxC,MACE,kBAACF,EAAD,CACE,YAAU,cACV,UAAWG,EAAG,oEAAqEC,CAAS,EAC5F,GAAIL,EAEJ,SAAA,kBAAC,MAAD,CAAK,UAAU,4EAAf,SAAA,CACE,kBAAC,OAAD,CAAM,UAAU,qCAAsC,SAAAM,CAAY,CAAA,EACjEC,EAAc,kBAAC,OAAD,CAAM,UAAU,0CAA2C,SAAAA,CAAkB,CAAA,EAAI,KAC/FC,CACE,GACI,CAAA,CAEf"}

package/dist/packages/core/po-web-components/src/components/HashlineLines.d.mts

@@ -0,0 +1,23 @@
+import { PresentedLine } from "../lib/hashlineView.mjs";
+import { ComponentProps } from "react";
+//#region src/components/HashlineLines.d.ts
+/**
+ * The anchored body shared by hashline results: a file heading per group, a
+ * right-aligned line-number gutter, and a `>>` marker on grep matches. The
+ * gutter width is a style, not a class, because it follows the widest number.
+ *
+ * The anchored lines are coloured with the editor's grammars when the body
+ * names a file, or when `path` names one for a result that does not. Colour
+ * arrives a frame or two late and never blocks the text: an unhighlighted body
+ * is the same body without the colours.
+ */
+export interface HashlineLinesProps extends ComponentProps<'div'> {
+  lines: readonly PresentedLine[];
+  /** Width of the line-number column, in characters, from `hashlineBody`. */
+  gutter: number;
+  /** The file a body of bare anchored lines came from, for highlighting. */
+  path?: string | undefined;
+}
+export declare function HashlineLines({ className, lines, gutter, path, ...props }: HashlineLinesProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=HashlineLines.d.mts.map

package/dist/packages/core/po-web-components/src/components/HashlineLines.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashlineLines.d.mts","names":[],"sources":["../../../../../../src/components/HashlineLines.tsx"],"mappings":";;;;;;;;;;;;;iBAkBiB,2BAA2B;EAC1C,gBAAgB;;EAEhB;;EAEA;;wBA4Cc,gBAAgB,WAAW,OAAO,QAAQ,SAAS,SAAS,qCAAkB,IAAA"}

package/dist/packages/core/po-web-components/src/components/HashlineLines.mjs

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

package/dist/packages/core/po-web-components/src/components/HashlineLines.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashlineLines.mjs","names":["NO_SPANS","useHashlineSpans","key","hashlineGroupsKey","groups","done","setDone","useState","useEffect","live","next","work","grammar","detectGrammar","group","highlighted","highlightToLines","offset","index","line","HashlineLines","props","spans","useMemo","hashlineGroups","lines","path","gutterStyle","gutter","cn","className","value","SyntaxLine"],"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":"sWA0BA,MAAMA,kBAAuD,IAAI,IAOjE,SAASC,EAAiB,EAA8E,CACtG,IAAMC,EAAMC,EAAkBC,CAAM,EAC9B,CAACC,EAAMC,GAAWC,EACtB,IAAA,EACF,EA2BA,OAzBAC,MAAgB,CACd,IAAIC,EAAO,GACLC,kBAAO,IAAI,IACXC,EAAOP,EAAO,IAAI,KAAO,IAAU,CACvC,IAAMQ,EAAUC,EAAc,CAAE,KAAMC,EAAM,KAAM,KAAMA,EAAM,IAAK,CAAC,EACpE,GAAIF,IAAY,IAAA,GAAW,OAC3B,IAAMG,EAAc,MAAMC,EAAiBF,EAAM,KAAMF,CAAO,EAC9D,GAAIG,IAAgB,IAAA,GACpB,IAAK,GAAM,CAACE,EAAQC,KAAUJ,EAAM,QAAQ,QAAQ,EAAG,CACrD,IAAMK,EAAOJ,EAAYE,GACrBE,IAAS,IAAA,IAAWT,EAAK,IAAIQ,EAAOC,CAAI,CAC9C,CACF,CAAC,EAMD,OAHA,QAAa,WAAWR,CAAI,CAAC,CAAC,SAAW,CACnCF,GAAQC,EAAK,KAAO,GAAGJ,EAAQ,CAAE,MAAK,MAAOI,CAAK,CAAC,CACzD,CAAC,MACY,CACX,EAAO,EACT,CAGF,EAAG,CAACR,CAAG,CAAC,EAEDG,GAAM,MAAQH,EAAMG,EAAK,MAAQL,CAC1C,CAEA,SAAgBoB,EAAc,CAAE,YAAW,QAAO,SAAQ,OAAM,GAAGC,GAA6B,CAE9F,IAAMC,EAAQrB,EADCsB,MAAcC,EAAeC,EAAOC,CAAI,EAAG,CAACD,EAAOC,CAAI,CAClC,CAAC,EAI/BC,EAAc,CAAE,MAAO,GAAGC,EAAO,GAAI,EAC3C,MACE,kBAAC,MAAD,CAAK,YAAU,iBAAiB,UAAWC,EAAG,0BAA2BC,CAAS,EAAG,GAAIT,EACtF,SAAAI,EAAM,KAAK,EAAM,IAAU,CAC1B,GAAIN,EAAK,OAAS,OAChB,MACE,kBAAC,OAAD,CAAkB,UAAU,2CACzB,SAAAA,EAAK,IACF,EAFKD,CAEL,EAGV,GAAIC,EAAK,OAAS,QAChB,MACE,kBAAC,OAAD,CAAkB,UAAU,gDACzB,SAAAA,EAAK,IACF,EAFKD,CAEL,EAGV,GAAM,CAAE,SAAUC,EAClB,MACE,kBAAC,OAAD,CAAkB,UAAU,aAA5B,SAAA,CACGY,EAAM,SAAW,IAAA,GAId,KAHF,kBAAC,OAAD,CAAM,UAAW,gBAAgBA,EAAM,SAAW,QAAU,iBAAmB,oBAC5E,SAAAA,EAAM,SAAW,QAAU,KAAO,EAC/B,CAAA,EAER,kBAAC,OAAD,CAAM,UAAU,sCAAsC,MAAOJ,EAC1D,SAAAI,EAAM,IACH,CAAA,EACN,kBAACC,EAAD,CACE,MAAOV,EAAM,IAAIJ,CAAK,EACtB,KAAMa,EAAM,QACZ,UAAW,2CAA2CA,EAAM,SAAW,QAAU,eAAiB,kBACnG,CAAA,CACG,CAdK,EAAAb,CAcL,CAEV,CAAC,CACE,CAAA,CAET"}

package/dist/packages/core/po-web-components/src/components/Input.d.mts

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/Input.d.ts
+/**
+ * The shape both fields wear, so a single-line and a multi-line field in the
+ * same form agree on their well, their type ramp, and their invalid state.
+ * Textarea builds on it rather than restating it.
+ */
+export declare const fieldVariants: (props?: ({
+  variant?: "bare" | "default" | null | undefined;
+  size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;
+export type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;
+export interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}
+/** The one text field: deep well, quiet border, accent border on focus, red edge when invalid. */
+export declare function Input({ className, type, variant, size, ...props }: InputProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Input.d.mts.map

package/dist/packages/core/po-web-components/src/components/Input.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.mts","names":[],"sources":["../../../../../../src/components/Input.tsx"],"mappings":";;;;;;;;qBAUa,gBAAa;;;6CAwBzB;YAEW,eAAe,YAAY,oBAAoB;YAC/C,YAAY,YAAY,oBAAoB;iBAEvC,mBAAmB,KAAK,kCAAkC,oBAAoB;;wBAG/E,QAAQ,WAAW,MAAM,SAAS,SAAS,SAAS,6BAAU,IAAA"}

package/dist/packages/core/po-web-components/src/components/Input.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=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`,{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 i({className:n,type:i,variant:a,size:o,...s}){return/* @__PURE__ */ t(`input`,{type:i??`text`,"data-slot":`input`,spellCheck:!1,className:e(r({variant:a,size:o}),n),...s})}export{i as Input,r as fieldVariants};
+//# sourceMappingURL=Input.mjs.map

package/dist/packages/core/po-web-components/src/components/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","names":["fieldVariants","cva","Input","props","type","cn","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":"0HAUA,MAAaA,EAAgBC,EAC3B,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,SAAgBC,EAAM,CAAE,YAAW,OAAM,UAAS,OAAM,GAAGC,GAAqB,CAC9E,MACE,kBAAC,QAAD,CACE,KAAMC,GAAQ,OACd,YAAU,QACV,WAAY,GACZ,UAAWC,EAAGL,EAAc,CAAE,UAAS,MAAK,CAAC,EAAGM,CAAS,EACzD,GAAIH,CACL,CAAA,CAEL"}

package/dist/packages/core/po-web-components/src/components/Kbd.d.mts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+//#region src/components/Kbd.d.ts
+/** A key or key path, drawn as the leader hints draw them. */
+export declare function Kbd({ className, ...props }: ComponentProps<'kbd'>): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Kbd.d.mts.map

package/dist/packages/core/po-web-components/src/components/Kbd.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.mts","names":[],"sources":["../../../../../../src/components/Kbd.tsx"],"mappings":";;;wBAKgB,MAAM,cAAc,SAAS,wCAAqB,IAAA"}

package/dist/packages/core/po-web-components/src/components/Kbd.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{jsx as t}from"react/jsx-runtime";function n({className:n,...r}){return/* @__PURE__ */ t(`kbd`,{"data-slot":`kbd`,className:e(`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})}export{n as Kbd};
+//# sourceMappingURL=Kbd.mjs.map

package/dist/packages/core/po-web-components/src/components/Kbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.mjs","names":["Kbd","props","cn","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":"2EAKA,SAAgBA,EAAI,CAAE,YAAW,GAAGC,GAAgC,CAClE,MACE,kBAAC,MAAD,CACE,YAAU,MACV,UAAWC,EACT,0GACAC,CACF,EACA,GAAIF,CACL,CAAA,CAEL"}

package/dist/packages/core/po-web-components/src/components/Label.d.mts

@@ -0,0 +1,8 @@
+import { Label } from "radix-ui";
+import { ComponentProps } from "react";
+//#region src/components/Label.d.ts
+/** A field's name: clicking it focuses the control, which a bare span never does. */
+declare function Label$1({ className, ...props }: ComponentProps<typeof Label.Root>): import("react").JSX.Element;
+//#endregion
+export { Label$1 as Label };
+//# sourceMappingURL=Label.d.mts.map

package/dist/packages/core/po-web-components/src/components/Label.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.mts","names":["Label","LabelPrimitive"],"sources":["../../../../../../src/components/Label.tsx"],"mappings":";;;;iBAMgBA,UAAQ,cAAc,SAAS,sBAAsBC,MAAe,wBAAK,IAAA"}

package/dist/packages/core/po-web-components/src/components/Label.mjs

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

package/dist/packages/core/po-web-components/src/components/Label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.mjs","names":["Label","LabelPrimitive","Label$1","props","Label","cn","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":"4GAMA,SAAgBA,EAAM,CAAE,YAAW,GAAGG,GAAqD,CACzF,MACE,kBAACF,EAAe,KAAhB,CACE,YAAU,QACV,UAAWI,EACT,yGACAC,CACF,EACA,GAAIH,CACL,CAAA,CAEL"}

package/dist/packages/core/po-web-components/src/components/Markdown.d.mts

@@ -0,0 +1,22 @@
+//#region src/components/Markdown.d.ts
+/**
+ * What a piece of inline code opens, when the host knows.
+ *
+ * Returning undefined leaves the span as plain code, which is the answer for
+ * everything a message quotes that is not a file: a class name, a flag, a
+ * command. The caller decides what counts, because only it knows which files
+ * the session has.
+ */
+export type FileLinkHandler = (text: string, explicit?: boolean) => (() => void) | undefined;
+type ImageLoader = (path: string) => Promise<{
+  url: string;
+  dispose(): void;
+}>;
+/** GitHub-flavored Markdown using the cockpit's safe, shared presentation. */
+export declare function Markdown({ text, onFileLink, loadImage }: {
+  text: string;
+  onFileLink?: FileLinkHandler;
+  loadImage?: ImageLoader;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Markdown.d.mts.map

package/dist/packages/core/po-web-components/src/components/Markdown.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.mts","names":[],"sources":["../../../../../../src/components/Markdown.tsx"],"mappings":";;;;;;;;;YA4BY,mBAAmB,cAAc;KAUxC,eAAe,iBAAiB;EAAU;EAAa;;;wBAsL5C,WACd,MACA,YACA;EAEA;EACA,aAAa;EACb,YAAY;oBACb,IAAA"}

package/dist/packages/core/po-web-components/src/components/Markdown.mjs

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

package/dist/packages/core/po-web-components/src/components/Markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.mjs","names":["ReactMarkdown","remarkGfm","REMARK_PLUGINS","CODE_CLASS","FileLinkContext","createContext","ImageContext","Image","loader","useContext","path","src","loaded","setLoaded","useState","useEffect","active","asset","result","current","alt","Code","rest","onFileLink","label","children","open","className","Link","href","textOf","child","Pre","code","isValidElement","CodeBlock","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":"6PAcA,MAAME,EAAiB,CAACD,CAAS,EAI3BE,EAAa,4DAkBbC,EAAkBC,EAA2C,IAAA,EAAS,EAGtEC,EAAeD,EAAuC,IAAA,EAAS,EAErE,SAASE,EAAM,CAAE,MAAK,OAA8B,CAClD,IAAMC,EAASC,EAAWH,CAAY,EAClCI,EACJ,GAAI,OAAOC,GAAQ,UAAYA,IAAQ,IAAM,CAAC,oCAAoC,KAAKA,CAAG,EACxF,GAAI,CACF,EAAO,mBAAmBA,EAAI,MAAM,OAAQ,CAAC,CAAC,CAAC,EAAG,CACpD,MAAQ,CAEN,EAAO,EACT,CAEF,GAAM,CAACC,EAAQC,GAAaC,EAAgF,EAC5GC,MAAgB,CACd,GAAIP,IAAW,IAAA,IAAaE,IAAS,IAAA,GAAW,OAChD,IAAIM,EAAS,GACTC,EAkBJ,OAjBA,QAAa,QAAQ,CAAC,CACnB,SAAW,CAEV,GADID,GAAQH,EAAU,IAAA,EAAS,EAC3BH,IAAS,GAAI,MAAU,MAAM,qBAAqB,EACtD,OAAOF,EAAOE,CAAI,CACpB,CAAC,CAAC,CACD,KAAM,GAAW,CAChB,GAAI,CAACM,EAAQ,CACXE,EAAO,QAAQ,EACf,MACF,CACA,EAAQA,EACRL,EAAU,CAAE,OAAM,SAAQ,IAAKK,EAAO,GAAI,CAAC,CAC7C,CAAC,CAAC,CACD,UAAY,CACPF,GAAQH,EAAU,CAAE,OAAM,SAAQ,OAAQ,EAAK,CAAC,CACtD,CAAC,MACU,CACX,EAAS,GACTI,GAAO,QAAQ,CACjB,CACF,EAAG,CAACP,EAAMF,CAAM,CAAC,EACjB,IAAMW,EAAUP,GAAQ,OAASF,GAAQE,GAAQ,SAAWJ,EAASI,EAAS,IAAA,GAO9E,OANIJ,IAAW,IAAA,IAAaE,IAAS,IAAA,KAAcS,GAAS,MAAQ,IAAA,IAAaA,EAAQ,QAErF,kBAAC,OAAD,CAAM,KAAMA,GAAS,OAAS,QAAU,SAAU,MAAOT,EAAzD,SAAA,CACGU,GAAOV,GAAQ,QAAQ,KAAGS,GAAS,OAAS,cAAgB,aAAa,GACtE,IAGR,kBAAC,MAAD,CACE,IAAKX,IAAW,IAAA,IAAaE,IAAS,IAAA,GAAYS,GAAS,IAAMR,EACjE,IAAKS,GAAO,GACZ,QAASZ,IAAW,IAAA,IAAaE,IAAS,IAAA,OAAkBG,EAAU,CAAE,OAAM,SAAQ,OAAQ,EAAK,CAAC,EAAI,IAAA,GACxG,UAAU,4DACX,CAAA,CAEL,CAEA,SAASQ,EAAK,CAAE,YAAW,WAAU,GAAGC,GAAgC,CACtE,IAAMC,EAAad,EAAWL,CAAe,EAGvCoB,EAAQ,OAAOC,GAAa,UAAY,CAACA,EAAS,SAAS;CAAI,EAAIA,EAAW,IAAA,GAC9EC,EAAOF,IAAU,IAAA,IAAaG,IAAc,IAAA,GAAY,IAAA,GAAYJ,IAAaC,CAAK,EAc5F,OAbIE,IAAS,IAAA,IAAaF,IAAU,IAAA,GAEhC,kBAAC,SAAD,CACE,KAAK,SACL,cAAY,qBACZ,MAAO,QAAQA,IACf,QAASE,EACT,UAAW,GAAGvB,EAAW,mHAExB,SAAAqB,CACK,CAAA,EAIV,kBAAC,OAAD,CACE,GAAIF,EACJ,UAAW,GAAGK,GAAa,GAAG,GAAGxB,EAAW,0DAE3C,UACG,CAAA,CAEV,CAEA,SAASyB,EAAK,CAAE,OAAM,YAAiC,CACrD,IAAML,EAAad,EAAWL,CAAe,EACzCM,EAAOmB,EACX,GAAI,CACF,EAAOA,IAAS,IAAA,GAAY,IAAA,GAAY,mBAAmBA,CAAI,CACjE,MAAQ,CACN,EAAO,IAAA,EACT,CAEA,IAAMH,EADShB,IAAS,IAAA,IAAaA,IAAS,IAAM,CAAC,oCAAoC,KAAKA,CAAI,EAC5Ea,IAAab,EAAO,EAAI,EAAI,IAAA,GAalD,OAZIgB,IAAS,IAAA,GAaX,kBAAC,IAAD,CAAS,OAAM,OAAO,SAAS,IAAI,aAAa,UAAU,mDACvD,UACA,CAAA,EAbD,kBAAC,SAAD,CACE,KAAK,SACL,cAAY,qBACZ,MAAO,QAAQhB,IACf,QAASgB,EACT,UAAU,mDAET,UACK,CAAA,CAOd,CAGA,SAASI,EAAO,EAA6B,CAG3C,OAFI,OAAOL,GAAa,SAAiBA,EACrC,MAAM,QAAQA,CAAQ,EAAUA,EAAS,IAAK,GAAUK,EAAOC,CAAkB,CAAC,CAAC,CAAC,KAAK,EAAE,EACxF,EACT,CAWA,SAASC,EAAI,CAAE,YAAmC,CAChD,IAAMC,EAAOC,EAA6DT,CAAQ,EAAIA,EAAW,IAAA,GAQjG,OAPIQ,IAAS,IAAA,GAET,kBAAC,MAAD,CAAK,UAAU,+FACZ,UACE,CAAA,EAGF,kBAACE,EAAD,CAAW,KAAML,EAAOG,EAAK,MAAM,QAAQ,CAAC,CAAC,QAAQ,MAAO,EAAE,EAAG,UAAWA,EAAK,MAAM,SAAY,CAAA,CAC5G,CACA,MAAMG,EAAyB,CAC7B,GAAI,CAAE,cAAe,kBAAC,IAAD,CAAG,UAAU,kCAAmC,UAAY,CAAA,EACjF,QAAS,CAAE,cAAe,kBAAC,SAAD,CAAQ,UAAU,6BAA8B,UAAiB,CAAA,EAC3F,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,SAAU,UAAa,CAAA,EAC3D,KAAM,CAAE,cAAe,kBAAC,MAAD,CAAK,UAAU,6BAA8B,UAAc,CAAA,EAClF,EAAGR,EACH,KAAMP,EACN,IAAKW,EACL,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,iBAAkB,UAAa,CAAA,EACnE,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,oBAAqB,UAAa,CAAA,EACtE,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,kCAAmC,UAAa,CAAA,EAIpF,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,sDAAuD,UAAa,CAAA,EACxG,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,qDAAsD,UAAa,CAAA,EACvG,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,qDAAsD,UAAa,CAAA,EACvG,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,6BAA8B,UAAa,CAAA,EAC/E,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,+BAAgC,UAAa,CAAA,EACjF,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,8BAA+B,UAAa,CAAA,EAChF,YAAa,CAAE,cACb,kBAAC,aAAD,CAAY,UAAU,mDAAoD,UAAqB,CAAA,EAEjG,OAAU,kBAAC,KAAD,CAAI,UAAU,yBAA2B,CAAA,EACnD,OAAQ,CAAE,cACR,kBAAC,MAAD,CAAK,UAAU,kBACb,SAAA,kBAAC,QAAD,CAAO,UAAU,kBAAmB,UAAgB,CAAA,CACjD,CAAA,EAEP,IAAK,CAAE,cACL,kBAAC,KAAD,CAAI,UAAU,wFACX,UACC,CAAA,EAEN,IAAK,CAAE,cAAe,kBAAC,KAAD,CAAI,UAAU,gDAAiD,UAAa,CAAA,EAClG,IAAKzB,CACP,EAGA,SAAgB8B,EAAS,CACvB,OACA,aACA,aAKC,CACD,MACE,kBAACjC,EAAgB,SAAjB,CAA0B,MAAOmB,EAC/B,SAAA,kBAACjB,EAAa,SAAd,CAAuB,MAAOgC,EAC5B,SAAA,kBAAC,MAAD,CAAK,UAAU,8BACb,SAAA,kBAACtC,EAAD,CAAe,cAAeE,EAAgB,WAAYkC,EACvD,SAAAG,CACY,CAAA,CACZ,CAAA,CACgB,CAAA,CACC,CAAA,CAE9B"}

package/dist/packages/core/po-web-components/src/components/McpApp.d.mts

@@ -0,0 +1,18 @@
+import { DoomMcpWidgetProps } from "../../../po-core/dist/src/web/types/mcpWidget.mjs";
+import "../../../po-core/dist/web.mjs";
+import { ComponentType } from "react";
+//#region src/components/McpApp.d.ts
+interface View {
+  readonly widget?: string;
+  readonly props: DoomMcpWidgetProps;
+  readonly failure?: string;
+}
+/** The root only dispatches. Tool-specific presentation belongs to the contributing package. */
+export declare function McpApp({ widgets, view }: {
+  widgets: Readonly<Record<string, ComponentType<DoomMcpWidgetProps>>>;
+  view: View;
+}): import("react").JSX.Element;
+/** Mounts one independently sandboxed invocation of the sync-generated widget registry. */
+export declare function mountMcpApp(widgets: Readonly<Record<string, ComponentType<DoomMcpWidgetProps>>>): Promise<void>;
+//#endregion
+//# sourceMappingURL=McpApp.d.mts.map

package/dist/packages/core/po-web-components/src/components/McpApp.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpApp.d.mts","names":[],"sources":["../../../../../../src/components/McpApp.tsx"],"mappings":";;;;UAUU;WACC;WACA,OAAO;WACP;;;wBAgBK,SACd,SACA;EAEA,SAAS,SAAS,eAAe,cAAc;EAC/C,MAAM;oBACP,IAAA;;wBAiBqB,YAAY,SAAS,SAAS,eAAe,cAAc,wBAAwB"}

package/dist/packages/core/po-web-components/src/components/McpApp.mjs

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

package/dist/packages/core/po-web-components/src/components/McpApp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpApp.mjs","names":["WidgetBoundary","Component","McpApp","Widget","view","widgets","mountMcpApp","element","root","createRoot","app","App","disposed","terminal","connected","appVisible","render","fail","message","identify","name","widget","updateRefresh","enabled","applyContext","context","applyDocumentTheme","applyHostStyleVariables","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/packages/core/po-web-components/src/components/McpToolWidget.d.mts

@@ -0,0 +1,15 @@
+import { DoomMcpWidgetProps } from "../../../po-core/dist/src/web/types/mcpWidget.mjs";
+import "../../../po-core/dist/mcpWidget.mjs";
+import { ReactNode } from "react";
+//#region src/components/McpToolWidget.d.ts
+/** Presentational primitives only. Each package chooses its own fields and result presentation. */
+export declare function McpToolFrame({ title, phase, result, error, children }: Pick<DoomMcpWidgetProps, 'phase' | 'result' | 'error'> & {
+  title: string;
+  children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function McpToolFields({ fields }: {
+  fields: readonly (readonly [string, unknown])[];
+}): import("react").JSX.Element | null;
+export declare function McpToolOutput({ result }: Pick<DoomMcpWidgetProps, 'result'>): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=McpToolWidget.d.mts.map

package/dist/packages/core/po-web-components/src/components/McpToolWidget.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpToolWidget.d.mts","names":[],"sources":["../../../../../../src/components/McpToolWidget.tsx"],"mappings":";;;;;wBAIgB,eACd,OACA,OACA,QACA,OACA,YACC,KAAK;EAAsD;EAAe,WAAW;oBAAW,IAAA;wBAqCnF,gBAAgB;EAAY;oBAAiD,IAAA;wBAkB7E,gBAAgB,UAAU,KAAK,gDAA6B,IAAA"}

package/dist/packages/core/po-web-components/src/components/McpToolWidget.mjs

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

package/dist/packages/core/po-web-components/src/components/McpToolWidget.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpToolWidget.mjs","names":["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":"kDAIA,SAAgBA,EAAa,CAC3B,QACA,QACA,SACA,QACA,YACmG,CACnG,IAAMC,EAASC,IAAU,SAAWC,GAAQ,UAAY,GAYxD,MACE,kBAAC,UAAD,CAAS,UAAU,uFAAnB,SAAA,CACE,kBAAC,KAAD,CAAI,UAAU,wCAAyC,SAAAC,CAAU,CAAA,EACjE,kBAAC,IAAD,CACE,KAAK,SACL,YAAU,SACV,cAAY,OACZ,UAAWH,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,kBAAC,KAAD,CAAI,aAAW,eAAe,UAAU,mCACrC,SAAAA,EAAO,KAAK,CAAE,QAAO,UACpB,kBAAC,MAAD,CAAiB,UAAU,yCAA3B,SAAA,CACE,kBAAC,KAAD,CAAI,UAAU,wBAAyB,SAAAE,CAAU,CAAA,EACjD,kBAAC,KAAD,CAAI,UAAU,oDAAqD,SAAAC,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,kBAAC,UAAD,CAAS,KAAA,GAAK,UAAU,oDAAxB,SAAA,CACE,kBAAC,UAAD,CAAS,UAAU,iEAAiE,SAAA,aAAoB,CAAA,EACxG,kBAAC,MAAD,CACE,SAAU,EACV,aAAW,sBACX,UAAU,iFAET,SAAAF,IAASI,EAAU,yCAA2C,kBAC5D,CAAA,EACJD,GAAaC,EACZ,kBAAC,IAAD,CAAG,UAAU,iEAAb,SAAA,CACGD,EAAY,8DAAgE,GAC5EC,EAAU,GAAGA,EAAQ,kDAAoD,EACzE,CACD,CAAA,EAAA,IACG,GAEb"}