@agimon-ai/po-web-components 0.0.0-alpha.3 → 0.0.0-alpha.5

package/README.md

@@ -13,7 +13,7 @@ Because every colour is a token, a theme config recolours the whole cockpit at r
 | `.`               | Actions and chips: `Button`, `Badge`, `StatusBadge`, `Dot`, `Kbd`, `NavTab*`, `Tabs*`. Fields: `Input`, `Textarea`, `Label`, `Checkbox`, `Switch`, `RadioGroup*`, `Select*`. Overlays: `Dialog*`, `Sheet*`, `Popover*`, `DropdownMenu*`, `Tooltip*`, `Toast*`, `Command*`. Layout and content: `Panel*`, `SectionLabel`, `Separator`, `EmptyState`, `ScrollArea`, `Collapsible*`, `Accordion*`, `OptionList`, `OptionRow`, `MessageItem*`, `MessageLines`. Feedback: `Spinner`, `Progress`, `Skeleton`, `Avatar*`, `StreamCursor`. Files: `CodeEditor`, `MediaPreview`. Review: `DiffView`, `ReviewCommentDraft`. Plus the curated icon set, `cn`, `collapseLines`, `grammarKeyOf`, `mediaKindOf`, the review helpers (`buildReviewPrompt`, `reviewCommentAnchor`, `diffRangeOf`), `groupByDirectory`, the option-list key helpers, and the tone vocabularies with the maps between them |
 | `./theme`         | `ThemeConfig`, the token lists, `BUILTIN_THEMES`, `applyTheme`, `parseThemeConfig`, `themeFromPiTheme`, the stored-preference helpers                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
 | `./styles.css`    | The token stylesheet: the bundled fonts, then `styles/theme.css` (`:root` defaults, the Tailwind `@theme inline` mapping, shadcn semantic aliases, base styles, and the `@source` for this package's classes)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
-| `./themes/*.json` | The shipped theme configs: `doom-one-dark` (default), `doom-one-light`, `doom-nord-dark`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `./themes/*.json` | The shipped theme configs: `po-one-dark` (default), `po-one-light`, `po-nord-dark`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
 
 ## Using it from the cockpit host
 
@@ -27,7 +27,7 @@ Because every colour is a token, a theme config recolours the whole cockpit at r
 import { Button, Dialog, DialogContent, StatusBadge } from '@agimon-ai/po-web-components';
 import { applyTheme, builtinTheme, readThemePreference } from '@agimon-ai/po-web-components/theme';
 
-applyTheme(builtinTheme(readThemePreference(localStorage) ?? 'doom-one-dark')!, document.documentElement);
+applyTheme(builtinTheme(readThemePreference(localStorage) ?? 'po-one-dark')!, document.documentElement);
 ```
 
 ## Tones
@@ -56,7 +56,7 @@ is what keeps host and plugin items alike, and the shell carries the `tool-statu
 
 ## Files
 
-`CodeEditor` is CodeMirror 6 on the doom palette: line numbers, folding, undo, a search panel, and
+`CodeEditor` is CodeMirror 6 on the po palette: line numbers, folding, undo, a search panel, and
 a grammar chosen from the file's path. It arrives as its own chunk, and each grammar as another, so
 a session that never opens a file downloads neither. Give it a height (it fills its container) and
 read edits back through `onChange`; `onSelect` reports the current range with one-based line
@@ -95,7 +95,7 @@ places inline content, such as an open draft, under a row.
 A web plugin's client code may import `react`, the `@tanstack` store packages,
 `@agimon-ai/po-core/web`, and this package. Declare it as a `workspace:*` dependency and
 import the same way the host does; the cockpit bundler dedupes it so one copy renders everywhere.
-Do not import `radix-ui` or `class-variance-authority` directly from plugin code: the doom-web
+Do not import `radix-ui` or `class-variance-authority` directly from plugin code: the po-web
 vibe-lint rules route every primitive through this package so a theme change reaches all of them.
 
 ## Theme tokens
@@ -133,8 +133,8 @@ ink; the role ladder is in [docs/design.md](../../../docs/design.md#type). `./mc
 same tokens without the fonts: a Po-generated MCP app gets them inlined by its build, and a
 third-party app keeps its own.
 
-Each token is published as `--doom-<token>` on the root element and mapped to Tailwind as
-`doom-<token>` (`bg-doom-panel`, `text-doom-hi`, `border-doom-edge-red`), and to shadcn's semantic
+Each token is published as `--po-<token>` on the root element and mapped to Tailwind as
+`po-<token>` (`bg-po-panel`, `text-po-hi`, `border-po-edge-red`), and to shadcn's semantic
 names (`bg-background`, `text-muted-foreground`, `border-input`).
 
 ## Writing a theme
@@ -160,6 +160,6 @@ pnpm test       # theme, bridge, and render smoke tests (react-dom/server, no DO
 pnpm typecheck
 ```
 
-The `doom-web` vibe-lint preset governs the layout: `src/types` (the theme contract), `src/lib`
+The `po-web` vibe-lint preset governs the layout: `src/types` (the theme contract), `src/lib`
 (`cn`), `src/theme`, `src/icons`, `src/components` (one PascalCase component per file, props-driven,
 no application state), and `src/exports` (pure re-exports, one file per subpath).

package/dist/packages/core/po-core/dist/mcpWidget.d.mts

@@ -1,2 +1,2 @@
-import { DoomMcpWidgetProps } from "./src/web/types/mcpWidget.mjs";
-export type { DoomMcpWidgetProps };
+import { PoMcpWidgetProps } from "./src/web/types/mcpWidget.mjs";
+export type { PoMcpWidgetProps };

package/dist/packages/core/po-core/dist/src/web/types/mcpWidget.d.mts

@@ -3,7 +3,7 @@ import "../../../../../../../node_modules/.pnpm/@modelcontextprotocol_server@2.3
 //#region ../po-core/dist/src/web/types/mcpWidget.d.mts
 //#region src/web/types/mcpWidget.d.ts
 /** The MCP host supplies invocation data. Widgets never receive host services or credentials. */
-export interface DoomMcpWidgetProps {
+export interface PoMcpWidgetProps {
   readonly toolName: string;
   readonly args: Readonly<Record<string, unknown>>;
   readonly result: CallToolResult | null;

package/dist/packages/core/po-core/dist/web.d.mts

@@ -1,4 +1,4 @@
-import { DoomMcpWidgetProps } from "./src/web/types/mcpWidget.mjs";
+import { PoMcpWidgetProps } from "./src/web/types/mcpWidget.mjs";
 import "./src/web/types/template.mjs";
 import "./src/web/types/nativeTemplate.mjs";
 import "./src/web/types/webPlugin.mjs";
@@ -9,4 +9,4 @@ import "./src/web/models/sessionStore.mjs";
 import "./src/web/models/workspaceStore.mjs";
 import "./src/web/schemas/template.mjs";
 import "./src/web/services/mcpWidget.mjs";
-export type { DoomMcpWidgetProps };
+export type { PoMcpWidgetProps };

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

@@ -1,2 +1,2 @@
-import{ChevronDownIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{Accordion as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a(e){return/* @__PURE__ */ r(n.Root,{"data-slot":`accordion`,...e})}function o({className:e,...i}){return/* @__PURE__ */ r(n.Item,{"data-slot":`accordion-item`,className:t(`border-b border-doom-border-soft last:border-b-0`,e),...i})}function s({className:a,children:o,...s}){return/* @__PURE__ */ r(n.Header,{className:`flex`,children:/* @__PURE__ */ i(n.Trigger,{"data-slot":`accordion-trigger`,className:t(`flex flex-1 cursor-pointer items-center justify-between gap-2 py-2 text-left text-sm text-doom-hi outline-none transition-colors hover:text-doom-blue focus-visible:text-doom-blue [&[data-state=open]>svg]:rotate-180`,a),...s,children:[o,/* @__PURE__ */ r(e,{className:`h-3 w-3 shrink-0 text-doom-faint transition-transform`})]})})}function c({className:e,...i}){return/* @__PURE__ */ r(n.Content,{"data-slot":`accordion-content`,className:t(`overflow-hidden pb-2 text-sm text-doom-dim`,e),...i})}export{a as Accordion,c as AccordionContent,o as AccordionItem,s as AccordionTrigger};
+import{ChevronDownIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{Accordion as n}from"radix-ui";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a(e){return/* @__PURE__ */ r(n.Root,{"data-slot":`accordion`,...e})}function o({className:e,...i}){return/* @__PURE__ */ r(n.Item,{"data-slot":`accordion-item`,className:t(`border-b border-po-border-soft last:border-b-0`,e),...i})}function s({className:a,children:o,...s}){return/* @__PURE__ */ r(n.Header,{className:`flex`,children:/* @__PURE__ */ i(n.Trigger,{"data-slot":`accordion-trigger`,className:t(`flex flex-1 cursor-pointer items-center justify-between gap-2 py-2 text-left text-sm text-po-hi outline-none transition-colors hover:text-po-blue focus-visible:text-po-blue [&[data-state=open]>svg]:rotate-180`,a),...s,children:[o,/* @__PURE__ */ r(e,{className:`h-3 w-3 shrink-0 text-po-faint transition-transform`})]})})}function c({className:e,...i}){return/* @__PURE__ */ r(n.Content,{"data-slot":`accordion-content`,className:t(`overflow-hidden pb-2 text-sm text-po-dim`,e),...i})}export{a as Accordion,c as AccordionContent,o as AccordionItem,s as AccordionTrigger};
 //# sourceMappingURL=Accordion.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","names":["Accordion","AccordionPrimitive","Accordion$1","Accordion","props","AccordionItem","cn","className","AccordionTrigger","children","ChevronDownIcon","AccordionContent"],"sources":["../../../../../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { ChevronDownIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** Several collapsibles that know about each other; pass type=\"single\" for one open at a time. */\nexport function Accordion(props: ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nexport function AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('border-b border-doom-border-soft last:border-b-0', className)}\n      {...props}\n    />\n  );\n}\n\nexport function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          'flex flex-1 cursor-pointer items-center justify-between gap-2 py-2 text-left text-sm text-doom-hi outline-none transition-colors hover:text-doom-blue focus-visible:text-doom-blue [&[data-state=open]>svg]:rotate-180',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"h-3 w-3 shrink-0 text-doom-faint transition-transform\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nexport function AccordionContent({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className={cn('overflow-hidden pb-2 text-sm text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"+KAOA,SAAgBA,EAAU,EAAuD,CAC/E,MAAO,kBAACC,EAAmB,KAApB,CAAyB,YAAU,YAAY,GAAIG,CAAQ,CAAA,CACpE,CAEA,SAAgBC,EAAc,CAAE,YAAW,GAAGD,GAAyD,CACrG,MACE,kBAACH,EAAmB,KAApB,CACE,YAAU,iBACV,UAAWK,EAAG,mDAAoDC,CAAS,EAC3E,GAAIH,CACL,CAAA,CAEL,CAEA,SAAgBI,EAAiB,CAAE,YAAW,WAAU,GAAGJ,GAA4D,CACrH,MACE,kBAACH,EAAmB,OAApB,CAA2B,UAAU,OACnC,SAAA,kBAACA,EAAmB,QAApB,CACE,YAAU,oBACV,UAAWK,EACT,yNACAC,CACF,EACA,GAAIH,EANN,SAAA,CAQGK,EACD,kBAACC,EAAD,CAAiB,UAAU,uDAAyD,CAAA,CAC1D,GACH,CAAA,CAE/B,CAEA,SAAgBC,EAAiB,CAAE,YAAW,GAAGP,GAA4D,CAC3G,MACE,kBAACH,EAAmB,QAApB,CACE,YAAU,oBACV,UAAWK,EAAG,6CAA8CC,CAAS,EACrE,GAAIH,CACL,CAAA,CAEL"}
+{"version":3,"file":"Accordion.mjs","names":["Accordion","AccordionPrimitive","Accordion$1","Accordion","props","AccordionItem","cn","className","AccordionTrigger","children","ChevronDownIcon","AccordionContent"],"sources":["../../../../../../src/components/Accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { ChevronDownIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** Several collapsibles that know about each other; pass type=\"single\" for one open at a time. */\nexport function Accordion(props: ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nexport function AccordionItem({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('border-b border-po-border-soft last:border-b-0', className)}\n      {...props}\n    />\n  );\n}\n\nexport function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          'flex flex-1 cursor-pointer items-center justify-between gap-2 py-2 text-left text-sm text-po-hi outline-none transition-colors hover:text-po-blue focus-visible:text-po-blue [&[data-state=open]>svg]:rotate-180',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"h-3 w-3 shrink-0 text-po-faint transition-transform\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nexport function AccordionContent({ className, ...props }: ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className={cn('overflow-hidden pb-2 text-sm text-po-dim', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"+KAOA,SAAgBA,EAAU,EAAuD,CAC/E,MAAO,kBAACC,EAAmB,KAApB,CAAyB,YAAU,YAAY,GAAIG,CAAQ,CAAA,CACpE,CAEA,SAAgBC,EAAc,CAAE,YAAW,GAAGD,GAAyD,CACrG,MACE,kBAACH,EAAmB,KAApB,CACE,YAAU,iBACV,UAAWK,EAAG,iDAAkDC,CAAS,EACzE,GAAIH,CACL,CAAA,CAEL,CAEA,SAAgBI,EAAiB,CAAE,YAAW,WAAU,GAAGJ,GAA4D,CACrH,MACE,kBAACH,EAAmB,OAApB,CAA2B,UAAU,OACnC,SAAA,kBAACA,EAAmB,QAApB,CACE,YAAU,oBACV,UAAWK,EACT,mNACAC,CACF,EACA,GAAIH,EANN,SAAA,CAQGK,EACD,kBAACC,EAAD,CAAiB,UAAU,qDAAuD,CAAA,CACxD,GACH,CAAA,CAE/B,CAEA,SAAgBC,EAAiB,CAAE,YAAW,GAAGP,GAA4D,CAC3G,MACE,kBAACH,EAAmB,QAApB,CACE,YAAU,oBACV,UAAWK,EAAG,2CAA4CC,CAAS,EACnE,GAAIH,CACL,CAAA,CAEL"}

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

@@ -1,4 +1,4 @@
-import{cn as e}from"../lib/cn.mjs";import{ansiSpans as t}from"../lib/ansiSpans.mjs";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{Fragment as a,useMemo as o}from"react";function s(t){return e(t.className,t.bold===!0&&`font-bold`,t.faint===!0&&`opacity-60`,t.italic===!0&&`italic`,t.underline===!0&&`underline`,t.inverse===!0&&`bg-doom-text text-doom-deep`)}function c({spans:e}){return/* @__PURE__ */ r(n,{children:e.map((e,t)=>/* @__PURE__ */ r(`span`,{className:s(e),style:e.color===void 0?void 0:{color:e.color},children:e.text},t))})}function l({line:e,className:n,...i}){let a=o(()=>t(e),[e]);return/* @__PURE__ */ r(`span`,{"data-slot":`ansi-line`,className:n,...i,children:/* @__PURE__ */ r(c,{spans:a})})}function u({text:e,...n}){let s=o(()=>e.split(`
+import{cn as e}from"../lib/cn.mjs";import{ansiSpans as t}from"../lib/ansiSpans.mjs";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{Fragment as a,useMemo as o}from"react";function s(t){return e(t.className,t.bold===!0&&`font-bold`,t.faint===!0&&`opacity-60`,t.italic===!0&&`italic`,t.underline===!0&&`underline`,t.inverse===!0&&`bg-po-text text-po-deep`)}function c({spans:e}){return/* @__PURE__ */ r(n,{children:e.map((e,t)=>/* @__PURE__ */ r(`span`,{className:s(e),style:e.color===void 0?void 0:{color:e.color},children:e.text},t))})}function l({line:e,className:n,...i}){let a=o(()=>t(e),[e]);return/* @__PURE__ */ r(`span`,{"data-slot":`ansi-line`,className:n,...i,children:/* @__PURE__ */ r(c,{spans:a})})}function u({text:e,...n}){let s=o(()=>e.split(`
 `).map(e=>t(e)),[e]);return/* @__PURE__ */ r(`pre`,{"data-slot":`ansi-text`,...n,children:s.map((e,t)=>/* @__PURE__ */ i(a,{children:[t>0?`
 `:null,/* @__PURE__ */ r(c,{spans:e})]},t))})}export{l as AnsiLine,u as AnsiText};
 //# sourceMappingURL=AnsiText.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnsiText.mjs","names":["Fragment","Fragment$1","spanClassName","cn","span","AnsiSpans","Fragment","spans","index","AnsiLine","props","useMemo","ansiSpans","line","AnsiText","lines","text"],"sources":["../../../../../../src/components/AnsiText.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, useMemo } from 'react';\n\nimport { type AnsiSpan, ansiSpans } from '../lib/ansiSpans';\nimport { cn } from '../lib/cn';\n\n/**\n * Terminal output with the colours it was written in.\n *\n * Both readers of terminal text render it the same way, so the mapping from a\n * span's attributes to classes lives here rather than in each of them: a\n * captured workflow screen is a line at a time, and a runner log is a block.\n * Parsing is synchronous and cheap; text with no escapes in it takes a path\n * that allocates nothing.\n *\n * DESIGN PATTERNS:\n * - Named colours arrive as theme classes from `ansiSpans`; only 256-colour\n *   and truecolour, which no token stands for, come through as a style.\n * - One element per line, so wrapping and selection behave as they do in a pre.\n *\n * AVOID:\n * - Carrying attributes across lines. A captured screen and a bounded log tail\n *   both start mid-stream.\n */\n\nfunction spanClassName(span: AnsiSpan): string {\n  return cn(\n    span.className,\n    span.bold === true && 'font-bold',\n    span.faint === true && 'opacity-60',\n    span.italic === true && 'italic',\n    span.underline === true && 'underline',\n    span.inverse === true && 'bg-doom-text text-doom-deep',\n  );\n}\n\nfunction AnsiSpans({ spans }: { spans: readonly AnsiSpan[] }) {\n  return (\n    <>\n      {spans.map((span, index) => (\n        <span\n          key={index}\n          className={spanClassName(span)}\n          style={span.color === undefined ? undefined : { color: span.color }}\n        >\n          {span.text}\n        </span>\n      ))}\n    </>\n  );\n}\n\nexport interface AnsiLineProps extends Omit<ComponentProps<'span'>, 'children'> {\n  /** One line of terminal output, escapes and all. */\n  line: string;\n}\n\n/** One line, for a caller that already lays out a screen row by row. */\nexport function AnsiLine({ line, className, ...props }: AnsiLineProps) {\n  const spans = useMemo(() => ansiSpans(line), [line]);\n  return (\n    <span data-slot=\"ansi-line\" className={className} {...props}>\n      <AnsiSpans spans={spans} />\n    </span>\n  );\n}\n\nexport interface AnsiTextProps extends Omit<ComponentProps<'pre'>, 'children'> {\n  /** Terminal output, newline separated, escapes and all. */\n  text: string;\n}\n\n/** A block of terminal output: a log tail, or anything else that arrives whole. */\nexport function AnsiText({ text, ...props }: AnsiTextProps) {\n  const lines = useMemo(() => text.split('\\n').map((line) => ansiSpans(line)), [text]);\n  return (\n    <pre data-slot=\"ansi-text\" {...props}>\n      {lines.map((spans, index) => (\n        <Fragment key={index}>\n          {index > 0 ? '\\n' : null}\n          <AnsiSpans spans={spans} />\n        </Fragment>\n      ))}\n    </pre>\n  );\n}\n"],"mappings":"kMAwBA,SAASE,EAAc,EAAwB,CAC7C,OAAOC,EACLC,EAAK,UACLA,EAAK,OAAS,IAAQ,YACtBA,EAAK,QAAU,IAAQ,aACvBA,EAAK,SAAW,IAAQ,SACxBA,EAAK,YAAc,IAAQ,YAC3BA,EAAK,UAAY,IAAQ,6BAC3B,CACF,CAEA,SAASC,EAAU,CAAE,SAAyC,CAC5D,MACE,kBAAAC,EAAA,CAAA,SACGC,EAAM,KAAK,EAAM,IAChB,kBAAC,OAAD,CAEE,UAAWL,EAAcE,CAAI,EAC7B,MAAOA,EAAK,QAAU,IAAA,GAAY,IAAA,GAAY,CAAE,MAAOA,EAAK,KAAM,EAEjE,SAAAA,EAAK,IACF,EALCI,CAKD,CACP,CACD,CAAA,CAEN,CAQA,SAAgBC,EAAS,CAAE,OAAM,YAAW,GAAGC,GAAwB,CACrE,IAAMH,EAAQI,MAAcC,EAAUC,CAAI,EAAG,CAACA,CAAI,CAAC,EACnD,MACE,kBAAC,OAAD,CAAM,YAAU,YAAuB,YAAW,GAAIH,EACpD,SAAA,kBAACL,EAAD,CAAkB,OAAQ,CAAA,CACtB,CAAA,CAEV,CAQA,SAAgBS,EAAS,CAAE,OAAM,GAAGJ,GAAwB,CAC1D,IAAMK,EAAQJ,MAAcK,EAAK,MAAM;CAAI,CAAC,CAAC,IAAK,GAASJ,EAAUC,CAAI,CAAC,EAAG,CAACG,CAAI,CAAC,EACnF,MACE,kBAAC,MAAD,CAAK,YAAU,YAAY,GAAIN,EAC5B,SAAAK,EAAM,KAAK,EAAO,IACjB,kBAACf,EAAD,CAAA,SAAA,CACGQ,EAAQ,EAAI;EAAO,KACpB,kBAACH,EAAD,CAAkB,OAAQ,CAAA,CAClB,CAAA,EAHKG,CAGL,CACX,CACE,CAAA,CAET"}
+{"version":3,"file":"AnsiText.mjs","names":["Fragment","Fragment$1","spanClassName","cn","span","AnsiSpans","Fragment","spans","index","AnsiLine","props","useMemo","ansiSpans","line","AnsiText","lines","text"],"sources":["../../../../../../src/components/AnsiText.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, useMemo } from 'react';\n\nimport { type AnsiSpan, ansiSpans } from '../lib/ansiSpans';\nimport { cn } from '../lib/cn';\n\n/**\n * Terminal output with the colours it was written in.\n *\n * Both readers of terminal text render it the same way, so the mapping from a\n * span's attributes to classes lives here rather than in each of them: a\n * captured workflow screen is a line at a time, and a runner log is a block.\n * Parsing is synchronous and cheap; text with no escapes in it takes a path\n * that allocates nothing.\n *\n * DESIGN PATTERNS:\n * - Named colours arrive as theme classes from `ansiSpans`; only 256-colour\n *   and truecolour, which no token stands for, come through as a style.\n * - One element per line, so wrapping and selection behave as they do in a pre.\n *\n * AVOID:\n * - Carrying attributes across lines. A captured screen and a bounded log tail\n *   both start mid-stream.\n */\n\nfunction spanClassName(span: AnsiSpan): string {\n  return cn(\n    span.className,\n    span.bold === true && 'font-bold',\n    span.faint === true && 'opacity-60',\n    span.italic === true && 'italic',\n    span.underline === true && 'underline',\n    span.inverse === true && 'bg-po-text text-po-deep',\n  );\n}\n\nfunction AnsiSpans({ spans }: { spans: readonly AnsiSpan[] }) {\n  return (\n    <>\n      {spans.map((span, index) => (\n        <span\n          key={index}\n          className={spanClassName(span)}\n          style={span.color === undefined ? undefined : { color: span.color }}\n        >\n          {span.text}\n        </span>\n      ))}\n    </>\n  );\n}\n\nexport interface AnsiLineProps extends Omit<ComponentProps<'span'>, 'children'> {\n  /** One line of terminal output, escapes and all. */\n  line: string;\n}\n\n/** One line, for a caller that already lays out a screen row by row. */\nexport function AnsiLine({ line, className, ...props }: AnsiLineProps) {\n  const spans = useMemo(() => ansiSpans(line), [line]);\n  return (\n    <span data-slot=\"ansi-line\" className={className} {...props}>\n      <AnsiSpans spans={spans} />\n    </span>\n  );\n}\n\nexport interface AnsiTextProps extends Omit<ComponentProps<'pre'>, 'children'> {\n  /** Terminal output, newline separated, escapes and all. */\n  text: string;\n}\n\n/** A block of terminal output: a log tail, or anything else that arrives whole. */\nexport function AnsiText({ text, ...props }: AnsiTextProps) {\n  const lines = useMemo(() => text.split('\\n').map((line) => ansiSpans(line)), [text]);\n  return (\n    <pre data-slot=\"ansi-text\" {...props}>\n      {lines.map((spans, index) => (\n        <Fragment key={index}>\n          {index > 0 ? '\\n' : null}\n          <AnsiSpans spans={spans} />\n        </Fragment>\n      ))}\n    </pre>\n  );\n}\n"],"mappings":"kMAwBA,SAASE,EAAc,EAAwB,CAC7C,OAAOC,EACLC,EAAK,UACLA,EAAK,OAAS,IAAQ,YACtBA,EAAK,QAAU,IAAQ,aACvBA,EAAK,SAAW,IAAQ,SACxBA,EAAK,YAAc,IAAQ,YAC3BA,EAAK,UAAY,IAAQ,yBAC3B,CACF,CAEA,SAASC,EAAU,CAAE,SAAyC,CAC5D,MACE,kBAAAC,EAAA,CAAA,SACGC,EAAM,KAAK,EAAM,IAChB,kBAAC,OAAD,CAEE,UAAWL,EAAcE,CAAI,EAC7B,MAAOA,EAAK,QAAU,IAAA,GAAY,IAAA,GAAY,CAAE,MAAOA,EAAK,KAAM,EAEjE,SAAAA,EAAK,IACF,EALCI,CAKD,CACP,CACD,CAAA,CAEN,CAQA,SAAgBC,EAAS,CAAE,OAAM,YAAW,GAAGC,GAAwB,CACrE,IAAMH,EAAQI,MAAcC,EAAUC,CAAI,EAAG,CAACA,CAAI,CAAC,EACnD,MACE,kBAAC,OAAD,CAAM,YAAU,YAAuB,YAAW,GAAIH,EACpD,SAAA,kBAACL,EAAD,CAAkB,OAAQ,CAAA,CACtB,CAAA,CAEV,CAQA,SAAgBS,EAAS,CAAE,OAAM,GAAGJ,GAAwB,CAC1D,IAAMK,EAAQJ,MAAcK,EAAK,MAAM;CAAI,CAAC,CAAC,IAAK,GAASJ,EAAUC,CAAI,CAAC,EAAG,CAACG,CAAI,CAAC,EACnF,MACE,kBAAC,MAAD,CAAK,YAAU,YAAY,GAAIN,EAC5B,SAAAK,EAAM,KAAK,EAAO,IACjB,kBAACf,EAAD,CAAA,SAAA,CACGQ,EAAQ,EAAI;EAAO,KACpB,kBAACH,EAAD,CAAkB,OAAQ,CAAA,CAClB,CAAA,EAHKG,CAGL,CACX,CACE,CAAA,CAET"}

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

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Avatar 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":`avatar`,className:e(`relative flex h-6 w-6 shrink-0 overflow-hidden rounded-full bg-doom-deep`,r),...i})}function i({className:r,...i}){return/* @__PURE__ */ n(t.Image,{"data-slot":`avatar-image`,className:e(`h-full w-full object-cover`,r),...i})}function a({className:r,...i}){return/* @__PURE__ */ n(t.Fallback,{"data-slot":`avatar-fallback`,className:e(`flex h-full w-full items-center justify-center text-xs font-semibold text-doom-dim`,r),...i})}export{r as Avatar,a as AvatarFallback,i as AvatarImage};
+import{cn as e}from"../lib/cn.mjs";import{Avatar 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":`avatar`,className:e(`relative flex h-6 w-6 shrink-0 overflow-hidden rounded-full bg-po-deep`,r),...i})}function i({className:r,...i}){return/* @__PURE__ */ n(t.Image,{"data-slot":`avatar-image`,className:e(`h-full w-full object-cover`,r),...i})}function a({className:r,...i}){return/* @__PURE__ */ n(t.Fallback,{"data-slot":`avatar-fallback`,className:e(`flex h-full w-full items-center justify-center text-xs font-semibold text-po-dim`,r),...i})}export{r as Avatar,a as AvatarFallback,i as AvatarImage};
 //# sourceMappingURL=Avatar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","names":["Avatar","AvatarPrimitive","Avatar$1","props","Avatar","cn","className","AvatarImage","AvatarFallback"],"sources":["../../../../../../src/components/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** A face or an initial; Radix only shows the fallback once the image has actually failed. */\nexport function Avatar({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn('relative flex h-6 w-6 shrink-0 overflow-hidden rounded-full bg-doom-deep', className)}\n      {...props}\n    />\n  );\n}\n\nexport function AvatarImage({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('h-full w-full object-cover', className)}\n      {...props}\n    />\n  );\n}\n\nexport function AvatarFallback({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('flex h-full w-full items-center justify-center text-xs font-semibold text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"6GAMA,SAAgBA,EAAO,CAAE,YAAW,GAAGG,GAAsD,CAC3F,MACE,kBAACF,EAAgB,KAAjB,CACE,YAAU,SACV,UAAWI,EAAG,2EAA4EC,CAAS,EACnG,GAAIH,CACL,CAAA,CAEL,CAEA,SAAgBI,EAAY,CAAE,YAAW,GAAGJ,GAAuD,CACjG,MACE,kBAACF,EAAgB,MAAjB,CACE,YAAU,eACV,UAAWI,EAAG,6BAA8BC,CAAS,EACrD,GAAIH,CACL,CAAA,CAEL,CAEA,SAAgBK,EAAe,CAAE,YAAW,GAAGL,GAA0D,CACvG,MACE,kBAACF,EAAgB,SAAjB,CACE,YAAU,kBACV,UAAWI,EAAG,qFAAsFC,CAAS,EAC7G,GAAIH,CACL,CAAA,CAEL"}
+{"version":3,"file":"Avatar.mjs","names":["Avatar","AvatarPrimitive","Avatar$1","props","Avatar","cn","className","AvatarImage","AvatarFallback"],"sources":["../../../../../../src/components/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/** A face or an initial; Radix only shows the fallback once the image has actually failed. */\nexport function Avatar({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn('relative flex h-6 w-6 shrink-0 overflow-hidden rounded-full bg-po-deep', className)}\n      {...props}\n    />\n  );\n}\n\nexport function AvatarImage({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('h-full w-full object-cover', className)}\n      {...props}\n    />\n  );\n}\n\nexport function AvatarFallback({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('flex h-full w-full items-center justify-center text-xs font-semibold text-po-dim', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"6GAMA,SAAgBA,EAAO,CAAE,YAAW,GAAGG,GAAsD,CAC3F,MACE,kBAACF,EAAgB,KAAjB,CACE,YAAU,SACV,UAAWI,EAAG,yEAA0EC,CAAS,EACjG,GAAIH,CACL,CAAA,CAEL,CAEA,SAAgBI,EAAY,CAAE,YAAW,GAAGJ,GAAuD,CACjG,MACE,kBAACF,EAAgB,MAAjB,CACE,YAAU,eACV,UAAWI,EAAG,6BAA8BC,CAAS,EACrD,GAAIH,CACL,CAAA,CAEL,CAEA,SAAgBK,EAAe,CAAE,YAAW,GAAGL,GAA0D,CACvG,MACE,kBAACF,EAAgB,SAAjB,CACE,YAAU,kBACV,UAAWI,EAAG,mFAAoFC,CAAS,EAC3G,GAAIH,CACL,CAAA,CAEL"}

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

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`inline-flex items-center gap-1.5 whitespace-nowrap rounded border`,{variants:{tone:{neutral:`border-doom-border text-doom-dim`,blue:`border-doom-blue/40 text-doom-blue`,green:`border-doom-green/40 text-doom-green`,yellow:`border-doom-yellow/40 text-doom-yellow`,red:`border-doom-red/40 text-doom-red`,magenta:`border-doom-magenta/40 text-doom-magenta`,violet:`border-doom-violet/40 text-doom-violet`,cyan:`border-doom-cyan/40 text-doom-cyan`,orange:`border-doom-orange/40 text-doom-orange`,teal:`border-doom-teal/40 text-doom-teal`},size:{xs:`px-1.5 py-px text-sm font-semibold`,sm:`px-2 py-0.5 text-sm`,md:`px-2.5 py-1 text-sm`,lg:`px-3 py-1.5 text-base`}},defaultVariants:{tone:`neutral`,size:`sm`}});function a({className:r,tone:a,size:o,asChild:s=!1,...c}){let l=s?t.Root:`span`;return/* @__PURE__ */ n(l,{"data-slot":`badge`,className:e(i({tone:a,size:o}),r),...c})}export{a as Badge,i as badgeVariants};
+import{cn as e}from"../lib/cn.mjs";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`inline-flex items-center gap-1.5 whitespace-nowrap rounded border`,{variants:{tone:{neutral:`border-po-border text-po-dim`,blue:`border-po-blue/40 text-po-blue`,green:`border-po-green/40 text-po-green`,yellow:`border-po-yellow/40 text-po-yellow`,red:`border-po-red/40 text-po-red`,magenta:`border-po-magenta/40 text-po-magenta`,violet:`border-po-violet/40 text-po-violet`,cyan:`border-po-cyan/40 text-po-cyan`,orange:`border-po-orange/40 text-po-orange`,teal:`border-po-teal/40 text-po-teal`},size:{xs:`px-1.5 py-px text-sm font-semibold`,sm:`px-2 py-0.5 text-sm`,md:`px-2.5 py-1 text-sm`,lg:`px-3 py-1.5 text-base`}},defaultVariants:{tone:`neutral`,size:`sm`}});function a({className:r,tone:a,size:o,asChild:s=!1,...c}){let l=s?t.Root:`span`;return/* @__PURE__ */ n(l,{"data-slot":`badge`,className:e(i({tone:a,size:o}),r),...c})}export{a as Badge,i as badgeVariants};
 //# sourceMappingURL=Badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","names":["badgeVariants","cva","Badge","props","Component","asChild","Slot","cn","className"],"sources":["../../../../../../src/components/Badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { ChipTone } from '../types/tone';\n\nexport const badgeVariants = cva('inline-flex items-center gap-1.5 whitespace-nowrap rounded border', {\n  variants: {\n    tone: {\n      neutral: 'border-doom-border text-doom-dim',\n      blue: 'border-doom-blue/40 text-doom-blue',\n      green: 'border-doom-green/40 text-doom-green',\n      yellow: 'border-doom-yellow/40 text-doom-yellow',\n      red: 'border-doom-red/40 text-doom-red',\n      magenta: 'border-doom-magenta/40 text-doom-magenta',\n      violet: 'border-doom-violet/40 text-doom-violet',\n      cyan: 'border-doom-cyan/40 text-doom-cyan',\n      orange: 'border-doom-orange/40 text-doom-orange',\n      teal: 'border-doom-teal/40 text-doom-teal',\n    } satisfies Record<ChipTone, string>,\n    /** The same rungs Button names, so a chip can sit beside a button of any size. */\n    size: {\n      xs: 'px-1.5 py-px text-sm font-semibold',\n      sm: 'px-2 py-0.5 text-sm',\n      md: 'px-2.5 py-1 text-sm',\n      lg: 'px-3 py-1.5 text-base',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'sm' },\n});\n\nexport type BadgeTone = ChipTone;\n\nexport interface BadgeProps extends ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n  /** Render the child element instead of a <span>, so a link can look like a chip. */\n  asChild?: boolean;\n}\n\n/** An outlined chip in one of the accent tones; the Chip the cockpit mockup draws. */\nexport function Badge({ className, tone, size, asChild = false, ...props }: BadgeProps) {\n  const Component = asChild ? Slot.Root : 'span';\n  return <Component data-slot=\"badge\" className={cn(badgeVariants({ tone, size }), className)} {...props} />;\n}\n"],"mappings":"0JAOA,MAAaA,EAAgBC,EAAI,oEAAqE,CACpG,SAAU,CACR,KAAM,CACJ,QAAS,mCACT,KAAM,qCACN,MAAO,uCACP,OAAQ,yCACR,IAAK,mCACL,QAAS,2CACT,OAAQ,yCACR,KAAM,qCACN,OAAQ,yCACR,KAAM,oCACR,EAEA,KAAM,CACJ,GAAI,qCACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,uBACN,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,IAAK,CACjD,CAAC,EAUD,SAAgBC,EAAM,CAAE,YAAW,OAAM,OAAM,UAAU,GAAO,GAAGC,GAAqB,CACtF,IAAMC,EAAYC,EAAUC,EAAK,KAAO,OACxC,MAAO,kBAACF,EAAD,CAAW,YAAU,QAAQ,UAAWG,EAAGP,EAAc,CAAE,OAAM,MAAK,CAAC,EAAGQ,CAAS,EAAG,GAAIL,CAAQ,CAAA,CAC3G"}
+{"version":3,"file":"Badge.mjs","names":["badgeVariants","cva","Badge","props","Component","asChild","Slot","cn","className"],"sources":["../../../../../../src/components/Badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { ChipTone } from '../types/tone';\n\nexport const badgeVariants = cva('inline-flex items-center gap-1.5 whitespace-nowrap rounded border', {\n  variants: {\n    tone: {\n      neutral: 'border-po-border text-po-dim',\n      blue: 'border-po-blue/40 text-po-blue',\n      green: 'border-po-green/40 text-po-green',\n      yellow: 'border-po-yellow/40 text-po-yellow',\n      red: 'border-po-red/40 text-po-red',\n      magenta: 'border-po-magenta/40 text-po-magenta',\n      violet: 'border-po-violet/40 text-po-violet',\n      cyan: 'border-po-cyan/40 text-po-cyan',\n      orange: 'border-po-orange/40 text-po-orange',\n      teal: 'border-po-teal/40 text-po-teal',\n    } satisfies Record<ChipTone, string>,\n    /** The same rungs Button names, so a chip can sit beside a button of any size. */\n    size: {\n      xs: 'px-1.5 py-px text-sm font-semibold',\n      sm: 'px-2 py-0.5 text-sm',\n      md: 'px-2.5 py-1 text-sm',\n      lg: 'px-3 py-1.5 text-base',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'sm' },\n});\n\nexport type BadgeTone = ChipTone;\n\nexport interface BadgeProps extends ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n  /** Render the child element instead of a <span>, so a link can look like a chip. */\n  asChild?: boolean;\n}\n\n/** An outlined chip in one of the accent tones; the Chip the cockpit mockup draws. */\nexport function Badge({ className, tone, size, asChild = false, ...props }: BadgeProps) {\n  const Component = asChild ? Slot.Root : 'span';\n  return <Component data-slot=\"badge\" className={cn(badgeVariants({ tone, size }), className)} {...props} />;\n}\n"],"mappings":"0JAOA,MAAaA,EAAgBC,EAAI,oEAAqE,CACpG,SAAU,CACR,KAAM,CACJ,QAAS,+BACT,KAAM,iCACN,MAAO,mCACP,OAAQ,qCACR,IAAK,+BACL,QAAS,uCACT,OAAQ,qCACR,KAAM,iCACN,OAAQ,qCACR,KAAM,gCACR,EAEA,KAAM,CACJ,GAAI,qCACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,uBACN,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,IAAK,CACjD,CAAC,EAUD,SAAgBC,EAAM,CAAE,YAAW,OAAM,OAAM,UAAU,GAAO,GAAGC,GAAqB,CACtF,IAAMC,EAAYC,EAAUC,EAAK,KAAO,OACxC,MAAO,kBAACF,EAAD,CAAW,YAAU,QAAQ,UAAWG,EAAGP,EAAc,CAAE,OAAM,MAAK,CAAC,EAAGQ,CAAS,EAAG,GAAIL,CAAQ,CAAA,CAC3G"}

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

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Tooltip as t,TooltipContent as n,TooltipProvider as r,TooltipTrigger as i}from"./Tooltip.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=`…`;function c(e,t=4){let n=e.split(`/`).filter(e=>e!==``);if(n.length===0)return[e];let r=Math.max(3,t);return n.length<=r?n:[n[0]??``,`…`,...n.slice(n.length-(r-2))]}function l({path:s,keep:l,className:u,"data-testid":d}){let f=c(s,l),p=f.length-1;return/* @__PURE__ */ a(r,{children:/* @__PURE__ */ o(t,{children:[/* @__PURE__ */ a(i,{asChild:!0,children:/* @__PURE__ */ a(`span`,{"data-slot":`breadcrumb`,"data-testid":d,title:void 0,className:e(`flex min-w-0 items-baseline gap-1 truncate font-mono text-sm`,u),children:f.map((e,t)=>/* @__PURE__ */ o(`span`,{className:`flex min-w-0 items-baseline gap-1`,children:[t>0?/* @__PURE__ */ a(`span`,{className:`shrink-0 text-doom-faint`,children:`/`}):null,/* @__PURE__ */ a(`span`,{className:t===p?`truncate font-semibold text-doom-hi`:`min-w-0 truncate text-doom-dim`,children:e})]},`${e}-${String(t)}`))})}),/* @__PURE__ */ a(n,{className:`max-w-[32rem] break-all whitespace-normal`,children:s})]})})}export{s as BREADCRUMB_ELLIPSIS,l as Breadcrumb,c as breadcrumbSegments};
+import{cn as e}from"../lib/cn.mjs";import{Tooltip as t,TooltipContent as n,TooltipProvider as r,TooltipTrigger as i}from"./Tooltip.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=`…`;function c(e,t=4){let n=e.split(`/`).filter(e=>e!==``);if(n.length===0)return[e];let r=Math.max(3,t);return n.length<=r?n:[n[0]??``,`…`,...n.slice(n.length-(r-2))]}function l({path:s,keep:l,className:u,"data-testid":d}){let f=c(s,l),p=f.length-1;return/* @__PURE__ */ a(r,{children:/* @__PURE__ */ o(t,{children:[/* @__PURE__ */ a(i,{asChild:!0,children:/* @__PURE__ */ a(`span`,{"data-slot":`breadcrumb`,"data-testid":d,title:void 0,className:e(`flex min-w-0 items-baseline gap-1 truncate font-mono text-sm`,u),children:f.map((e,t)=>/* @__PURE__ */ o(`span`,{className:`flex min-w-0 items-baseline gap-1`,children:[t>0?/* @__PURE__ */ a(`span`,{className:`shrink-0 text-po-faint`,children:`/`}):null,/* @__PURE__ */ a(`span`,{className:t===p?`truncate font-semibold text-po-hi`:`min-w-0 truncate text-po-dim`,children:e})]},`${e}-${String(t)}`))})}),/* @__PURE__ */ a(n,{className:`max-w-[32rem] break-all whitespace-normal`,children:s})]})})}export{s as BREADCRUMB_ELLIPSIS,l as Breadcrumb,c as breadcrumbSegments};
 //# sourceMappingURL=Breadcrumb.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.mjs","names":["BREADCRUMB_ELLIPSIS","breadcrumbSegments","segments","path","segment","limit","keep","Breadcrumb","testId","lastIndex","TooltipProvider","Tooltip","TooltipTrigger","cn","className","index","TooltipContent"],"sources":["../../../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import { cn } from '../lib/cn';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './Tooltip';\n\n/** The marker a collapsed run of segments is shown as. */\nexport const BREADCRUMB_ELLIPSIS = '…';\n\n/**\n * A path as breadcrumb segments, with the middle collapsed when it is deeper\n * than `keep` allows.\n *\n * The first segment and the last few are what place a leaf; the ones between\n * are what a reader skims past, so those are the ones that go. The leaf is\n * always the final segment and is never collapsed.\n */\nexport function breadcrumbSegments(path: string, keep = 4): string[] {\n  const segments = path.split('/').filter((segment) => segment !== '');\n  if (segments.length === 0) return [path];\n  const limit = Math.max(3, keep);\n  if (segments.length <= limit) return segments;\n  // Keep room for the first segment, the collapse marker, and the leaf.\n  return [segments[0] ?? '', BREADCRUMB_ELLIPSIS, ...segments.slice(segments.length - (limit - 2))];\n}\n\nexport interface BreadcrumbProps {\n  /** The path to show, separated by forward slashes. */\n  path: string;\n  /** How many segments survive, with a minimum of three to retain the leaf. */\n  keep?: number;\n  /** Marks the trail so a test can find it. */\n  'data-testid'?: string;\n  className?: string;\n}\n\n/**\n * A slash-separated path, shortened to fit and readable in full on hover.\n *\n * Two things shorten it, because they solve different problems. Collapsing the\n * middle keeps a deep path legible at any width, and truncation handles what is\n * left when the container is narrower than even that. Either one hides\n * something, so the whole path is always one hover away, wrapped rather than\n * clipped: a tooltip that truncates too would defeat the point of having one.\n *\n * The leaf carries the emphasis. A reader scanning a header is looking for the\n * file, and the directories are context for it.\n */\nexport function Breadcrumb({ path, keep, className, 'data-testid': testId }: BreadcrumbProps) {\n  const segments = breadcrumbSegments(path, keep);\n  const lastIndex = segments.length - 1;\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span\n            data-slot=\"breadcrumb\"\n            data-testid={testId}\n            title={undefined}\n            className={cn('flex min-w-0 items-baseline gap-1 truncate font-mono text-sm', className)}\n          >\n            {segments.map((segment, index) => (\n              // Segments repeat in a path (src/app/src), so the index is what\n              // keeps two of the same name apart.\n              <span key={`${segment}-${String(index)}`} className=\"flex min-w-0 items-baseline gap-1\">\n                {index > 0 ? <span className=\"shrink-0 text-doom-faint\">/</span> : null}\n                <span\n                  className={\n                    index === lastIndex ? 'truncate font-semibold text-doom-hi' : 'min-w-0 truncate text-doom-dim'\n                  }\n                >\n                  {segment}\n                </span>\n              </span>\n            ))}\n          </span>\n        </TooltipTrigger>\n        <TooltipContent className=\"max-w-[32rem] break-all whitespace-normal\">{path}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n"],"mappings":"0LAIA,MAAaA,EAAsB,IAUnC,SAAgBC,EAAmB,EAAc,EAAO,EAAa,CACnE,IAAMC,EAAWC,EAAK,MAAM,GAAG,CAAC,CAAC,OAAQ,GAAYC,IAAY,EAAE,EACnE,GAAIF,EAAS,SAAW,EAAG,MAAO,CAACC,CAAI,EACvC,IAAME,EAAQ,KAAK,IAAI,EAAGC,CAAI,EAG9B,OAFIJ,EAAS,QAAUG,EAAcH,EAE9B,CAACA,EAAS,IAAM,OAAyB,GAAGA,EAAS,MAAMA,EAAS,QAAUG,EAAQ,EAAE,CAAC,CAClG,CAwBA,SAAgBE,EAAW,CAAE,OAAM,OAAM,YAAW,cAAeC,GAA2B,CAC5F,IAAMN,EAAWD,EAAmBE,EAAMG,CAAI,EACxCG,EAAYP,EAAS,OAAS,EAEpC,MACE,kBAACQ,EAAD,CAAA,SACE,kBAACC,EAAD,CAAA,SAAA,CACE,kBAACC,EAAD,CAAgB,QAAA,GACd,SAAA,kBAAC,OAAD,CACE,YAAU,aACV,cAAaJ,EACb,MAAO,IAAA,GACP,UAAWK,EAAG,+DAAgEC,CAAS,EAEtF,SAAAZ,EAAS,KAAK,EAAS,IAGtB,kBAAC,OAAD,CAA0C,UAAU,oCAApD,SAAA,CACGa,EAAQ,EAAI,kBAAC,OAAD,CAAM,UAAU,2BAA2B,SAAA,GAAO,CAAA,EAAI,KACnE,kBAAC,OAAD,CACE,UACEA,IAAUN,EAAY,sCAAwC,iCAG/D,SAAAL,CACG,CAAA,CACF,CATK,EAAA,GAAGA,EAAQ,GAAG,OAAOW,CAAK,GAS/B,CACP,CACG,CAAA,CACQ,CAAA,EAChB,kBAACC,EAAD,CAAgB,UAAU,4CAA6C,SAAAb,CAAqB,CAAA,CACrF,CAAA,CAAA,CACM,CAAA,CAErB"}
+{"version":3,"file":"Breadcrumb.mjs","names":["BREADCRUMB_ELLIPSIS","breadcrumbSegments","segments","path","segment","limit","keep","Breadcrumb","testId","lastIndex","TooltipProvider","Tooltip","TooltipTrigger","cn","className","index","TooltipContent"],"sources":["../../../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import { cn } from '../lib/cn';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './Tooltip';\n\n/** The marker a collapsed run of segments is shown as. */\nexport const BREADCRUMB_ELLIPSIS = '…';\n\n/**\n * A path as breadcrumb segments, with the middle collapsed when it is deeper\n * than `keep` allows.\n *\n * The first segment and the last few are what place a leaf; the ones between\n * are what a reader skims past, so those are the ones that go. The leaf is\n * always the final segment and is never collapsed.\n */\nexport function breadcrumbSegments(path: string, keep = 4): string[] {\n  const segments = path.split('/').filter((segment) => segment !== '');\n  if (segments.length === 0) return [path];\n  const limit = Math.max(3, keep);\n  if (segments.length <= limit) return segments;\n  // Keep room for the first segment, the collapse marker, and the leaf.\n  return [segments[0] ?? '', BREADCRUMB_ELLIPSIS, ...segments.slice(segments.length - (limit - 2))];\n}\n\nexport interface BreadcrumbProps {\n  /** The path to show, separated by forward slashes. */\n  path: string;\n  /** How many segments survive, with a minimum of three to retain the leaf. */\n  keep?: number;\n  /** Marks the trail so a test can find it. */\n  'data-testid'?: string;\n  className?: string;\n}\n\n/**\n * A slash-separated path, shortened to fit and readable in full on hover.\n *\n * Two things shorten it, because they solve different problems. Collapsing the\n * middle keeps a deep path legible at any width, and truncation handles what is\n * left when the container is narrower than even that. Either one hides\n * something, so the whole path is always one hover away, wrapped rather than\n * clipped: a tooltip that truncates too would defeat the point of having one.\n *\n * The leaf carries the emphasis. A reader scanning a header is looking for the\n * file, and the directories are context for it.\n */\nexport function Breadcrumb({ path, keep, className, 'data-testid': testId }: BreadcrumbProps) {\n  const segments = breadcrumbSegments(path, keep);\n  const lastIndex = segments.length - 1;\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span\n            data-slot=\"breadcrumb\"\n            data-testid={testId}\n            title={undefined}\n            className={cn('flex min-w-0 items-baseline gap-1 truncate font-mono text-sm', className)}\n          >\n            {segments.map((segment, index) => (\n              // Segments repeat in a path (src/app/src), so the index is what\n              // keeps two of the same name apart.\n              <span key={`${segment}-${String(index)}`} className=\"flex min-w-0 items-baseline gap-1\">\n                {index > 0 ? <span className=\"shrink-0 text-po-faint\">/</span> : null}\n                <span\n                  className={index === lastIndex ? 'truncate font-semibold text-po-hi' : 'min-w-0 truncate text-po-dim'}\n                >\n                  {segment}\n                </span>\n              </span>\n            ))}\n          </span>\n        </TooltipTrigger>\n        <TooltipContent className=\"max-w-[32rem] break-all whitespace-normal\">{path}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n"],"mappings":"0LAIA,MAAaA,EAAsB,IAUnC,SAAgBC,EAAmB,EAAc,EAAO,EAAa,CACnE,IAAMC,EAAWC,EAAK,MAAM,GAAG,CAAC,CAAC,OAAQ,GAAYC,IAAY,EAAE,EACnE,GAAIF,EAAS,SAAW,EAAG,MAAO,CAACC,CAAI,EACvC,IAAME,EAAQ,KAAK,IAAI,EAAGC,CAAI,EAG9B,OAFIJ,EAAS,QAAUG,EAAcH,EAE9B,CAACA,EAAS,IAAM,OAAyB,GAAGA,EAAS,MAAMA,EAAS,QAAUG,EAAQ,EAAE,CAAC,CAClG,CAwBA,SAAgBE,EAAW,CAAE,OAAM,OAAM,YAAW,cAAeC,GAA2B,CAC5F,IAAMN,EAAWD,EAAmBE,EAAMG,CAAI,EACxCG,EAAYP,EAAS,OAAS,EAEpC,MACE,kBAACQ,EAAD,CAAA,SACE,kBAACC,EAAD,CAAA,SAAA,CACE,kBAACC,EAAD,CAAgB,QAAA,GACd,SAAA,kBAAC,OAAD,CACE,YAAU,aACV,cAAaJ,EACb,MAAO,IAAA,GACP,UAAWK,EAAG,+DAAgEC,CAAS,EAEtF,SAAAZ,EAAS,KAAK,EAAS,IAGtB,kBAAC,OAAD,CAA0C,UAAU,oCAApD,SAAA,CACGa,EAAQ,EAAI,kBAAC,OAAD,CAAM,UAAU,yBAAyB,SAAA,GAAO,CAAA,EAAI,KACjE,kBAAC,OAAD,CACE,UAAWA,IAAUN,EAAY,oCAAsC,+BAEtE,SAAAL,CACG,CAAA,CACF,CAPK,EAAA,GAAGA,EAAQ,GAAG,OAAOW,CAAK,GAO/B,CACP,CACG,CAAA,CACQ,CAAA,EAChB,kBAACC,EAAD,CAAgB,UAAU,4CAA6C,SAAAb,CAAqB,CAAA,CACrF,CAAA,CAAA,CACM,CAAA,CAErB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.mts","names":[],"sources":["../../../../../../src/components/Button.tsx"],"mappings":";;;qBAOa,iBAAc;;;6CAoC1B;YAEW,gBAAgB,YAAY,oBAAoB;YAChD,aAAa,YAAY,oBAAoB;iBAExC,oBAAoB,0BAA0B,oBAAoB;;EAEjF;;;;;EAKA;;EAEA;;;wBAIc,SACd,WACA,SACA,MACA,SACA,SACA,cACA,UACA,MACA,aACG,SACF,8BAAW,IAAA"}
+{"version":3,"file":"Button.d.mts","names":[],"sources":["../../../../../../src/components/Button.tsx"],"mappings":";;;qBAOa,iBAAc;;;6CAmC1B;YAEW,gBAAgB,YAAY,oBAAoB;YAChD,aAAa,YAAY,oBAAoB;iBAExC,oBAAoB,0BAA0B,oBAAoB;;EAEjF;;;;;EAKA;;EAEA;;;wBAIc,SACd,WACA,SACA,MACA,SACA,SACA,cACA,UACA,MACA,aACG,SACF,8BAAW,IAAA"}

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

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Spinner as t}from"./Spinner.mjs";import{Slot as n}from"radix-ui";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";const s=o(`inline-flex min-h-6 min-w-6 shrink-0 cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap rounded-md font-medium transition-[color,background-color,border-color,filter] outline-none focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{primary:`bg-doom-selected font-semibold text-doom-on-selected hover:brightness-110`,secondary:`border border-doom-edge-magenta bg-doom-tint-magenta font-semibold text-doom-magenta hover:brightness-110`,outline:`border border-doom-border text-doom-dim hover:border-doom-green/50 hover:text-doom-hi`,ghost:`text-doom-dim hover:bg-doom-panel hover:text-doom-hi`,subtle:`bg-doom-panel text-doom-dim hover:bg-doom-deep hover:text-doom-hi`,danger:`bg-doom-red font-semibold text-doom-rail hover:brightness-110`,"danger-outline":`border border-doom-edge-red bg-doom-tint-red font-semibold text-doom-red hover:brightness-110`,success:`bg-doom-green font-semibold text-doom-rail hover:brightness-110`,link:`text-doom-blue hover:underline`},size:{xs:`h-6 rounded px-1.5 text-sm`,sm:`h-7 px-2.5 text-sm`,md:`h-8 px-3 text-base`,lg:`h-9 px-3.5 text-base`,icon:`h-6 w-6 rounded p-0`,"icon-md":`h-8 w-8 p-0`,card:`h-auto w-full flex-col items-stretch justify-start gap-1 px-[11px] py-2.5 text-left whitespace-normal`}},defaultVariants:{variant:`outline`,size:`md`}});function c({className:o,variant:c,size:l,asChild:u=!1,loading:d=!1,loadingLabel:f,disabled:p,type:m,children:h,...g}){let _=u?n.Root:`button`,v=!u&&d;return/* @__PURE__ */ i(_,{"data-slot":`button`,type:u?void 0:m??`button`,"aria-busy":v?!0:void 0,disabled:u?void 0:p??v,className:e(s({variant:c,size:l}),o),...g,children:u?h:/* @__PURE__ */ a(r,{children:[v?/* @__PURE__ */ i(t,{label:f}):null,h]})})}export{c as Button,s as buttonVariants};
+import{cn as e}from"../lib/cn.mjs";import{Spinner as t}from"./Spinner.mjs";import{Slot as n}from"radix-ui";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";const s=o(`inline-flex min-h-6 min-w-6 shrink-0 cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap rounded-md font-medium transition-[color,background-color,border-color,filter] outline-none focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{primary:`bg-po-selected font-semibold text-po-on-selected hover:brightness-110`,secondary:`border border-po-edge-magenta bg-po-tint-magenta font-semibold text-po-magenta hover:brightness-110`,outline:`border border-po-border text-po-dim hover:border-po-green/50 hover:text-po-hi`,ghost:`text-po-dim hover:bg-po-panel hover:text-po-hi`,subtle:`bg-po-panel text-po-dim hover:bg-po-deep hover:text-po-hi`,danger:`bg-po-red font-semibold text-po-rail hover:brightness-110`,"danger-outline":`border border-po-edge-red bg-po-tint-red font-semibold text-po-red hover:brightness-110`,success:`bg-po-green font-semibold text-po-rail hover:brightness-110`,link:`text-po-blue hover:underline`},size:{xs:`h-6 rounded px-1.5 text-sm`,sm:`h-7 px-2.5 text-sm`,md:`h-8 px-3 text-base`,lg:`h-9 px-3.5 text-base`,icon:`h-6 w-6 rounded p-0`,"icon-md":`h-8 w-8 p-0`,card:`h-auto w-full flex-col items-stretch justify-start gap-1 px-[11px] py-2.5 text-left whitespace-normal`}},defaultVariants:{variant:`outline`,size:`md`}});function c({className:o,variant:c,size:l,asChild:u=!1,loading:d=!1,loadingLabel:f,disabled:p,type:m,children:h,...g}){let _=u?n.Root:`button`,v=!u&&d;return/* @__PURE__ */ i(_,{"data-slot":`button`,type:u?void 0:m??`button`,"aria-busy":v?!0:void 0,disabled:u?void 0:p??v,className:e(s({variant:c,size:l}),o),...g,children:u?h:/* @__PURE__ */ a(r,{children:[v?/* @__PURE__ */ i(t,{label:f}):null,h]})})}export{c as Button,s as buttonVariants};
 //# sourceMappingURL=Button.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","names":["buttonVariants","cva","Button","props","Component","asChild","Slot","busy","loading","type","disabled","cn","className","children","Fragment","Spinner","loadingLabel"],"sources":["../../../../../../src/components/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Spinner } from './Spinner';\n\nexport const buttonVariants = cva(\n  'inline-flex min-h-6 min-w-6 shrink-0 cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap rounded-md font-medium transition-[color,background-color,border-color,filter] outline-none focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        primary: 'bg-doom-selected font-semibold text-doom-on-selected hover:brightness-110',\n        /** Rose: the caring second choice (review, adjust a preference), never urgency. */\n        secondary:\n          'border border-doom-edge-magenta bg-doom-tint-magenta font-semibold text-doom-magenta hover:brightness-110',\n        outline: 'border border-doom-border text-doom-dim hover:border-doom-green/50 hover:text-doom-hi',\n        ghost: 'text-doom-dim hover:bg-doom-panel hover:text-doom-hi',\n        subtle: 'bg-doom-panel text-doom-dim hover:bg-doom-deep hover:text-doom-hi',\n        danger: 'bg-doom-red font-semibold text-doom-rail hover:brightness-110',\n        'danger-outline':\n          'border border-doom-edge-red bg-doom-tint-red font-semibold text-doom-red hover:brightness-110',\n        success: 'bg-doom-green font-semibold text-doom-rail hover:brightness-110',\n        link: 'text-doom-blue hover:underline',\n      },\n      size: {\n        xs: 'h-6 rounded px-1.5 text-sm',\n        sm: 'h-7 px-2.5 text-sm',\n        md: 'h-8 px-3 text-base',\n        lg: 'h-9 px-3.5 text-base',\n        icon: 'h-6 w-6 rounded p-0',\n        'icon-md': 'h-8 w-8 p-0',\n        /**\n         * A whole card that is one click target: a session in the rail, a run\n         * in a panel. It keeps the button's focus ring and cursor and gives up\n         * the button's single-line box, which is what a card-shaped <button>\n         * would otherwise have to restate.\n         */\n        card: 'h-auto w-full flex-col items-stretch justify-start gap-1 px-[11px] py-2.5 text-left whitespace-normal',\n      },\n    },\n    defaultVariants: { variant: 'outline', size: 'md' },\n  },\n);\n\nexport type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;\nexport type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;\n\nexport interface ButtonProps extends ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  /** Render the child element instead of a <button>, passing the classes down (shadcn's asChild). */\n  asChild?: boolean;\n  /**\n   * Work is in flight: the button shows a spinner and stops accepting clicks.\n   * Ignored under asChild, where the child owns its own content.\n   */\n  loading?: boolean;\n  /** What the spinner announces while loading; omit it and the wait is silent. */\n  loadingLabel?: string;\n}\n\n/** The one button: every variant is a theme token, so it recolours with the theme. */\nexport function Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  loading = false,\n  loadingLabel,\n  disabled,\n  type,\n  children,\n  ...props\n}: ButtonProps) {\n  const Component = asChild ? Slot.Root : 'button';\n  const busy = !asChild && loading;\n  return (\n    <Component\n      data-slot=\"button\"\n      type={asChild ? undefined : (type ?? 'button')}\n      aria-busy={busy ? true : undefined}\n      disabled={asChild ? undefined : (disabled ?? busy)}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {/* Slot takes exactly one child, so asChild hands its element straight through. */}\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {busy ? <Spinner label={loadingLabel} /> : null}\n          {children}\n        </>\n      )}\n    </Component>\n  );\n}\n"],"mappings":"0NAOA,MAAaA,EAAiBC,EAC5B,4VACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,4EAET,UACE,4GACF,QAAS,wFACT,MAAO,uDACP,OAAQ,oEACR,OAAQ,gEACR,iBACE,gGACF,QAAS,kEACT,KAAM,gCACR,EACA,KAAM,CACJ,GAAI,6BACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,uBACJ,KAAM,sBACN,UAAW,cAOX,KAAM,uGACR,CACF,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,IAAK,CACpD,CACF,EAkBA,SAAgBC,EAAO,CACrB,YACA,UACA,OACA,UAAU,GACV,UAAU,GACV,eACA,WACA,OACA,WACA,GAAGC,GACW,CACd,IAAMC,EAAYC,EAAUC,EAAK,KAAO,SAClCC,EAAO,CAACF,GAAWG,EACzB,MACE,kBAACJ,EAAD,CACE,YAAU,SACV,KAAMC,EAAU,IAAA,GAAaI,GAAQ,SACrC,YAAWF,EAAO,GAAO,IAAA,GACzB,SAAUF,EAAU,IAAA,GAAaK,GAAYH,EAC7C,UAAWI,EAAGX,EAAe,CAAE,UAAS,MAAK,CAAC,EAAGY,CAAS,EAC1D,GAAIT,EAGH,SAAAE,EACCQ,EAEA,kBAAAC,EAAA,CAAA,SAAA,CACGP,EAAO,kBAACQ,EAAD,CAAS,MAAOC,CAAe,CAAA,EAAI,KAC1CH,CACD,CAAA,CAAA,CAEK,CAAA,CAEf"}
+{"version":3,"file":"Button.mjs","names":["buttonVariants","cva","Button","props","Component","asChild","Slot","busy","loading","type","disabled","cn","className","children","Fragment","Spinner","loadingLabel"],"sources":["../../../../../../src/components/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Spinner } from './Spinner';\n\nexport const buttonVariants = cva(\n  'inline-flex min-h-6 min-w-6 shrink-0 cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap rounded-md font-medium transition-[color,background-color,border-color,filter] outline-none focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        primary: 'bg-po-selected font-semibold text-po-on-selected hover:brightness-110',\n        /** Rose: the caring second choice (review, adjust a preference), never urgency. */\n        secondary:\n          'border border-po-edge-magenta bg-po-tint-magenta font-semibold text-po-magenta hover:brightness-110',\n        outline: 'border border-po-border text-po-dim hover:border-po-green/50 hover:text-po-hi',\n        ghost: 'text-po-dim hover:bg-po-panel hover:text-po-hi',\n        subtle: 'bg-po-panel text-po-dim hover:bg-po-deep hover:text-po-hi',\n        danger: 'bg-po-red font-semibold text-po-rail hover:brightness-110',\n        'danger-outline': 'border border-po-edge-red bg-po-tint-red font-semibold text-po-red hover:brightness-110',\n        success: 'bg-po-green font-semibold text-po-rail hover:brightness-110',\n        link: 'text-po-blue hover:underline',\n      },\n      size: {\n        xs: 'h-6 rounded px-1.5 text-sm',\n        sm: 'h-7 px-2.5 text-sm',\n        md: 'h-8 px-3 text-base',\n        lg: 'h-9 px-3.5 text-base',\n        icon: 'h-6 w-6 rounded p-0',\n        'icon-md': 'h-8 w-8 p-0',\n        /**\n         * A whole card that is one click target: a session in the rail, a run\n         * in a panel. It keeps the button's focus ring and cursor and gives up\n         * the button's single-line box, which is what a card-shaped <button>\n         * would otherwise have to restate.\n         */\n        card: 'h-auto w-full flex-col items-stretch justify-start gap-1 px-[11px] py-2.5 text-left whitespace-normal',\n      },\n    },\n    defaultVariants: { variant: 'outline', size: 'md' },\n  },\n);\n\nexport type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>['variant']>;\nexport type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;\n\nexport interface ButtonProps extends ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  /** Render the child element instead of a <button>, passing the classes down (shadcn's asChild). */\n  asChild?: boolean;\n  /**\n   * Work is in flight: the button shows a spinner and stops accepting clicks.\n   * Ignored under asChild, where the child owns its own content.\n   */\n  loading?: boolean;\n  /** What the spinner announces while loading; omit it and the wait is silent. */\n  loadingLabel?: string;\n}\n\n/** The one button: every variant is a theme token, so it recolours with the theme. */\nexport function Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  loading = false,\n  loadingLabel,\n  disabled,\n  type,\n  children,\n  ...props\n}: ButtonProps) {\n  const Component = asChild ? Slot.Root : 'button';\n  const busy = !asChild && loading;\n  return (\n    <Component\n      data-slot=\"button\"\n      type={asChild ? undefined : (type ?? 'button')}\n      aria-busy={busy ? true : undefined}\n      disabled={asChild ? undefined : (disabled ?? busy)}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {/* Slot takes exactly one child, so asChild hands its element straight through. */}\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {busy ? <Spinner label={loadingLabel} /> : null}\n          {children}\n        </>\n      )}\n    </Component>\n  );\n}\n"],"mappings":"0NAOA,MAAaA,EAAiBC,EAC5B,0VACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,wEAET,UACE,sGACF,QAAS,gFACT,MAAO,iDACP,OAAQ,4DACR,OAAQ,4DACR,iBAAkB,0FAClB,QAAS,8DACT,KAAM,8BACR,EACA,KAAM,CACJ,GAAI,6BACJ,GAAI,qBACJ,GAAI,qBACJ,GAAI,uBACJ,KAAM,sBACN,UAAW,cAOX,KAAM,uGACR,CACF,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,IAAK,CACpD,CACF,EAkBA,SAAgBC,EAAO,CACrB,YACA,UACA,OACA,UAAU,GACV,UAAU,GACV,eACA,WACA,OACA,WACA,GAAGC,GACW,CACd,IAAMC,EAAYC,EAAUC,EAAK,KAAO,SAClCC,EAAO,CAACF,GAAWG,EACzB,MACE,kBAACJ,EAAD,CACE,YAAU,SACV,KAAMC,EAAU,IAAA,GAAaI,GAAQ,SACrC,YAAWF,EAAO,GAAO,IAAA,GACzB,SAAUF,EAAU,IAAA,GAAaK,GAAYH,EAC7C,UAAWI,EAAGX,EAAe,CAAE,UAAS,MAAK,CAAC,EAAGY,CAAS,EAC1D,GAAIT,EAGH,SAAAE,EACCQ,EAEA,kBAAAC,EAAA,CAAA,SAAA,CACGP,EAAO,kBAACQ,EAAD,CAAS,MAAOC,CAAe,CAAA,EAAI,KAC1CH,CACD,CAAA,CAAA,CAEK,CAAA,CAEf"}

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

@@ -1,2 +1,2 @@
-import{CheckIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{Checkbox as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:i,...a}){return/* @__PURE__ */ r(n.Root,{"data-slot":`checkbox`,className:t(`flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-green data-[state=indeterminate]:border-doom-green`,i),...a,children:/* @__PURE__ */ r(n.Indicator,{"data-slot":`checkbox-indicator`,className:`text-doom-green`,children:/* @__PURE__ */ r(e,{className:`h-2.5 w-2.5`})})})}export{i as Checkbox};
+import{CheckIcon as e}from"../icons/icons.mjs";import{cn as t}from"../lib/cn.mjs";import{Checkbox as n}from"radix-ui";import{jsx as r}from"react/jsx-runtime";function i({className:i,...a}){return/* @__PURE__ */ r(n.Root,{"data-slot":`checkbox`,className:t(`flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-po-border bg-po-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-po-green data-[state=indeterminate]:border-po-green`,i),...a,children:/* @__PURE__ */ r(n.Indicator,{"data-slot":`checkbox-indicator`,className:`text-po-green`,children:/* @__PURE__ */ r(e,{className:`h-2.5 w-2.5`})})})}export{i as Checkbox};
 //# sourceMappingURL=Checkbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":["Checkbox","CheckboxPrimitive","Checkbox$1","props","Checkbox","cn","className","CheckIcon"],"sources":["../../../../../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** A box that is on, off, or indeterminate; the tick is the accent on the deep well. */\nexport function Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-doom-border bg-doom-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-doom-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-doom-green data-[state=indeterminate]:border-doom-green',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"text-doom-green\">\n        <CheckIcon className=\"h-2.5 w-2.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n"],"mappings":"8JAOA,SAAgBA,EAAS,CAAE,YAAW,GAAGG,GAAwD,CAC/F,MACE,kBAACF,EAAkB,KAAnB,CACE,YAAU,WACV,UAAWI,EACT,mVACAC,CACF,EACA,GAAIH,EAEJ,SAAA,kBAACF,EAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,kBACpE,SAAA,kBAACM,EAAD,CAAW,UAAU,aAAe,CAAA,CACT,CAAA,CACP,CAAA,CAE5B"}
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox","CheckboxPrimitive","Checkbox$1","props","Checkbox","cn","className","CheckIcon"],"sources":["../../../../../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport type { ComponentProps } from 'react';\n\nimport { CheckIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** A box that is on, off, or indeterminate; the tick is the accent on the deep well. */\nexport function Checkbox({ className, ...props }: ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'flex h-3.5 w-3.5 shrink-0 cursor-pointer items-center justify-center rounded-sm border border-po-border bg-po-deep outline-none transition-colors focus-visible:ring-2 focus-visible:ring-po-green/50 disabled:pointer-events-none disabled:opacity-40 data-[state=checked]:border-po-green data-[state=indeterminate]:border-po-green',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"text-po-green\">\n        <CheckIcon className=\"h-2.5 w-2.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n"],"mappings":"8JAOA,SAAgBA,EAAS,CAAE,YAAW,GAAGG,GAAwD,CAC/F,MACE,kBAACF,EAAkB,KAAnB,CACE,YAAU,WACV,UAAWI,EACT,yUACAC,CACF,EACA,GAAIH,EAEJ,SAAA,kBAACF,EAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,gBACpE,SAAA,kBAACM,EAAD,CAAW,UAAU,aAAe,CAAA,CACT,CAAA,CACP,CAAA,CAE5B"}

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

@@ -1,2 +1,2 @@
-import{fenceGrammarOf as e,fenceLanguageOf as t}from"../lib/fenceGrammar.mjs";import{CopyButton as n}from"./CopyButton.mjs";import{SyntaxText as r}from"./SyntaxText.mjs";import{MermaidDiagram as i}from"./MermaidDiagram.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({text:s,className:c}){let l=t(c),u=l===`mermaid`?/* @__PURE__ */ a(i,{code:s}):/* @__PURE__ */ a(r,{text:s,grammar:e(l),className:`overflow-x-auto text-sm leading-relaxed text-doom-text`});return/* @__PURE__ */ o(`div`,{"data-slot":`code-block`,"data-language":l??``,className:`relative rounded border border-doom-border bg-doom-deep p-2.5`,children:[u,/* @__PURE__ */ a(n,{text:s,className:`absolute top-1.5 right-1.5`})]})}export{s as CodeBlock};
+import{fenceGrammarOf as e,fenceLanguageOf as t}from"../lib/fenceGrammar.mjs";import{CopyButton as n}from"./CopyButton.mjs";import{SyntaxText as r}from"./SyntaxText.mjs";import{MermaidDiagram as i}from"./MermaidDiagram.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s({text:s,className:c}){let l=t(c),u=l===`mermaid`?/* @__PURE__ */ a(i,{code:s}):/* @__PURE__ */ a(r,{text:s,grammar:e(l),className:`overflow-x-auto text-sm leading-relaxed text-po-text`});return/* @__PURE__ */ o(`div`,{"data-slot":`code-block`,"data-language":l??``,className:`relative rounded border border-po-border bg-po-deep p-2.5`,children:[u,/* @__PURE__ */ a(n,{text:s,className:`absolute top-1.5 right-1.5`})]})}export{s as CodeBlock};
 //# sourceMappingURL=CodeBlock.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.mjs","names":["CodeBlock","language","fenceLanguageOf","className","body","MermaidDiagram","text","SyntaxText","fenceGrammarOf","CopyButton"],"sources":["../../../../../../src/components/CodeBlock.tsx"],"sourcesContent":["import { fenceGrammarOf, fenceLanguageOf, MERMAID_LANGUAGE } from '../lib/fenceGrammar';\nimport { CopyButton } from './CopyButton';\nimport { MermaidDiagram } from './MermaidDiagram';\nimport { SyntaxText } from './SyntaxText';\n\n/**\n * A fenced code block: coloured, copyable, and a picture when it is mermaid.\n *\n * DESIGN PATTERNS:\n * - The fence's own word picks the grammar, and an unknown word means plain\n *   text rather than a guess at the wrong language.\n * - Colour and the diagram both arrive asynchronously, so the block always has\n *   the source on screen from the first frame of a streaming reply.\n *\n * AVOID:\n * - Reading the language anywhere but the fence. A block in a message has no\n *   path, and guessing from the body colours prose as code.\n */\n\nexport interface CodeBlockProps {\n  /** The block's source, without the fence lines. */\n  text: string;\n  /** The `language-*` class react-markdown puts on the inner <code>. */\n  className?: string | undefined;\n}\n\nexport function CodeBlock({ text, className }: CodeBlockProps) {\n  const language = fenceLanguageOf(className);\n  const body =\n    language === MERMAID_LANGUAGE ? (\n      <MermaidDiagram code={text} />\n    ) : (\n      <SyntaxText\n        text={text}\n        grammar={fenceGrammarOf(language)}\n        className=\"overflow-x-auto text-sm leading-relaxed text-doom-text\"\n      />\n    );\n  return (\n    <div\n      data-slot=\"code-block\"\n      data-language={language ?? ''}\n      className=\"relative rounded border border-doom-border bg-doom-deep p-2.5\"\n    >\n      {body}\n      <CopyButton text={text} className=\"absolute top-1.5 right-1.5\" />\n    </div>\n  );\n}\n"],"mappings":"kRA0BA,SAAgBA,EAAU,CAAE,OAAM,aAA6B,CAC7D,IAAMC,EAAWC,EAAgBC,CAAS,EACpCC,EACJH,IAAA,UACE,kBAACI,EAAD,CAAgB,KAAMC,CAAO,CAAA,EAE7B,kBAACC,EAAD,CACQ,OACN,QAASC,EAAeP,CAAQ,EAChC,UAAU,wDACX,CAAA,EAEL,MACE,kBAAC,MAAD,CACE,YAAU,aACV,gBAAeA,GAAY,GAC3B,UAAU,gEAHZ,SAAA,CAKGG,EACD,kBAACK,EAAD,CAAkB,OAAM,UAAU,4BAA8B,CAAA,CAC7D,GAET"}
+{"version":3,"file":"CodeBlock.mjs","names":["CodeBlock","language","fenceLanguageOf","className","body","MermaidDiagram","text","SyntaxText","fenceGrammarOf","CopyButton"],"sources":["../../../../../../src/components/CodeBlock.tsx"],"sourcesContent":["import { fenceGrammarOf, fenceLanguageOf, MERMAID_LANGUAGE } from '../lib/fenceGrammar';\nimport { CopyButton } from './CopyButton';\nimport { MermaidDiagram } from './MermaidDiagram';\nimport { SyntaxText } from './SyntaxText';\n\n/**\n * A fenced code block: coloured, copyable, and a picture when it is mermaid.\n *\n * DESIGN PATTERNS:\n * - The fence's own word picks the grammar, and an unknown word means plain\n *   text rather than a guess at the wrong language.\n * - Colour and the diagram both arrive asynchronously, so the block always has\n *   the source on screen from the first frame of a streaming reply.\n *\n * AVOID:\n * - Reading the language anywhere but the fence. A block in a message has no\n *   path, and guessing from the body colours prose as code.\n */\n\nexport interface CodeBlockProps {\n  /** The block's source, without the fence lines. */\n  text: string;\n  /** The `language-*` class react-markdown puts on the inner <code>. */\n  className?: string | undefined;\n}\n\nexport function CodeBlock({ text, className }: CodeBlockProps) {\n  const language = fenceLanguageOf(className);\n  const body =\n    language === MERMAID_LANGUAGE ? (\n      <MermaidDiagram code={text} />\n    ) : (\n      <SyntaxText\n        text={text}\n        grammar={fenceGrammarOf(language)}\n        className=\"overflow-x-auto text-sm leading-relaxed text-po-text\"\n      />\n    );\n  return (\n    <div\n      data-slot=\"code-block\"\n      data-language={language ?? ''}\n      className=\"relative rounded border border-po-border bg-po-deep p-2.5\"\n    >\n      {body}\n      <CopyButton text={text} className=\"absolute top-1.5 right-1.5\" />\n    </div>\n  );\n}\n"],"mappings":"kRA0BA,SAAgBA,EAAU,CAAE,OAAM,aAA6B,CAC7D,IAAMC,EAAWC,EAAgBC,CAAS,EACpCC,EACJH,IAAA,UACE,kBAACI,EAAD,CAAgB,KAAMC,CAAO,CAAA,EAE7B,kBAACC,EAAD,CACQ,OACN,QAASC,EAAeP,CAAQ,EAChC,UAAU,sDACX,CAAA,EAEL,MACE,kBAAC,MAAD,CACE,YAAU,aACV,gBAAeA,GAAY,GAC3B,UAAU,4DAHZ,SAAA,CAKGG,EACD,kBAACK,EAAD,CAAkB,OAAM,UAAU,4BAA8B,CAAA,CAC7D,GAET"}

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

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{grammarKeyOf as t,loadGrammar as n}from"../lib/editorLanguage.mjs";import{DOOM_EDITOR_STYLES as r,DOOM_SYNTAX_STYLES as i}from"../lib/editorTheme.mjs";import{boundedEditorEdits as a,boundedEditorRanges as o}from"../lib/editorController.mjs";import{jsx as s}from"react/jsx-runtime";import{useEffect as c,useImperativeHandle as l,useLayoutEffect as u,useRef as d}from"react";import{defaultKeymap as f,history as p,historyKeymap as m,indentWithTab as h}from"@codemirror/commands";import{HighlightStyle as g,bracketMatching as _,foldGutter as v,foldKeymap as y,indentOnInput as b,syntaxHighlighting as x}from"@codemirror/language";import{highlightSelectionMatches as S,search as C,searchKeymap as w}from"@codemirror/search";import{Compartment as T,EditorState as E,StateEffect as D,StateField as O}from"@codemirror/state";import{Decoration as k,EditorView as A,WidgetType as j,drawSelection as M,highlightActiveLine as N,highlightActiveLineGutter as P,keymap as F,lineNumbers as I,rectangularSelection as L}from"@codemirror/view";import{tags as R}from"@lezer/highlight";function z(e,t,n){let r=Math.min(t,n),i=Math.max(t,n);return{text:e.state.sliceDoc(r,i),from:r,to:i,startLine:e.state.doc.lineAt(r).number,endLine:e.state.doc.lineAt(i).number}}function B(e,t){let n=e.posAtCoords({x:t.left,y:t.top}),r=e.posAtCoords({x:t.right,y:t.bottom});return n===null||r===null?null:z(e,n,r)}const V=A.theme(r),H=g.define([{tag:R.comment,...i.comment},{tag:R.keyword,...i.keyword},{tag:[R.atom,R.bool,R.null,R.self],...i.constant},{tag:R.number,...i.literal},{tag:[R.string,R.special(R.string),R.character],...i.string},{tag:R.regexp,...i.regexp},{tag:R.operator,...i.operator},{tag:R.punctuation,...i.punctuation},{tag:R.variableName,...i.variable},{tag:R.propertyName,...i.property},{tag:[R.function(R.variableName),R.function(R.propertyName)],...i.callable},{tag:[R.typeName,R.className,R.namespace],...i.type},{tag:R.tagName,...i.tag},{tag:R.attributeName,...i.attribute},{tag:[R.meta,R.processingInstruction],...i.meta},{tag:R.heading,...i.heading},{tag:[R.link,R.url],...i.link},{tag:R.emphasis,...i.emphasis},{tag:R.strong,...i.strong},{tag:R.strikethrough,...i.strikethrough},{tag:R.invalid,...i.invalid}]),U=D.define(),W=O.define({create:()=>k.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(U)&&(n=e.value);return n},provide:e=>A.decorations.from(e)}),G=D.define(),K=O.define({create:()=>k.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(G)&&(n=e.value);return n},provide:e=>A.decorations.from(e)});var q=class extends j{label;constructor(e){super(),this.label=e}eq(e){return e.label===this.label}toDOM(){let e=document.createElement(`span`);return e.className=`cm-marked-region-label`,e.dataset.authorRegionLabel=this.label,e.textContent=this.label,e}};const J=A.baseTheme({".cm-marked-region":{backgroundColor:`var(--doom-tint-yellow)`,borderBottom:`1px solid var(--doom-edge-yellow)`},".cm-marked-region-label":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:`16px`,height:`16px`,marginRight:`4px`,borderRadius:`999px`,backgroundColor:`var(--doom-yellow)`,color:`var(--doom-deep)`,fontSize:`9px`,fontWeight:`700`,lineHeight:`1`,verticalAlign:`text-bottom`}}),Y=[I(),P(),v(),N(),M(),L(),b(),_(),p(),C({top:!0}),S(),F.of([...f,...m,...w,...y,h]),x(H),W,K,J,V];function X({value:r,path:i,readOnly:f=!1,lineWrapping:p=!0,className:m,onChange:h,onSelect:g,controllerRef:_,"data-testid":v}){let y=d(null),b=d(null),x=d({onChange:h,onSelect:g}),S=d(r),C=d({language:new T,readOnly:new T,wrapping:new T});return c(()=>{x.current={onChange:h,onSelect:g}}),u(()=>{let e=y.current;if(e===null)return;let{language:t,readOnly:n,wrapping:r}=C.current,i=new A({parent:e,state:E.create({doc:S.current,extensions:[...Y,t.of([]),n.of([]),r.of([]),A.updateListener.of(e=>{if(e.docChanged&&x.current.onChange?.(e.state.doc.toString()),!e.selectionSet&&!e.docChanged)return;let t=x.current.onSelect;if(t===void 0)return;let n=e.state.selection.main;t(z(e.view,n.from,n.to))})]})});return b.current=i,()=>{i.destroy(),b.current=null}},[]),l(_,()=>({focus:()=>b.current?.focus(),revealAndSelect:e=>{let t=b.current;if(t===null)return;let[n]=o(t.state.doc.length,[e]);n!==void 0&&t.dispatch({selection:{anchor:n.from,head:n.to},effects:A.scrollIntoView(n.from,{y:`center`})})},applyEdits:e=>{let t=b.current;t!==null&&e.length!==0&&t.dispatch({changes:a(t.state.doc.length,e)})},setClosedRanges:e=>{let t=b.current;if(t===null)return;let n=o(t.state.doc.length,e).map(e=>e.from===e.to?k.line({attributes:{class:`cm-closed-tone`,"data-tone":`closed`}}).range(t.state.doc.lineAt(e.from).from):k.mark({class:`cm-closed-tone`,attributes:{"data-tone":`closed`}}).range(e.from,e.to));t.dispatch({effects:U.of(k.set(n))})},setMarkedRanges:e=>{let t=b.current;if(t===null)return;let n=e.flatMap(e=>{let[n]=o(t.state.doc.length,[e]);return n===void 0||n.from===n.to?[]:[k.widget({widget:new q(e.label),side:-1}).range(n.from),k.mark({class:`cm-marked-region`,attributes:{"data-author-region":e.label}}).range(n.from,n.to)]});t.dispatch({effects:G.of(k.set(n,!0))})},resolveViewportRegion:e=>{let t=b.current;return t===null?null:B(t,e)}}),[]),c(()=>{let e=b.current;e!==null&&e.state.doc.toString()!==r&&e.dispatch({changes:{from:0,to:e.state.doc.length,insert:r}})},[r]),c(()=>{b.current?.dispatch({effects:C.current.readOnly.reconfigure([E.readOnly.of(f),A.editable.of(!f)])})},[f]),c(()=>{b.current?.dispatch({effects:C.current.wrapping.reconfigure(p?A.lineWrapping:[])})},[p]),c(()=>{let e=i===void 0?void 0:t(i),{language:r}=C.current;if(e===void 0){b.current?.dispatch({effects:r.reconfigure([])});return}let a=!1;return n(e).then(e=>{a||b.current?.dispatch({effects:r.reconfigure(e)})}).catch(()=>{a||b.current?.dispatch({effects:r.reconfigure([])})}),()=>{a=!0}},[i]),/* @__PURE__ */ s(`div`,{ref:y,"data-testid":v,className:e(`min-h-0 overflow-hidden`,m)})}export{X as CodeEditorView,B as resolveEditorViewportRegion};
+import{cn as e}from"../lib/cn.mjs";import{grammarKeyOf as t,loadGrammar as n}from"../lib/editorLanguage.mjs";import{PO_EDITOR_STYLES as r,PO_SYNTAX_STYLES as i}from"../lib/editorTheme.mjs";import{boundedEditorEdits as a,boundedEditorRanges as o}from"../lib/editorController.mjs";import{jsx as s}from"react/jsx-runtime";import{useEffect as c,useImperativeHandle as l,useLayoutEffect as u,useRef as d}from"react";import{defaultKeymap as f,history as p,historyKeymap as m,indentWithTab as h}from"@codemirror/commands";import{HighlightStyle as g,bracketMatching as _,foldGutter as v,foldKeymap as y,indentOnInput as b,syntaxHighlighting as x}from"@codemirror/language";import{highlightSelectionMatches as S,search as C,searchKeymap as w}from"@codemirror/search";import{Compartment as T,EditorState as E,StateEffect as D,StateField as O}from"@codemirror/state";import{Decoration as k,EditorView as A,WidgetType as j,drawSelection as M,highlightActiveLine as N,highlightActiveLineGutter as P,keymap as F,lineNumbers as I,rectangularSelection as L}from"@codemirror/view";import{tags as R}from"@lezer/highlight";function z(e,t,n){let r=Math.min(t,n),i=Math.max(t,n);return{text:e.state.sliceDoc(r,i),from:r,to:i,startLine:e.state.doc.lineAt(r).number,endLine:e.state.doc.lineAt(i).number}}function B(e,t){let n=e.posAtCoords({x:t.left,y:t.top}),r=e.posAtCoords({x:t.right,y:t.bottom});return n===null||r===null?null:z(e,n,r)}const V=A.theme(r),H=g.define([{tag:R.comment,...i.comment},{tag:R.keyword,...i.keyword},{tag:[R.atom,R.bool,R.null,R.self],...i.constant},{tag:R.number,...i.literal},{tag:[R.string,R.special(R.string),R.character],...i.string},{tag:R.regexp,...i.regexp},{tag:R.operator,...i.operator},{tag:R.punctuation,...i.punctuation},{tag:R.variableName,...i.variable},{tag:R.propertyName,...i.property},{tag:[R.function(R.variableName),R.function(R.propertyName)],...i.callable},{tag:[R.typeName,R.className,R.namespace],...i.type},{tag:R.tagName,...i.tag},{tag:R.attributeName,...i.attribute},{tag:[R.meta,R.processingInstruction],...i.meta},{tag:R.heading,...i.heading},{tag:[R.link,R.url],...i.link},{tag:R.emphasis,...i.emphasis},{tag:R.strong,...i.strong},{tag:R.strikethrough,...i.strikethrough},{tag:R.invalid,...i.invalid}]),U=D.define(),W=O.define({create:()=>k.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(U)&&(n=e.value);return n},provide:e=>A.decorations.from(e)}),G=D.define(),K=O.define({create:()=>k.none,update:(e,t)=>{let n=e.map(t.changes);for(let e of t.effects)e.is(G)&&(n=e.value);return n},provide:e=>A.decorations.from(e)});var q=class extends j{label;constructor(e){super(),this.label=e}eq(e){return e.label===this.label}toDOM(){let e=document.createElement(`span`);return e.className=`cm-marked-region-label`,e.dataset.authorRegionLabel=this.label,e.textContent=this.label,e}};const J=A.baseTheme({".cm-marked-region":{backgroundColor:`var(--po-tint-yellow)`,borderBottom:`1px solid var(--po-edge-yellow)`},".cm-marked-region-label":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:`16px`,height:`16px`,marginRight:`4px`,borderRadius:`999px`,backgroundColor:`var(--po-yellow)`,color:`var(--po-deep)`,fontSize:`9px`,fontWeight:`700`,lineHeight:`1`,verticalAlign:`text-bottom`}}),Y=[I(),P(),v(),N(),M(),L(),b(),_(),p(),C({top:!0}),S(),F.of([...f,...m,...w,...y,h]),x(H),W,K,J,V];function X({value:r,path:i,readOnly:f=!1,lineWrapping:p=!0,className:m,onChange:h,onSelect:g,controllerRef:_,"data-testid":v}){let y=d(null),b=d(null),x=d({onChange:h,onSelect:g}),S=d(r),C=d({language:new T,readOnly:new T,wrapping:new T});return c(()=>{x.current={onChange:h,onSelect:g}}),u(()=>{let e=y.current;if(e===null)return;let{language:t,readOnly:n,wrapping:r}=C.current,i=new A({parent:e,state:E.create({doc:S.current,extensions:[...Y,t.of([]),n.of([]),r.of([]),A.updateListener.of(e=>{if(e.docChanged&&x.current.onChange?.(e.state.doc.toString()),!e.selectionSet&&!e.docChanged)return;let t=x.current.onSelect;if(t===void 0)return;let n=e.state.selection.main;t(z(e.view,n.from,n.to))})]})});return b.current=i,()=>{i.destroy(),b.current=null}},[]),l(_,()=>({focus:()=>b.current?.focus(),revealAndSelect:e=>{let t=b.current;if(t===null)return;let[n]=o(t.state.doc.length,[e]);n!==void 0&&t.dispatch({selection:{anchor:n.from,head:n.to},effects:A.scrollIntoView(n.from,{y:`center`})})},applyEdits:e=>{let t=b.current;t!==null&&e.length!==0&&t.dispatch({changes:a(t.state.doc.length,e)})},setClosedRanges:e=>{let t=b.current;if(t===null)return;let n=o(t.state.doc.length,e).map(e=>e.from===e.to?k.line({attributes:{class:`cm-closed-tone`,"data-tone":`closed`}}).range(t.state.doc.lineAt(e.from).from):k.mark({class:`cm-closed-tone`,attributes:{"data-tone":`closed`}}).range(e.from,e.to));t.dispatch({effects:U.of(k.set(n))})},setMarkedRanges:e=>{let t=b.current;if(t===null)return;let n=e.flatMap(e=>{let[n]=o(t.state.doc.length,[e]);return n===void 0||n.from===n.to?[]:[k.widget({widget:new q(e.label),side:-1}).range(n.from),k.mark({class:`cm-marked-region`,attributes:{"data-author-region":e.label}}).range(n.from,n.to)]});t.dispatch({effects:G.of(k.set(n,!0))})},resolveViewportRegion:e=>{let t=b.current;return t===null?null:B(t,e)}}),[]),c(()=>{let e=b.current;e!==null&&e.state.doc.toString()!==r&&e.dispatch({changes:{from:0,to:e.state.doc.length,insert:r}})},[r]),c(()=>{b.current?.dispatch({effects:C.current.readOnly.reconfigure([E.readOnly.of(f),A.editable.of(!f)])})},[f]),c(()=>{b.current?.dispatch({effects:C.current.wrapping.reconfigure(p?A.lineWrapping:[])})},[p]),c(()=>{let e=i===void 0?void 0:t(i),{language:r}=C.current;if(e===void 0){b.current?.dispatch({effects:r.reconfigure([])});return}let a=!1;return n(e).then(e=>{a||b.current?.dispatch({effects:r.reconfigure(e)})}).catch(()=>{a||b.current?.dispatch({effects:r.reconfigure([])})}),()=>{a=!0}},[i]),/* @__PURE__ */ s(`div`,{ref:y,"data-testid":v,className:e(`min-h-0 overflow-hidden`,m)})}export{X as CodeEditorView,B as resolveEditorViewportRegion};
 //# sourceMappingURL=CodeEditorView.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorView.mjs","names":["selectionRange","start","from","to","end","editor","resolveEditorViewportRegion","rectangle","DOOM_THEME","EditorView","DOOM_EDITOR_STYLES","DOOM_HIGHLIGHT","HighlightStyle","tags","DOOM_SYNTAX_STYLES","setClosedDecorations","StateEffect","closedDecorations","StateField","Decoration","next","decorations","transaction","effect","field","setMarkedDecorations","markedDecorations","MarkedRangeLabel","WidgetType","label","other","MARKED_REGION_THEME","FIXED_EXTENSIONS","lineNumbers","highlightActiveLineGutter","foldGutter","highlightActiveLine","drawSelection","rectangularSelection","indentOnInput","bracketMatching","history","search","highlightSelectionMatches","keymap","defaultKeymap","historyKeymap","searchKeymap","foldKeymap","indentWithTab","syntaxHighlighting","CodeEditorView","testId","host","useRef","view","handlers","initialValue","value","compartments","Compartment","useEffect","useLayoutEffect","parent","readOnlyPart","EditorState","language","wrapping","update","report","range","useImperativeHandle","controllerRef","bounded","boundedEditorRanges","edits","boundedEditorEdits","ranges","readOnly","lineWrapping","key","path","grammarKeyOf","cancelled","loadGrammar","grammar","cn","className"],"sources":["../../../../../../src/components/CodeEditorView.tsx"],"sourcesContent":["import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport {\n  bracketMatching,\n  foldGutter,\n  foldKeymap,\n  HighlightStyle,\n  indentOnInput,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { highlightSelectionMatches, search, searchKeymap } from '@codemirror/search';\nimport { Compartment, EditorState, StateEffect, StateField } from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  drawSelection,\n  EditorView,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  keymap,\n  lineNumbers,\n  rectangularSelection,\n  WidgetType,\n} from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { boundedEditorEdits, boundedEditorRanges } from '../lib/editorController';\nimport { grammarKeyOf, loadGrammar } from '../lib/editorLanguage';\nimport { DOOM_EDITOR_STYLES, DOOM_SYNTAX_STYLES } from '../lib/editorTheme';\nimport type { CodeEditorProps, EditorSelectionRange, EditorViewportRectangle } from '../types/editor';\n\nfunction selectionRange(editor: { readonly state: EditorState }, from: number, to: number): EditorSelectionRange {\n  const start = Math.min(from, to);\n  const end = Math.max(from, to);\n  return {\n    text: editor.state.sliceDoc(start, end),\n    from: start,\n    to: end,\n    startLine: editor.state.doc.lineAt(start).number,\n    endLine: editor.state.doc.lineAt(end).number,\n  };\n}\n\nexport function resolveEditorViewportRegion(\n  editor: {\n    readonly state: EditorState;\n    posAtCoords(coords: { x: number; y: number }): number | null;\n  },\n  rectangle: EditorViewportRectangle,\n): EditorSelectionRange | null {\n  const start = editor.posAtCoords({ x: rectangle.left, y: rectangle.top });\n  const end = editor.posAtCoords({ x: rectangle.right, y: rectangle.bottom });\n  if (start === null || end === null) return null;\n  return selectionRange(editor, start, end);\n}\n/**\n * The editor itself, mounted on a real CodeMirror view.\n *\n * Nothing imports this module directly: `CodeEditor` reaches it through a lazy\n * import so the whole editor, and every grammar under it, stays out of the\n * cockpit's first load. Behaviour lives here rather than in that wrapper so\n * the split costs one file and no indirection.\n *\n * The three things a caller can change after mount each sit in their own\n * compartment. Reconfiguring one is a transaction; rebuilding the editor would\n * throw away the undo history, the scroll position and the cursor, which is\n * what a reader loses if a parent re-render is allowed to remount this.\n */\n\n/** Not a colour or a layout choice: how CodeMirror is told to draw the doom palette. */\nconst DOOM_THEME = EditorView.theme(DOOM_EDITOR_STYLES);\n\nconst DOOM_HIGHLIGHT = HighlightStyle.define([\n  { tag: tags.comment, ...DOOM_SYNTAX_STYLES.comment },\n  { tag: tags.keyword, ...DOOM_SYNTAX_STYLES.keyword },\n  { tag: [tags.atom, tags.bool, tags.null, tags.self], ...DOOM_SYNTAX_STYLES.constant },\n  { tag: tags.number, ...DOOM_SYNTAX_STYLES.literal },\n  { tag: [tags.string, tags.special(tags.string), tags.character], ...DOOM_SYNTAX_STYLES.string },\n  { tag: tags.regexp, ...DOOM_SYNTAX_STYLES.regexp },\n  { tag: tags.operator, ...DOOM_SYNTAX_STYLES.operator },\n  { tag: tags.punctuation, ...DOOM_SYNTAX_STYLES.punctuation },\n  { tag: tags.variableName, ...DOOM_SYNTAX_STYLES.variable },\n  { tag: tags.propertyName, ...DOOM_SYNTAX_STYLES.property },\n  { tag: [tags.function(tags.variableName), tags.function(tags.propertyName)], ...DOOM_SYNTAX_STYLES.callable },\n  { tag: [tags.typeName, tags.className, tags.namespace], ...DOOM_SYNTAX_STYLES.type },\n  { tag: tags.tagName, ...DOOM_SYNTAX_STYLES.tag },\n  { tag: tags.attributeName, ...DOOM_SYNTAX_STYLES.attribute },\n  { tag: [tags.meta, tags.processingInstruction], ...DOOM_SYNTAX_STYLES.meta },\n  { tag: tags.heading, ...DOOM_SYNTAX_STYLES.heading },\n  { tag: [tags.link, tags.url], ...DOOM_SYNTAX_STYLES.link },\n  { tag: tags.emphasis, ...DOOM_SYNTAX_STYLES.emphasis },\n  { tag: tags.strong, ...DOOM_SYNTAX_STYLES.strong },\n  { tag: tags.strikethrough, ...DOOM_SYNTAX_STYLES.strikethrough },\n  { tag: tags.invalid, ...DOOM_SYNTAX_STYLES.invalid },\n]);\n\nconst setClosedDecorations = StateEffect.define<DecorationSet>();\nconst closedDecorations = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update: (decorations, transaction) => {\n    let next = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (effect.is(setClosedDecorations)) next = effect.value;\n    }\n    return next;\n  },\n  provide: (field) => EditorView.decorations.from(field),\n});\n\nconst setMarkedDecorations = StateEffect.define<DecorationSet>();\nconst markedDecorations = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update: (decorations, transaction) => {\n    let next = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (effect.is(setMarkedDecorations)) next = effect.value;\n    }\n    return next;\n  },\n  provide: (field) => EditorView.decorations.from(field),\n});\n\nclass MarkedRangeLabel extends WidgetType {\n  constructor(private readonly label: string) {\n    super();\n  }\n\n  eq(other: MarkedRangeLabel): boolean {\n    return other.label === this.label;\n  }\n\n  toDOM(): HTMLElement {\n    const label = document.createElement('span');\n    label.className = 'cm-marked-region-label';\n    label.dataset.authorRegionLabel = this.label;\n    label.textContent = this.label;\n    return label;\n  }\n}\n\nconst MARKED_REGION_THEME = EditorView.baseTheme({\n  '.cm-marked-region': {\n    backgroundColor: 'var(--doom-tint-yellow)',\n    borderBottom: '1px solid var(--doom-edge-yellow)',\n  },\n  '.cm-marked-region-label': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: '16px',\n    height: '16px',\n    marginRight: '4px',\n    borderRadius: '999px',\n    backgroundColor: 'var(--doom-yellow)',\n    color: 'var(--doom-deep)',\n    fontSize: '9px',\n    fontWeight: '700',\n    lineHeight: '1',\n    verticalAlign: 'text-bottom',\n  },\n});\n\n/** Everything that never changes for the life of an editor. */\nconst FIXED_EXTENSIONS = [\n  lineNumbers(),\n  highlightActiveLineGutter(),\n  foldGutter(),\n  highlightActiveLine(),\n  drawSelection(),\n  rectangularSelection(),\n  indentOnInput(),\n  bracketMatching(),\n  history(),\n  search({ top: true }),\n  highlightSelectionMatches(),\n  // Tab indents rather than leaving the editor. That trades a keyboard user's\n  // escape route for the behaviour every other editor has, so it is last in\n  // the keymap and Escape then Tab still moves focus out.\n  keymap.of([...defaultKeymap, ...historyKeymap, ...searchKeymap, ...foldKeymap, indentWithTab]),\n  syntaxHighlighting(DOOM_HIGHLIGHT),\n  closedDecorations,\n  markedDecorations,\n  MARKED_REGION_THEME,\n  DOOM_THEME,\n];\n\nexport function CodeEditorView({\n  value,\n  path,\n  readOnly = false,\n  lineWrapping = true,\n  className,\n  onChange,\n  onSelect,\n  controllerRef,\n  'data-testid': testId,\n}: CodeEditorProps) {\n  const host = useRef<HTMLDivElement>(null);\n  const view = useRef<EditorView | null>(null);\n  // The callbacks are new objects on every parent render. Reading them through\n  // a ref is what lets the editor be built once and still call the current\n  // pair, rather than being rebuilt whenever the parent re-renders.\n  const handlers = useRef({ onChange, onSelect });\n  // The document is seeded once from the value of the first render; the sync effect\n  // below owns every later change.\n  const initialValue = useRef(value);\n  const compartments = useRef({\n    language: new Compartment(),\n    readOnly: new Compartment(),\n    wrapping: new Compartment(),\n  });\n\n  useEffect(() => {\n    handlers.current = { onChange, onSelect };\n  });\n\n  useLayoutEffect(() => {\n    const parent = host.current;\n    if (parent === null) return;\n    const { language, readOnly: readOnlyPart, wrapping } = compartments.current;\n    const editor = new EditorView({\n      parent,\n      state: EditorState.create({\n        // The initial document only; every later change arrives as a\n        // transaction from the effect below.\n        doc: initialValue.current,\n        extensions: [\n          ...FIXED_EXTENSIONS,\n          language.of([]),\n          readOnlyPart.of([]),\n          wrapping.of([]),\n          EditorView.updateListener.of((update) => {\n            if (update.docChanged) handlers.current.onChange?.(update.state.doc.toString());\n            if (!update.selectionSet && !update.docChanged) return;\n            const report = handlers.current.onSelect;\n            if (report === undefined) return;\n            const range = update.state.selection.main;\n            report(selectionRange(update.view, range.from, range.to));\n          }),\n        ],\n      }),\n    });\n    view.current = editor;\n    return () => {\n      editor.destroy();\n      view.current = null;\n    };\n    // Built once.\n  }, []);\n\n  useImperativeHandle(\n    controllerRef,\n    () => ({\n      focus: () => view.current?.focus(),\n      revealAndSelect: (range) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const [bounded] = boundedEditorRanges(editor.state.doc.length, [range]);\n        if (bounded === undefined) return;\n        editor.dispatch({\n          selection: { anchor: bounded.from, head: bounded.to },\n          effects: EditorView.scrollIntoView(bounded.from, { y: 'center' }),\n        });\n      },\n      applyEdits: (edits) => {\n        const editor = view.current;\n        if (editor === null || edits.length === 0) return;\n        editor.dispatch({ changes: boundedEditorEdits(editor.state.doc.length, edits) });\n      },\n      setClosedRanges: (ranges) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const bounded = boundedEditorRanges(editor.state.doc.length, ranges);\n        const decorations = bounded.map((range) =>\n          range.from === range.to\n            ? Decoration.line({ attributes: { class: 'cm-closed-tone', 'data-tone': 'closed' } }).range(\n                editor.state.doc.lineAt(range.from).from,\n              )\n            : Decoration.mark({ class: 'cm-closed-tone', attributes: { 'data-tone': 'closed' } }).range(\n                range.from,\n                range.to,\n              ),\n        );\n        editor.dispatch({ effects: setClosedDecorations.of(Decoration.set(decorations)) });\n      },\n      setMarkedRanges: (ranges) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const decorations = ranges.flatMap((range) => {\n          const [bounded] = boundedEditorRanges(editor.state.doc.length, [range]);\n          if (bounded === undefined || bounded.from === bounded.to) return [];\n          return [\n            Decoration.widget({ widget: new MarkedRangeLabel(range.label), side: -1 }).range(bounded.from),\n            Decoration.mark({\n              class: 'cm-marked-region',\n              attributes: { 'data-author-region': range.label },\n            }).range(bounded.from, bounded.to),\n          ];\n        });\n        editor.dispatch({ effects: setMarkedDecorations.of(Decoration.set(decorations, true)) });\n      },\n      resolveViewportRegion: (rectangle) => {\n        const editor = view.current;\n        return editor === null ? null : resolveEditorViewportRegion(editor, rectangle);\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const editor = view.current;\n    // A caller that echoes onChange back into `value` would otherwise replace\n    // the document on every keystroke and drop the cursor to the end.\n    if (editor === null || editor.state.doc.toString() === value) return;\n    editor.dispatch({ changes: { from: 0, to: editor.state.doc.length, insert: value } });\n  }, [value]);\n\n  useEffect(() => {\n    view.current?.dispatch({\n      effects: compartments.current.readOnly.reconfigure([\n        EditorState.readOnly.of(readOnly),\n        EditorView.editable.of(!readOnly),\n      ]),\n    });\n  }, [readOnly]);\n\n  useEffect(() => {\n    view.current?.dispatch({\n      effects: compartments.current.wrapping.reconfigure(lineWrapping ? EditorView.lineWrapping : []),\n    });\n  }, [lineWrapping]);\n\n  useEffect(() => {\n    const key = path === undefined ? undefined : grammarKeyOf(path);\n    const { language } = compartments.current;\n    if (key === undefined) {\n      view.current?.dispatch({ effects: language.reconfigure([]) });\n      return;\n    }\n    let cancelled = false;\n    void loadGrammar(key)\n      .then((grammar) => {\n        if (!cancelled) view.current?.dispatch({ effects: language.reconfigure(grammar) });\n      })\n      .catch(() => {\n        // A grammar is a separate chunk over the network, and the cockpit is\n        // often read through a tunnel. Losing it costs syntax colour, not the\n        // file, so fall back to plain text rather than failing the pane.\n        if (!cancelled) view.current?.dispatch({ effects: language.reconfigure([]) });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [path]);\n\n  return <div ref={host} data-testid={testId} className={cn('min-h-0 overflow-hidden', className)} />;\n}\n"],"mappings":"olCAgCA,SAASA,EAAe,EAAyC,EAAc,EAAkC,CAC/G,IAAMC,EAAQ,KAAK,IAAIC,EAAMC,CAAE,EACzBC,EAAM,KAAK,IAAIF,EAAMC,CAAE,EAC7B,MAAO,CACL,KAAME,EAAO,MAAM,SAASJ,EAAOG,CAAG,EACtC,KAAMH,EACN,GAAIG,EACJ,UAAWC,EAAO,MAAM,IAAI,OAAOJ,CAAK,CAAC,CAAC,OAC1C,QAASI,EAAO,MAAM,IAAI,OAAOD,CAAG,CAAC,CAAC,MACxC,CACF,CAEA,SAAgBE,EACd,EAIA,EAC6B,CAC7B,IAAML,EAAQI,EAAO,YAAY,CAAE,EAAGE,EAAU,KAAM,EAAGA,EAAU,GAAI,CAAC,EAClEH,EAAMC,EAAO,YAAY,CAAE,EAAGE,EAAU,MAAO,EAAGA,EAAU,MAAO,CAAC,EAE1E,OADIN,IAAU,MAAQG,IAAQ,KAAa,KACpCJ,EAAeK,EAAQJ,EAAOG,CAAG,CAC1C,CAgBA,MAAMI,EAAaC,EAAW,MAAMC,CAAkB,EAEhDC,EAAiBC,EAAe,OAAO,CAC3C,CAAE,IAAKC,EAAK,QAAS,GAAGC,EAAmB,OAAQ,EACnD,CAAE,IAAKD,EAAK,QAAS,GAAGC,EAAmB,OAAQ,EACnD,CAAE,IAAK,CAACD,EAAK,KAAMA,EAAK,KAAMA,EAAK,KAAMA,EAAK,IAAI,EAAG,GAAGC,EAAmB,QAAS,EACpF,CAAE,IAAKD,EAAK,OAAQ,GAAGC,EAAmB,OAAQ,EAClD,CAAE,IAAK,CAACD,EAAK,OAAQA,EAAK,QAAQA,EAAK,MAAM,EAAGA,EAAK,SAAS,EAAG,GAAGC,EAAmB,MAAO,EAC9F,CAAE,IAAKD,EAAK,OAAQ,GAAGC,EAAmB,MAAO,EACjD,CAAE,IAAKD,EAAK,SAAU,GAAGC,EAAmB,QAAS,EACrD,CAAE,IAAKD,EAAK,YAAa,GAAGC,EAAmB,WAAY,EAC3D,CAAE,IAAKD,EAAK,aAAc,GAAGC,EAAmB,QAAS,EACzD,CAAE,IAAKD,EAAK,aAAc,GAAGC,EAAmB,QAAS,EACzD,CAAE,IAAK,CAACD,EAAK,SAASA,EAAK,YAAY,EAAGA,EAAK,SAASA,EAAK,YAAY,CAAC,EAAG,GAAGC,EAAmB,QAAS,EAC5G,CAAE,IAAK,CAACD,EAAK,SAAUA,EAAK,UAAWA,EAAK,SAAS,EAAG,GAAGC,EAAmB,IAAK,EACnF,CAAE,IAAKD,EAAK,QAAS,GAAGC,EAAmB,GAAI,EAC/C,CAAE,IAAKD,EAAK,cAAe,GAAGC,EAAmB,SAAU,EAC3D,CAAE,IAAK,CAACD,EAAK,KAAMA,EAAK,qBAAqB,EAAG,GAAGC,EAAmB,IAAK,EAC3E,CAAE,IAAKD,EAAK,QAAS,GAAGC,EAAmB,OAAQ,EACnD,CAAE,IAAK,CAACD,EAAK,KAAMA,EAAK,GAAG,EAAG,GAAGC,EAAmB,IAAK,EACzD,CAAE,IAAKD,EAAK,SAAU,GAAGC,EAAmB,QAAS,EACrD,CAAE,IAAKD,EAAK,OAAQ,GAAGC,EAAmB,MAAO,EACjD,CAAE,IAAKD,EAAK,cAAe,GAAGC,EAAmB,aAAc,EAC/D,CAAE,IAAKD,EAAK,QAAS,GAAGC,EAAmB,OAAQ,CACrD,CAAC,EAEKC,EAAuBC,EAAY,OAAsB,EACzDC,EAAoBC,EAAW,OAAsB,CACzD,WAAcC,EAAW,KACzB,QAAS,EAAa,IAAgB,CACpC,IAAIC,EAAOC,EAAY,IAAIC,EAAY,OAAO,EAC9C,IAAK,IAAMC,KAAUD,EAAY,QAC3BC,EAAO,GAAGR,CAAoB,IAAG,EAAOQ,EAAO,OAErD,OAAOH,CACT,EACA,QAAU,GAAUX,EAAW,YAAY,KAAKe,CAAK,CACvD,CAAC,EAEKC,EAAuBT,EAAY,OAAsB,EACzDU,EAAoBR,EAAW,OAAsB,CACzD,WAAcC,EAAW,KACzB,QAAS,EAAa,IAAgB,CACpC,IAAIC,EAAOC,EAAY,IAAIC,EAAY,OAAO,EAC9C,IAAK,IAAMC,KAAUD,EAAY,QAC3BC,EAAO,GAAGE,CAAoB,IAAG,EAAOF,EAAO,OAErD,OAAOH,CACT,EACA,QAAU,GAAUX,EAAW,YAAY,KAAKe,CAAK,CACvD,CAAC,EAED,IAAMG,EAAN,cAA+BC,CAAW,CACX,MAA7B,YAAY,EAAgC,CAC1C,MAAM,EADqB,KAAA,MAAAC,CAE7B,CAEA,GAAG,EAAkC,CACnC,OAAOC,EAAM,QAAU,KAAK,KAC9B,CAEA,OAAqB,CACnB,IAAMD,EAAQ,SAAS,cAAc,MAAM,EAI3C,MAHA,GAAM,UAAY,yBAClB,EAAM,QAAQ,kBAAoB,KAAK,MACvC,EAAM,YAAc,KAAK,MAClBA,CACT,CACF,EAEA,MAAME,EAAsBtB,EAAW,UAAU,CAC/C,oBAAqB,CACnB,gBAAiB,0BACjB,aAAc,mCAChB,EACA,0BAA2B,CACzB,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,SAAU,OACV,OAAQ,OACR,YAAa,MACb,aAAc,QACd,gBAAiB,qBACjB,MAAO,mBACP,SAAU,MACV,WAAY,MACZ,WAAY,IACZ,cAAe,aACjB,CACF,CAAC,EAGKuB,EAAmB,CACvBC,EAAY,EACZC,EAA0B,EAC1BC,EAAW,EACXC,EAAoB,EACpBC,EAAc,EACdC,EAAqB,EACrBC,EAAc,EACdC,EAAgB,EAChBC,EAAQ,EACRC,EAAO,CAAE,IAAK,EAAK,CAAC,EACpBC,EAA0B,EAI1BC,EAAO,GAAG,CAAC,GAAGC,EAAe,GAAGC,EAAe,GAAGC,EAAc,GAAGC,EAAYC,CAAa,CAAC,EAC7FC,EAAmBvC,CAAc,EACjCM,EACAS,EACAK,EACAvB,CACF,EAEA,SAAgB2C,EAAe,CAC7B,QACA,OACA,WAAW,GACX,eAAe,GACf,YACA,WACA,WACA,gBACA,cAAeC,GACG,CAClB,IAAMC,EAAOC,EAAuB,IAAI,EAClCC,EAAOD,EAA0B,IAAI,EAIrCE,EAAWF,EAAO,CAAE,WAAU,UAAS,CAAC,EAGxCG,EAAeH,EAAOI,CAAK,EAC3BC,EAAeL,EAAO,CAC1B,SAAU,IAAIM,EACd,SAAU,IAAIA,EACd,SAAU,IAAIA,CAChB,CAAC,EAiJD,OA/IAC,MAAgB,CACd,EAAS,QAAU,CAAE,WAAU,UAAS,CAC1C,CAAC,EAEDC,MAAsB,CACpB,IAAMC,EAASV,EAAK,QACpB,GAAIU,IAAW,KAAM,OACrB,GAAM,CAAE,WAAU,SAAUC,EAAc,YAAaL,EAAa,QAC9DtD,EAAS,IAAII,EAAW,CAC5B,SACA,MAAOwD,EAAY,OAAO,CAGxB,IAAKR,EAAa,QAClB,WAAY,CACV,GAAGzB,EACHkC,EAAS,GAAG,CAAC,CAAC,EACdF,EAAa,GAAG,CAAC,CAAC,EAClBG,EAAS,GAAG,CAAC,CAAC,EACd1D,EAAW,eAAe,GAAI,GAAW,CAEvC,GADI2D,EAAO,YAAYZ,EAAS,QAAQ,WAAWY,EAAO,MAAM,IAAI,SAAS,CAAC,EAC1E,CAACA,EAAO,cAAgB,CAACA,EAAO,WAAY,OAChD,IAAMC,EAASb,EAAS,QAAQ,SAChC,GAAIa,IAAW,IAAA,GAAW,OAC1B,IAAMC,EAAQF,EAAO,MAAM,UAAU,KACrCC,EAAOrE,EAAeoE,EAAO,KAAME,EAAM,KAAMA,EAAM,EAAE,CAAC,CAC1D,CAAC,CACH,CACF,CAAC,CACH,CAAC,EAED,MADA,GAAK,QAAUjE,MACF,CACXA,EAAO,QAAQ,EACf,EAAK,QAAU,IACjB,CAEF,EAAG,CAAC,CAAC,EAELkE,EACEC,OACO,CACL,UAAajB,EAAK,SAAS,MAAM,EACjC,gBAAkB,GAAU,CAC1B,IAAMlD,EAASkD,EAAK,QACpB,GAAIlD,IAAW,KAAM,OACrB,GAAM,CAACoE,GAAWC,EAAoBrE,EAAO,MAAM,IAAI,OAAQ,CAACiE,CAAK,CAAC,EAClEG,IAAY,IAAA,IAChBpE,EAAO,SAAS,CACd,UAAW,CAAE,OAAQoE,EAAQ,KAAM,KAAMA,EAAQ,EAAG,EACpD,QAAShE,EAAW,eAAegE,EAAQ,KAAM,CAAE,EAAG,QAAS,CAAC,CAClE,CAAC,CACH,EACA,WAAa,GAAU,CACrB,IAAMpE,EAASkD,EAAK,QAChBlD,IAAW,MAAQsE,EAAM,SAAW,GACxCtE,EAAO,SAAS,CAAE,QAASuE,EAAmBvE,EAAO,MAAM,IAAI,OAAQsE,CAAK,CAAE,CAAC,CACjF,EACA,gBAAkB,GAAW,CAC3B,IAAMtE,EAASkD,EAAK,QACpB,GAAIlD,IAAW,KAAM,OAErB,IAAMgB,EADUqD,EAAoBrE,EAAO,MAAM,IAAI,OAAQwE,CACnC,CAAC,CAAC,IAAK,GAC/BP,EAAM,OAASA,EAAM,GACjBnD,EAAW,KAAK,CAAE,WAAY,CAAE,MAAO,iBAAkB,YAAa,QAAS,CAAE,CAAC,CAAC,CAAC,MAClFd,EAAO,MAAM,IAAI,OAAOiE,EAAM,IAAI,CAAC,CAAC,IACtC,EACAnD,EAAW,KAAK,CAAE,MAAO,iBAAkB,WAAY,CAAE,YAAa,QAAS,CAAE,CAAC,CAAC,CAAC,MAClFmD,EAAM,KACNA,EAAM,EACR,CACN,EACAjE,EAAO,SAAS,CAAE,QAASU,EAAqB,GAAGI,EAAW,IAAIE,CAAW,CAAC,CAAE,CAAC,CACnF,EACA,gBAAkB,GAAW,CAC3B,IAAMhB,EAASkD,EAAK,QACpB,GAAIlD,IAAW,KAAM,OACrB,IAAMgB,EAAcwD,EAAO,QAAS,GAAU,CAC5C,GAAM,CAACJ,GAAWC,EAAoBrE,EAAO,MAAM,IAAI,OAAQ,CAACiE,CAAK,CAAC,EAEtE,OADIG,IAAY,IAAA,IAAaA,EAAQ,OAASA,EAAQ,GAAW,CAAC,EAC3D,CACLtD,EAAW,OAAO,CAAE,OAAQ,IAAIQ,EAAiB2C,EAAM,KAAK,EAAG,KAAM,EAAG,CAAC,CAAC,CAAC,MAAMG,EAAQ,IAAI,EAC7FtD,EAAW,KAAK,CACd,MAAO,mBACP,WAAY,CAAE,qBAAsBmD,EAAM,KAAM,CAClD,CAAC,CAAC,CAAC,MAAMG,EAAQ,KAAMA,EAAQ,EAAE,CACnC,CACF,CAAC,EACDpE,EAAO,SAAS,CAAE,QAASoB,EAAqB,GAAGN,EAAW,IAAIE,EAAa,EAAI,CAAC,CAAE,CAAC,CACzF,EACA,sBAAwB,GAAc,CACpC,IAAMhB,EAASkD,EAAK,QACpB,OAAOlD,IAAW,KAAO,KAAOC,EAA4BD,EAAQE,CAAS,CAC/E,CACF,GACA,CAAC,CACH,EAEAsD,MAAgB,CACd,IAAMxD,EAASkD,EAAK,QAGhBlD,IAAW,MAAQA,EAAO,MAAM,IAAI,SAAS,IAAMqD,GACvDrD,EAAO,SAAS,CAAE,QAAS,CAAE,KAAM,EAAG,GAAIA,EAAO,MAAM,IAAI,OAAQ,OAAQqD,CAAM,CAAE,CAAC,CACtF,EAAG,CAACA,CAAK,CAAC,EAEVG,MAAgB,CACdN,EAAK,SAAS,SAAS,CACrB,QAASI,EAAa,QAAQ,SAAS,YAAY,CACjDM,EAAY,SAAS,GAAGa,CAAQ,EAChCrE,EAAW,SAAS,GAAG,CAACqE,CAAQ,CAClC,CAAC,CACH,CAAC,CACH,EAAG,CAACA,CAAQ,CAAC,EAEbjB,MAAgB,CACdN,EAAK,SAAS,SAAS,CACrB,QAASI,EAAa,QAAQ,SAAS,YAAYoB,EAAetE,EAAW,aAAe,CAAC,CAAC,CAChG,CAAC,CACH,EAAG,CAACsE,CAAY,CAAC,EAEjBlB,MAAgB,CACd,IAAMmB,EAAMC,IAAS,IAAA,GAAY,IAAA,GAAYC,EAAaD,CAAI,EACxD,CAAE,YAAatB,EAAa,QAClC,GAAIqB,IAAQ,IAAA,GAAW,CACrBzB,EAAK,SAAS,SAAS,CAAE,QAASW,EAAS,YAAY,CAAC,CAAC,CAAE,CAAC,EAC5D,MACF,CACA,IAAIiB,EAAY,GAWhB,OAVAC,EAAiBJ,CAAG,CAAC,CAClB,KAAM,GAAY,CACZG,GAAW5B,EAAK,SAAS,SAAS,CAAE,QAASW,EAAS,YAAYmB,CAAO,CAAE,CAAC,CACnF,CAAC,CAAC,CACD,UAAY,CAINF,GAAW5B,EAAK,SAAS,SAAS,CAAE,QAASW,EAAS,YAAY,CAAC,CAAC,CAAE,CAAC,CAC9E,CAAC,MACU,CACX,EAAY,EACd,CACF,EAAG,CAACe,CAAI,CAAC,EAEF,kBAAC,MAAD,CAAK,IAAK5B,EAAM,cAAaD,EAAQ,UAAWkC,EAAG,0BAA2BC,CAAS,CAAI,CAAA,CACpG"}
+{"version":3,"file":"CodeEditorView.mjs","names":["selectionRange","start","from","to","end","editor","resolveEditorViewportRegion","rectangle","PO_THEME","EditorView","PO_EDITOR_STYLES","PO_HIGHLIGHT","HighlightStyle","tags","PO_SYNTAX_STYLES","setClosedDecorations","StateEffect","closedDecorations","StateField","Decoration","next","decorations","transaction","effect","field","setMarkedDecorations","markedDecorations","MarkedRangeLabel","WidgetType","label","other","MARKED_REGION_THEME","FIXED_EXTENSIONS","lineNumbers","highlightActiveLineGutter","foldGutter","highlightActiveLine","drawSelection","rectangularSelection","indentOnInput","bracketMatching","history","search","highlightSelectionMatches","keymap","defaultKeymap","historyKeymap","searchKeymap","foldKeymap","indentWithTab","syntaxHighlighting","CodeEditorView","testId","host","useRef","view","handlers","initialValue","value","compartments","Compartment","useEffect","useLayoutEffect","parent","readOnlyPart","EditorState","language","wrapping","update","report","range","useImperativeHandle","controllerRef","bounded","boundedEditorRanges","edits","boundedEditorEdits","ranges","readOnly","lineWrapping","key","path","grammarKeyOf","cancelled","loadGrammar","grammar","cn","className"],"sources":["../../../../../../src/components/CodeEditorView.tsx"],"sourcesContent":["import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport {\n  bracketMatching,\n  foldGutter,\n  foldKeymap,\n  HighlightStyle,\n  indentOnInput,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { highlightSelectionMatches, search, searchKeymap } from '@codemirror/search';\nimport { Compartment, EditorState, StateEffect, StateField } from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  drawSelection,\n  EditorView,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  keymap,\n  lineNumbers,\n  rectangularSelection,\n  WidgetType,\n} from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { boundedEditorEdits, boundedEditorRanges } from '../lib/editorController';\nimport { grammarKeyOf, loadGrammar } from '../lib/editorLanguage';\nimport { PO_EDITOR_STYLES, PO_SYNTAX_STYLES } from '../lib/editorTheme';\nimport type { CodeEditorProps, EditorSelectionRange, EditorViewportRectangle } from '../types/editor';\n\nfunction selectionRange(editor: { readonly state: EditorState }, from: number, to: number): EditorSelectionRange {\n  const start = Math.min(from, to);\n  const end = Math.max(from, to);\n  return {\n    text: editor.state.sliceDoc(start, end),\n    from: start,\n    to: end,\n    startLine: editor.state.doc.lineAt(start).number,\n    endLine: editor.state.doc.lineAt(end).number,\n  };\n}\n\nexport function resolveEditorViewportRegion(\n  editor: {\n    readonly state: EditorState;\n    posAtCoords(coords: { x: number; y: number }): number | null;\n  },\n  rectangle: EditorViewportRectangle,\n): EditorSelectionRange | null {\n  const start = editor.posAtCoords({ x: rectangle.left, y: rectangle.top });\n  const end = editor.posAtCoords({ x: rectangle.right, y: rectangle.bottom });\n  if (start === null || end === null) return null;\n  return selectionRange(editor, start, end);\n}\n/**\n * The editor itself, mounted on a real CodeMirror view.\n *\n * Nothing imports this module directly: `CodeEditor` reaches it through a lazy\n * import so the whole editor, and every grammar under it, stays out of the\n * cockpit's first load. Behaviour lives here rather than in that wrapper so\n * the split costs one file and no indirection.\n *\n * The three things a caller can change after mount each sit in their own\n * compartment. Reconfiguring one is a transaction; rebuilding the editor would\n * throw away the undo history, the scroll position and the cursor, which is\n * what a reader loses if a parent re-render is allowed to remount this.\n */\n\n/** Not a colour or a layout choice: how CodeMirror is told to draw the po palette. */\nconst PO_THEME = EditorView.theme(PO_EDITOR_STYLES);\n\nconst PO_HIGHLIGHT = HighlightStyle.define([\n  { tag: tags.comment, ...PO_SYNTAX_STYLES.comment },\n  { tag: tags.keyword, ...PO_SYNTAX_STYLES.keyword },\n  { tag: [tags.atom, tags.bool, tags.null, tags.self], ...PO_SYNTAX_STYLES.constant },\n  { tag: tags.number, ...PO_SYNTAX_STYLES.literal },\n  { tag: [tags.string, tags.special(tags.string), tags.character], ...PO_SYNTAX_STYLES.string },\n  { tag: tags.regexp, ...PO_SYNTAX_STYLES.regexp },\n  { tag: tags.operator, ...PO_SYNTAX_STYLES.operator },\n  { tag: tags.punctuation, ...PO_SYNTAX_STYLES.punctuation },\n  { tag: tags.variableName, ...PO_SYNTAX_STYLES.variable },\n  { tag: tags.propertyName, ...PO_SYNTAX_STYLES.property },\n  { tag: [tags.function(tags.variableName), tags.function(tags.propertyName)], ...PO_SYNTAX_STYLES.callable },\n  { tag: [tags.typeName, tags.className, tags.namespace], ...PO_SYNTAX_STYLES.type },\n  { tag: tags.tagName, ...PO_SYNTAX_STYLES.tag },\n  { tag: tags.attributeName, ...PO_SYNTAX_STYLES.attribute },\n  { tag: [tags.meta, tags.processingInstruction], ...PO_SYNTAX_STYLES.meta },\n  { tag: tags.heading, ...PO_SYNTAX_STYLES.heading },\n  { tag: [tags.link, tags.url], ...PO_SYNTAX_STYLES.link },\n  { tag: tags.emphasis, ...PO_SYNTAX_STYLES.emphasis },\n  { tag: tags.strong, ...PO_SYNTAX_STYLES.strong },\n  { tag: tags.strikethrough, ...PO_SYNTAX_STYLES.strikethrough },\n  { tag: tags.invalid, ...PO_SYNTAX_STYLES.invalid },\n]);\n\nconst setClosedDecorations = StateEffect.define<DecorationSet>();\nconst closedDecorations = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update: (decorations, transaction) => {\n    let next = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (effect.is(setClosedDecorations)) next = effect.value;\n    }\n    return next;\n  },\n  provide: (field) => EditorView.decorations.from(field),\n});\n\nconst setMarkedDecorations = StateEffect.define<DecorationSet>();\nconst markedDecorations = StateField.define<DecorationSet>({\n  create: () => Decoration.none,\n  update: (decorations, transaction) => {\n    let next = decorations.map(transaction.changes);\n    for (const effect of transaction.effects) {\n      if (effect.is(setMarkedDecorations)) next = effect.value;\n    }\n    return next;\n  },\n  provide: (field) => EditorView.decorations.from(field),\n});\n\nclass MarkedRangeLabel extends WidgetType {\n  constructor(private readonly label: string) {\n    super();\n  }\n\n  eq(other: MarkedRangeLabel): boolean {\n    return other.label === this.label;\n  }\n\n  toDOM(): HTMLElement {\n    const label = document.createElement('span');\n    label.className = 'cm-marked-region-label';\n    label.dataset.authorRegionLabel = this.label;\n    label.textContent = this.label;\n    return label;\n  }\n}\n\nconst MARKED_REGION_THEME = EditorView.baseTheme({\n  '.cm-marked-region': {\n    backgroundColor: 'var(--po-tint-yellow)',\n    borderBottom: '1px solid var(--po-edge-yellow)',\n  },\n  '.cm-marked-region-label': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: '16px',\n    height: '16px',\n    marginRight: '4px',\n    borderRadius: '999px',\n    backgroundColor: 'var(--po-yellow)',\n    color: 'var(--po-deep)',\n    fontSize: '9px',\n    fontWeight: '700',\n    lineHeight: '1',\n    verticalAlign: 'text-bottom',\n  },\n});\n\n/** Everything that never changes for the life of an editor. */\nconst FIXED_EXTENSIONS = [\n  lineNumbers(),\n  highlightActiveLineGutter(),\n  foldGutter(),\n  highlightActiveLine(),\n  drawSelection(),\n  rectangularSelection(),\n  indentOnInput(),\n  bracketMatching(),\n  history(),\n  search({ top: true }),\n  highlightSelectionMatches(),\n  // Tab indents rather than leaving the editor. That trades a keyboard user's\n  // escape route for the behaviour every other editor has, so it is last in\n  // the keymap and Escape then Tab still moves focus out.\n  keymap.of([...defaultKeymap, ...historyKeymap, ...searchKeymap, ...foldKeymap, indentWithTab]),\n  syntaxHighlighting(PO_HIGHLIGHT),\n  closedDecorations,\n  markedDecorations,\n  MARKED_REGION_THEME,\n  PO_THEME,\n];\n\nexport function CodeEditorView({\n  value,\n  path,\n  readOnly = false,\n  lineWrapping = true,\n  className,\n  onChange,\n  onSelect,\n  controllerRef,\n  'data-testid': testId,\n}: CodeEditorProps) {\n  const host = useRef<HTMLDivElement>(null);\n  const view = useRef<EditorView | null>(null);\n  // The callbacks are new objects on every parent render. Reading them through\n  // a ref is what lets the editor be built once and still call the current\n  // pair, rather than being rebuilt whenever the parent re-renders.\n  const handlers = useRef({ onChange, onSelect });\n  // The document is seeded once from the value of the first render; the sync effect\n  // below owns every later change.\n  const initialValue = useRef(value);\n  const compartments = useRef({\n    language: new Compartment(),\n    readOnly: new Compartment(),\n    wrapping: new Compartment(),\n  });\n\n  useEffect(() => {\n    handlers.current = { onChange, onSelect };\n  });\n\n  useLayoutEffect(() => {\n    const parent = host.current;\n    if (parent === null) return;\n    const { language, readOnly: readOnlyPart, wrapping } = compartments.current;\n    const editor = new EditorView({\n      parent,\n      state: EditorState.create({\n        // The initial document only; every later change arrives as a\n        // transaction from the effect below.\n        doc: initialValue.current,\n        extensions: [\n          ...FIXED_EXTENSIONS,\n          language.of([]),\n          readOnlyPart.of([]),\n          wrapping.of([]),\n          EditorView.updateListener.of((update) => {\n            if (update.docChanged) handlers.current.onChange?.(update.state.doc.toString());\n            if (!update.selectionSet && !update.docChanged) return;\n            const report = handlers.current.onSelect;\n            if (report === undefined) return;\n            const range = update.state.selection.main;\n            report(selectionRange(update.view, range.from, range.to));\n          }),\n        ],\n      }),\n    });\n    view.current = editor;\n    return () => {\n      editor.destroy();\n      view.current = null;\n    };\n    // Built once.\n  }, []);\n\n  useImperativeHandle(\n    controllerRef,\n    () => ({\n      focus: () => view.current?.focus(),\n      revealAndSelect: (range) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const [bounded] = boundedEditorRanges(editor.state.doc.length, [range]);\n        if (bounded === undefined) return;\n        editor.dispatch({\n          selection: { anchor: bounded.from, head: bounded.to },\n          effects: EditorView.scrollIntoView(bounded.from, { y: 'center' }),\n        });\n      },\n      applyEdits: (edits) => {\n        const editor = view.current;\n        if (editor === null || edits.length === 0) return;\n        editor.dispatch({ changes: boundedEditorEdits(editor.state.doc.length, edits) });\n      },\n      setClosedRanges: (ranges) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const bounded = boundedEditorRanges(editor.state.doc.length, ranges);\n        const decorations = bounded.map((range) =>\n          range.from === range.to\n            ? Decoration.line({ attributes: { class: 'cm-closed-tone', 'data-tone': 'closed' } }).range(\n                editor.state.doc.lineAt(range.from).from,\n              )\n            : Decoration.mark({ class: 'cm-closed-tone', attributes: { 'data-tone': 'closed' } }).range(\n                range.from,\n                range.to,\n              ),\n        );\n        editor.dispatch({ effects: setClosedDecorations.of(Decoration.set(decorations)) });\n      },\n      setMarkedRanges: (ranges) => {\n        const editor = view.current;\n        if (editor === null) return;\n        const decorations = ranges.flatMap((range) => {\n          const [bounded] = boundedEditorRanges(editor.state.doc.length, [range]);\n          if (bounded === undefined || bounded.from === bounded.to) return [];\n          return [\n            Decoration.widget({ widget: new MarkedRangeLabel(range.label), side: -1 }).range(bounded.from),\n            Decoration.mark({\n              class: 'cm-marked-region',\n              attributes: { 'data-author-region': range.label },\n            }).range(bounded.from, bounded.to),\n          ];\n        });\n        editor.dispatch({ effects: setMarkedDecorations.of(Decoration.set(decorations, true)) });\n      },\n      resolveViewportRegion: (rectangle) => {\n        const editor = view.current;\n        return editor === null ? null : resolveEditorViewportRegion(editor, rectangle);\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const editor = view.current;\n    // A caller that echoes onChange back into `value` would otherwise replace\n    // the document on every keystroke and drop the cursor to the end.\n    if (editor === null || editor.state.doc.toString() === value) return;\n    editor.dispatch({ changes: { from: 0, to: editor.state.doc.length, insert: value } });\n  }, [value]);\n\n  useEffect(() => {\n    view.current?.dispatch({\n      effects: compartments.current.readOnly.reconfigure([\n        EditorState.readOnly.of(readOnly),\n        EditorView.editable.of(!readOnly),\n      ]),\n    });\n  }, [readOnly]);\n\n  useEffect(() => {\n    view.current?.dispatch({\n      effects: compartments.current.wrapping.reconfigure(lineWrapping ? EditorView.lineWrapping : []),\n    });\n  }, [lineWrapping]);\n\n  useEffect(() => {\n    const key = path === undefined ? undefined : grammarKeyOf(path);\n    const { language } = compartments.current;\n    if (key === undefined) {\n      view.current?.dispatch({ effects: language.reconfigure([]) });\n      return;\n    }\n    let cancelled = false;\n    void loadGrammar(key)\n      .then((grammar) => {\n        if (!cancelled) view.current?.dispatch({ effects: language.reconfigure(grammar) });\n      })\n      .catch(() => {\n        // A grammar is a separate chunk over the network, and the cockpit is\n        // often read through a tunnel. Losing it costs syntax colour, not the\n        // file, so fall back to plain text rather than failing the pane.\n        if (!cancelled) view.current?.dispatch({ effects: language.reconfigure([]) });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [path]);\n\n  return <div ref={host} data-testid={testId} className={cn('min-h-0 overflow-hidden', className)} />;\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Dialog as t,DialogContent as n,DialogTitle as r}from"./Dialog.mjs";import{Input as i}from"./Input.mjs";import{OptionLabel as a,OptionRow as o}from"./OptionList.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({open:i,onOpenChange:a,title:o,titleVisible:l=!1,className:u,children:d,width:f=`lg`,...p}){return/* @__PURE__ */ s(t,{open:i,onOpenChange:a,children:/* @__PURE__ */ c(n,{"data-slot":`command-dialog`,width:f,className:e(`max-h-[70vh]`,u),...p,children:[/* @__PURE__ */ s(r,{className:l?void 0:`sr-only`,children:o}),d]})})}function u({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-header`,className:e(`flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5`,t),...n})}function d({className:t,...n}){return/* @__PURE__ */ s(i,{"data-slot":`command-input`,variant:`bare`,autoFocus:!0,autoComplete:`off`,className:e(`flex-1`,t),...n})}function f({className:t,...n}){return/* @__PURE__ */ s(`div`,{role:`listbox`,"data-slot":`command-list`,className:e(`flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5`,t),...n})}function p({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-group`,className:e(`flex flex-col gap-0.5`,t),...n})}function m({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-group-label`,className:e(`px-2 pt-2 pb-1 text-sm font-semibold text-doom-dim first-letter:uppercase`,t),...n})}function h({density:e=`compact`,...t}){return/* @__PURE__ */ s(o,{"data-slot":`command-item`,density:e,...t})}function g(e){return/* @__PURE__ */ s(a,{"data-slot":`command-item-label`,density:`compact`,...e})}function _({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-empty`,className:e(`px-2 py-6 text-center text-base text-doom-dim`,t),...n})}function v({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-footer`,className:e(`flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-doom-border-soft bg-doom-deep px-3 text-sm text-doom-dim`,t),...n})}export{l as CommandDialog,_ as CommandEmpty,v as CommandFooter,p as CommandGroup,m as CommandGroupLabel,u as CommandHeader,d as CommandInput,h as CommandItem,g as CommandItemLabel,f as CommandList};
+import{cn as e}from"../lib/cn.mjs";import{Dialog as t,DialogContent as n,DialogTitle as r}from"./Dialog.mjs";import{Input as i}from"./Input.mjs";import{OptionLabel as a,OptionRow as o}from"./OptionList.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({open:i,onOpenChange:a,title:o,titleVisible:l=!1,className:u,children:d,width:f=`lg`,...p}){return/* @__PURE__ */ s(t,{open:i,onOpenChange:a,children:/* @__PURE__ */ c(n,{"data-slot":`command-dialog`,width:f,className:e(`max-h-[70vh]`,u),...p,children:[/* @__PURE__ */ s(r,{className:l?void 0:`sr-only`,children:o}),d]})})}function u({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-header`,className:e(`flex shrink-0 items-center gap-2 border-b border-po-border px-3 py-2.5`,t),...n})}function d({className:t,...n}){return/* @__PURE__ */ s(i,{"data-slot":`command-input`,variant:`bare`,autoFocus:!0,autoComplete:`off`,className:e(`flex-1`,t),...n})}function f({className:t,...n}){return/* @__PURE__ */ s(`div`,{role:`listbox`,"data-slot":`command-list`,className:e(`flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5`,t),...n})}function p({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-group`,className:e(`flex flex-col gap-0.5`,t),...n})}function m({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-group-label`,className:e(`px-2 pt-2 pb-1 text-sm font-semibold text-po-dim first-letter:uppercase`,t),...n})}function h({density:e=`compact`,...t}){return/* @__PURE__ */ s(o,{"data-slot":`command-item`,density:e,...t})}function g(e){return/* @__PURE__ */ s(a,{"data-slot":`command-item-label`,density:`compact`,...e})}function _({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-empty`,className:e(`px-2 py-6 text-center text-base text-po-dim`,t),...n})}function v({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`command-footer`,className:e(`flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-po-border-soft bg-po-deep px-3 text-sm text-po-dim`,t),...n})}export{l as CommandDialog,_ as CommandEmpty,v as CommandFooter,p as CommandGroup,m as CommandGroupLabel,u as CommandHeader,d as CommandInput,h as CommandItem,g as CommandItemLabel,f as CommandList};
 //# sourceMappingURL=Command.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Command.mjs","names":["CommandDialog","props","Dialog","DialogContent","cn","className","DialogTitle","titleVisible","title","children","CommandHeader","CommandInput","Input","CommandList","CommandGroup","CommandGroupLabel","CommandItem","OptionRow","CommandItemLabel","OptionLabel","CommandEmpty","CommandFooter"],"sources":["../../../../../../src/components/Command.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Dialog, DialogContent, type DialogContentProps, DialogTitle } from './Dialog';\nimport { Input, type InputProps } from './Input';\nimport { OptionLabel, OptionRow, type OptionRowProps } from './OptionList';\n\n/**\n * The command palette's frame, its search strip, its rows, and its hint.\n *\n * It has no Radix counterpart and it deliberately does no filtering: the\n * surface that opens a palette already knows how to rank its own commands,\n * and a matcher baked in here would be a second, worse one. Built on Dialog,\n * Input, and the option row so a palette and a select popover cannot drift\n * apart, rather than on a new dependency.\n */\n\nexport interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Names the dialog for assistive tech; visually hidden unless the palette draws its own heading. */\n  title: ReactNode;\n  titleVisible?: boolean;\n}\n\nexport function CommandDialog({\n  open,\n  onOpenChange,\n  title,\n  titleVisible = false,\n  className,\n  children,\n  width = 'lg',\n  ...props\n}: CommandDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-slot=\"command-dialog\" width={width} className={cn('max-h-[70vh]', className)} {...props}>\n        <DialogTitle className={titleVisible ? undefined : 'sr-only'}>{title}</DialogTitle>\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** The strip the search field sits in. */\nexport function CommandHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-header\"\n      className={cn('flex shrink-0 items-center gap-2 border-b border-doom-border px-3 py-2.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** The search field: bare, because the header already draws the surface. */\nexport function CommandInput({ className, ...props }: InputProps) {\n  return (\n    <Input\n      data-slot=\"command-input\"\n      variant=\"bare\"\n      autoFocus\n      autoComplete=\"off\"\n      className={cn('flex-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** The scrolling body. It is the listbox, so its rows are the options. */\nexport function CommandList({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"listbox\"\n      data-slot=\"command-list\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** A labelled run of rows. */\nexport function CommandGroup({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"command-group\" className={cn('flex flex-col gap-0.5', className)} {...props} />;\n}\n\nexport function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-group-label\"\n      className={cn('px-2 pt-2 pb-1 text-sm font-semibold text-doom-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** One command. Compact by default, since a palette shows many at once. */\nexport function CommandItem({ density = 'compact', ...props }: OptionRowProps) {\n  return <OptionRow data-slot=\"command-item\" density={density} {...props} />;\n}\n\n/** A command's name, taking the width the row has left. */\nexport function CommandItemLabel(props: ComponentProps<'span'>) {\n  return <OptionLabel data-slot=\"command-item-label\" density=\"compact\" {...props} />;\n}\n\n/** What the palette says when nothing matches. */\nexport function CommandEmpty({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn('px-2 py-6 text-center text-base text-doom-dim', className)}\n      {...props}\n    />\n  );\n}\n\n/** The hint strip along the bottom: what the keys do. */\nexport function CommandFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-footer\"\n      className={cn(\n        'flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-doom-border-soft bg-doom-deep px-3 text-sm text-doom-dim',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"iQAyBA,SAAgBA,EAAc,CAC5B,OACA,eACA,QACA,eAAe,GACf,YACA,WACA,QAAQ,KACR,GAAGC,GACkB,CACrB,MACE,kBAACC,EAAD,CAAc,OAAoB,eAChC,SAAA,kBAACC,EAAD,CAAe,YAAU,iBAAwB,QAAO,UAAWC,EAAG,eAAgBC,CAAS,EAAG,GAAIJ,EAAtG,SAAA,CACE,kBAACK,EAAD,CAAa,UAAWC,EAAe,IAAA,GAAY,UAAY,SAAAC,CAAmB,CAAA,EACjFC,CACY,GACT,CAAA,CAEZ,CAGA,SAAgBC,EAAc,CAAE,YAAW,GAAGT,GAAgC,CAC5E,MACE,kBAAC,MAAD,CACE,YAAU,iBACV,UAAWG,EAAG,2EAA4EC,CAAS,EACnG,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBU,EAAa,CAAE,YAAW,GAAGV,GAAqB,CAChE,MACE,kBAACW,EAAD,CACE,YAAU,gBACV,QAAQ,OACR,UAAA,GACA,aAAa,MACb,UAAWR,EAAG,SAAUC,CAAS,EACjC,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBY,EAAY,CAAE,YAAW,GAAGZ,GAAgC,CAC1E,MACE,kBAAC,MAAD,CACE,KAAK,UACL,YAAU,eACV,UAAWG,EAAG,6DAA8DC,CAAS,EACrF,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBa,EAAa,CAAE,YAAW,GAAGb,GAAgC,CAC3E,MAAO,kBAAC,MAAD,CAAK,YAAU,gBAAgB,UAAWG,EAAG,wBAAyBC,CAAS,EAAG,GAAIJ,CAAQ,CAAA,CACvG,CAEA,SAAgBc,EAAkB,CAAE,YAAW,GAAGd,GAAgC,CAChF,MACE,kBAAC,MAAD,CACE,YAAU,sBACV,UAAWG,EAAG,4EAA6EC,CAAS,EACpG,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBe,EAAY,CAAE,UAAU,UAAW,GAAGf,GAAyB,CAC7E,MAAO,kBAACgB,EAAD,CAAW,YAAU,eAAwB,UAAS,GAAIhB,CAAQ,CAAA,CAC3E,CAGA,SAAgBiB,EAAiB,EAA+B,CAC9D,MAAO,kBAACC,EAAD,CAAa,YAAU,qBAAqB,QAAQ,UAAU,GAAIlB,CAAQ,CAAA,CACnF,CAGA,SAAgBmB,EAAa,CAAE,YAAW,GAAGnB,GAAgC,CAC3E,MACE,kBAAC,MAAD,CACE,YAAU,gBACV,UAAWG,EAAG,gDAAiDC,CAAS,EACxE,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBoB,EAAc,CAAE,YAAW,GAAGpB,GAAgC,CAC5E,MACE,kBAAC,MAAD,CACE,YAAU,iBACV,UAAWG,EACT,yIACAC,CACF,EACA,GAAIJ,CACL,CAAA,CAEL"}
+{"version":3,"file":"Command.mjs","names":["CommandDialog","props","Dialog","DialogContent","cn","className","DialogTitle","titleVisible","title","children","CommandHeader","CommandInput","Input","CommandList","CommandGroup","CommandGroupLabel","CommandItem","OptionRow","CommandItemLabel","OptionLabel","CommandEmpty","CommandFooter"],"sources":["../../../../../../src/components/Command.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Dialog, DialogContent, type DialogContentProps, DialogTitle } from './Dialog';\nimport { Input, type InputProps } from './Input';\nimport { OptionLabel, OptionRow, type OptionRowProps } from './OptionList';\n\n/**\n * The command palette's frame, its search strip, its rows, and its hint.\n *\n * It has no Radix counterpart and it deliberately does no filtering: the\n * surface that opens a palette already knows how to rank its own commands,\n * and a matcher baked in here would be a second, worse one. Built on Dialog,\n * Input, and the option row so a palette and a select popover cannot drift\n * apart, rather than on a new dependency.\n */\n\nexport interface CommandDialogProps extends Omit<DialogContentProps, 'title'> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Names the dialog for assistive tech; visually hidden unless the palette draws its own heading. */\n  title: ReactNode;\n  titleVisible?: boolean;\n}\n\nexport function CommandDialog({\n  open,\n  onOpenChange,\n  title,\n  titleVisible = false,\n  className,\n  children,\n  width = 'lg',\n  ...props\n}: CommandDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent data-slot=\"command-dialog\" width={width} className={cn('max-h-[70vh]', className)} {...props}>\n        <DialogTitle className={titleVisible ? undefined : 'sr-only'}>{title}</DialogTitle>\n        {children}\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** The strip the search field sits in. */\nexport function CommandHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-header\"\n      className={cn('flex shrink-0 items-center gap-2 border-b border-po-border px-3 py-2.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** The search field: bare, because the header already draws the surface. */\nexport function CommandInput({ className, ...props }: InputProps) {\n  return (\n    <Input\n      data-slot=\"command-input\"\n      variant=\"bare\"\n      autoFocus\n      autoComplete=\"off\"\n      className={cn('flex-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** The scrolling body. It is the listbox, so its rows are the options. */\nexport function CommandList({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      role=\"listbox\"\n      data-slot=\"command-list\"\n      className={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** A labelled run of rows. */\nexport function CommandGroup({ className, ...props }: ComponentProps<'div'>) {\n  return <div data-slot=\"command-group\" className={cn('flex flex-col gap-0.5', className)} {...props} />;\n}\n\nexport function CommandGroupLabel({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-group-label\"\n      className={cn('px-2 pt-2 pb-1 text-sm font-semibold text-po-dim first-letter:uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** One command. Compact by default, since a palette shows many at once. */\nexport function CommandItem({ density = 'compact', ...props }: OptionRowProps) {\n  return <OptionRow data-slot=\"command-item\" density={density} {...props} />;\n}\n\n/** A command's name, taking the width the row has left. */\nexport function CommandItemLabel(props: ComponentProps<'span'>) {\n  return <OptionLabel data-slot=\"command-item-label\" density=\"compact\" {...props} />;\n}\n\n/** What the palette says when nothing matches. */\nexport function CommandEmpty({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-empty\"\n      className={cn('px-2 py-6 text-center text-base text-po-dim', className)}\n      {...props}\n    />\n  );\n}\n\n/** The hint strip along the bottom: what the keys do. */\nexport function CommandFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"command-footer\"\n      className={cn(\n        'flex min-h-[30px] shrink-0 items-center justify-between gap-3 border-t border-po-border-soft bg-po-deep px-3 text-sm text-po-dim',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":"iQAyBA,SAAgBA,EAAc,CAC5B,OACA,eACA,QACA,eAAe,GACf,YACA,WACA,QAAQ,KACR,GAAGC,GACkB,CACrB,MACE,kBAACC,EAAD,CAAc,OAAoB,eAChC,SAAA,kBAACC,EAAD,CAAe,YAAU,iBAAwB,QAAO,UAAWC,EAAG,eAAgBC,CAAS,EAAG,GAAIJ,EAAtG,SAAA,CACE,kBAACK,EAAD,CAAa,UAAWC,EAAe,IAAA,GAAY,UAAY,SAAAC,CAAmB,CAAA,EACjFC,CACY,GACT,CAAA,CAEZ,CAGA,SAAgBC,EAAc,CAAE,YAAW,GAAGT,GAAgC,CAC5E,MACE,kBAAC,MAAD,CACE,YAAU,iBACV,UAAWG,EAAG,yEAA0EC,CAAS,EACjG,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBU,EAAa,CAAE,YAAW,GAAGV,GAAqB,CAChE,MACE,kBAACW,EAAD,CACE,YAAU,gBACV,QAAQ,OACR,UAAA,GACA,aAAa,MACb,UAAWR,EAAG,SAAUC,CAAS,EACjC,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBY,EAAY,CAAE,YAAW,GAAGZ,GAAgC,CAC1E,MACE,kBAAC,MAAD,CACE,KAAK,UACL,YAAU,eACV,UAAWG,EAAG,6DAA8DC,CAAS,EACrF,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBa,EAAa,CAAE,YAAW,GAAGb,GAAgC,CAC3E,MAAO,kBAAC,MAAD,CAAK,YAAU,gBAAgB,UAAWG,EAAG,wBAAyBC,CAAS,EAAG,GAAIJ,CAAQ,CAAA,CACvG,CAEA,SAAgBc,EAAkB,CAAE,YAAW,GAAGd,GAAgC,CAChF,MACE,kBAAC,MAAD,CACE,YAAU,sBACV,UAAWG,EAAG,0EAA2EC,CAAS,EAClG,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBe,EAAY,CAAE,UAAU,UAAW,GAAGf,GAAyB,CAC7E,MAAO,kBAACgB,EAAD,CAAW,YAAU,eAAwB,UAAS,GAAIhB,CAAQ,CAAA,CAC3E,CAGA,SAAgBiB,EAAiB,EAA+B,CAC9D,MAAO,kBAACC,EAAD,CAAa,YAAU,qBAAqB,QAAQ,UAAU,GAAIlB,CAAQ,CAAA,CACnF,CAGA,SAAgBmB,EAAa,CAAE,YAAW,GAAGnB,GAAgC,CAC3E,MACE,kBAAC,MAAD,CACE,YAAU,gBACV,UAAWG,EAAG,8CAA+CC,CAAS,EACtE,GAAIJ,CACL,CAAA,CAEL,CAGA,SAAgBoB,EAAc,CAAE,YAAW,GAAGpB,GAAgC,CAC5E,MACE,kBAAC,MAAD,CACE,YAAU,iBACV,UAAWG,EACT,mIACAC,CACF,EACA,GAAIJ,CACL,CAAA,CAEL"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.mjs","names":["LABELS","CopyButton","state","setState","useState","useEffect","timer","copy","useCallback","text","label","Button","cn","className","CheckIcon","CopyIcon"],"sources":["../../../../../../src/components/CopyButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { CheckIcon, CopyIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * Puts a piece of text on the clipboard and says so.\n *\n * DESIGN PATTERNS:\n * - Always visible, dimmed. Half the cockpit's surfaces are touched rather\n *   than pointed at, and a control revealed by hover does not exist there.\n * - A refused clipboard is a state, not a crash: the label says the browser\n *   blocked it and the text is still there to select by hand.\n */\n\n/** How long the control stays acknowledged before returning to its icon. */\nconst FEEDBACK_MS = 1500;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\nconst LABELS: Readonly<Record<CopyState, string>> = {\n  idle: 'copy',\n  copied: 'copied',\n  failed: 'copying was blocked by the browser',\n};\n\nexport interface CopyButtonProps {\n  /** What lands on the clipboard. */\n  text: string;\n  className?: string | undefined;\n}\n\nexport function CopyButton({ text, className }: CopyButtonProps) {\n  const [state, setState] = useState<CopyState>('idle');\n\n  useEffect(() => {\n    if (state === 'idle') return;\n    const timer = setTimeout(() => setState('idle'), FEEDBACK_MS);\n    return () => clearTimeout(timer);\n  }, [state]);\n\n  const copy = useCallback(() => {\n    void navigator.clipboard.writeText(text).then(\n      () => setState('copied'),\n      () => setState('failed'),\n    );\n  }, [text]);\n\n  const label = LABELS[state];\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon\"\n      data-testid=\"copy-button\"\n      data-state={state}\n      title={label}\n      aria-label={label}\n      onClick={copy}\n      className={cn('opacity-60 hover:opacity-100', className)}\n    >\n      {state === 'copied' ? <CheckIcon className=\"size-3 text-doom-green\" /> : <CopyIcon className=\"size-3\" />}\n    </Button>\n  );\n}\n"],"mappings":"+OAiBA,MAIMA,EAA8C,CAClD,KAAM,OACN,OAAQ,SACR,OAAQ,oCACV,EAQA,SAAgBC,EAAW,CAAE,OAAM,aAA8B,CAC/D,GAAM,CAACC,EAAOC,GAAYC,EAAoB,MAAM,EAEpDC,MAAgB,CACd,GAAIH,IAAU,OAAQ,OACtB,IAAMI,EAAQ,eAAiBH,EAAS,MAAM,EAAG,IAAW,EAC5D,UAAa,aAAaG,CAAK,CACjC,EAAG,CAACJ,CAAK,CAAC,EAEV,IAAMK,EAAOC,MAAkB,CAC7B,UAAe,UAAU,UAAUC,CAAI,CAAC,CAAC,SACjCN,EAAS,QAAQ,MACjBA,EAAS,QAAQ,CACzB,CACF,EAAG,CAACM,CAAI,CAAC,EAEHC,EAAQV,EAAOE,GACrB,MACE,kBAACS,EAAD,CACE,KAAK,SACL,QAAQ,QACR,KAAK,OACL,cAAY,cACZ,aAAYT,EACZ,MAAOQ,EACP,aAAYA,EACZ,QAASH,EACT,UAAWK,EAAG,+BAAgCC,CAAS,EAEtD,SAAAX,IAAU,SAAW,kBAACY,EAAD,CAAW,UAAU,wBAA0B,CAAA,EAAI,kBAACC,EAAD,CAAU,UAAU,QAAU,CAAA,CACjG,CAAA,CAEZ"}
+{"version":3,"file":"CopyButton.mjs","names":["LABELS","CopyButton","state","setState","useState","useEffect","timer","copy","useCallback","text","label","Button","cn","className","CheckIcon","CopyIcon"],"sources":["../../../../../../src/components/CopyButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { CheckIcon, CopyIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\nimport { Button } from './Button';\n\n/**\n * Puts a piece of text on the clipboard and says so.\n *\n * DESIGN PATTERNS:\n * - Always visible, dimmed. Half the cockpit's surfaces are touched rather\n *   than pointed at, and a control revealed by hover does not exist there.\n * - A refused clipboard is a state, not a crash: the label says the browser\n *   blocked it and the text is still there to select by hand.\n */\n\n/** How long the control stays acknowledged before returning to its icon. */\nconst FEEDBACK_MS = 1500;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\nconst LABELS: Readonly<Record<CopyState, string>> = {\n  idle: 'copy',\n  copied: 'copied',\n  failed: 'copying was blocked by the browser',\n};\n\nexport interface CopyButtonProps {\n  /** What lands on the clipboard. */\n  text: string;\n  className?: string | undefined;\n}\n\nexport function CopyButton({ text, className }: CopyButtonProps) {\n  const [state, setState] = useState<CopyState>('idle');\n\n  useEffect(() => {\n    if (state === 'idle') return;\n    const timer = setTimeout(() => setState('idle'), FEEDBACK_MS);\n    return () => clearTimeout(timer);\n  }, [state]);\n\n  const copy = useCallback(() => {\n    void navigator.clipboard.writeText(text).then(\n      () => setState('copied'),\n      () => setState('failed'),\n    );\n  }, [text]);\n\n  const label = LABELS[state];\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon\"\n      data-testid=\"copy-button\"\n      data-state={state}\n      title={label}\n      aria-label={label}\n      onClick={copy}\n      className={cn('opacity-60 hover:opacity-100', className)}\n    >\n      {state === 'copied' ? <CheckIcon className=\"size-3 text-po-green\" /> : <CopyIcon className=\"size-3\" />}\n    </Button>\n  );\n}\n"],"mappings":"+OAiBA,MAIMA,EAA8C,CAClD,KAAM,OACN,OAAQ,SACR,OAAQ,oCACV,EAQA,SAAgBC,EAAW,CAAE,OAAM,aAA8B,CAC/D,GAAM,CAACC,EAAOC,GAAYC,EAAoB,MAAM,EAEpDC,MAAgB,CACd,GAAIH,IAAU,OAAQ,OACtB,IAAMI,EAAQ,eAAiBH,EAAS,MAAM,EAAG,IAAW,EAC5D,UAAa,aAAaG,CAAK,CACjC,EAAG,CAACJ,CAAK,CAAC,EAEV,IAAMK,EAAOC,MAAkB,CAC7B,UAAe,UAAU,UAAUC,CAAI,CAAC,CAAC,SACjCN,EAAS,QAAQ,MACjBA,EAAS,QAAQ,CACzB,CACF,EAAG,CAACM,CAAI,CAAC,EAEHC,EAAQV,EAAOE,GACrB,MACE,kBAACS,EAAD,CACE,KAAK,SACL,QAAQ,QACR,KAAK,OACL,cAAY,cACZ,aAAYT,EACZ,MAAOQ,EACP,aAAYA,EACZ,QAASH,EACT,UAAWK,EAAG,+BAAgCC,CAAS,EAEtD,SAAAX,IAAU,SAAW,kBAACY,EAAD,CAAW,UAAU,sBAAwB,CAAA,EAAI,kBAACC,EAAD,CAAU,UAAU,QAAU,CAAA,CAC/F,CAAA,CAEZ"}