anypick 1.0.0

package/dist/tui/components/chrome/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","names":[],"sources":["../../../../src/tui/components/chrome/header.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from 'ink';\nimport type { OperationReceipt } from '../../model';\nimport { brandColor, G, NO_COLOR, theme } from './status';\n\nexport type ScreenPath = string;\n\nfunction BrandPath(props: { pathText: string }) {\n  const brand = brandColor('brand');\n  return (\n    <Box>\n      <Text color={brand} dimColor={brand === undefined}>\n        {' AnyPick'}\n      </Text>\n      <Text> / </Text>\n      <Text bold>{props.pathText}</Text>\n    </Box>\n  );\n}\n\n/**\n * `AnyPick / switch` — brand violet, path segment normal/bold.\n * Ambient status right-aligned when width allows.\n */\nexport function ScreenHeader(props: {\n  path: ScreenPath | string[];\n  ambient?: string;\n  columns?: number;\n}) {\n  const segments = Array.isArray(props.path) ? props.path : [props.path];\n  const pathText = segments.filter(Boolean).join(' / ');\n  const narrow = (props.columns ?? 80) < 64;\n\n  if (narrow && props.ambient) {\n    return (\n      <Box flexDirection=\"column\">\n        <BrandPath pathText={pathText} />\n        <Text dimColor> {props.ambient}</Text>\n      </Box>\n    );\n  }\n\n  return (\n    <Box justifyContent=\"space-between\">\n      <BrandPath pathText={pathText} />\n      {props.ambient ? <Text dimColor>{props.ambient} </Text> : null}\n    </Box>\n  );\n}\n\n/** @deprecated use ScreenHeader with path */\nexport type ScreenId = string;\n\n// ── Notice slot (always two physical lines) ──────────────────────\n\nexport type NoticeKind = 'ok' | 'warn' | 'fail' | 'info' | 'busy';\n\nexport interface Notice {\n  kind: NoticeKind;\n  text: string;\n  /** Optional second line */\n  detail?: string;\n}\n\nfunction noticePrefix(kind: NoticeKind): { glyph: string; color?: string } {\n  switch (kind) {\n    case 'ok':\n      return { glyph: G.done, color: NO_COLOR ? undefined : theme.ok };\n    case 'warn':\n      return { glyph: G.warn, color: NO_COLOR ? undefined : theme.warn };\n    case 'fail':\n      return { glyph: G.fail, color: NO_COLOR ? undefined : theme.danger };\n    case 'busy':\n      return { glyph: G.busy };\n    default:\n      return { glyph: '' };\n  }\n}\n\nexport function NoticeSlot(props: { notice?: Notice | null }) {\n  const n = props.notice;\n  if (!n) {\n    return (\n      <Box flexDirection=\"column\" height={2}>\n        <Text> </Text>\n        <Text> </Text>\n      </Box>\n    );\n  }\n  const { glyph, color } = noticePrefix(n.kind);\n  return (\n    <Box flexDirection=\"column\" height={2}>\n      <Text color={color}>\n        {' '}\n        {glyph ? `${glyph} ` : ''}\n        {n.text}\n      </Text>\n      <Text dimColor={Boolean(n.detail)}> {n.detail ?? ' '}</Text>\n    </Box>\n  );\n}\n\nexport function noticeFromReceipt(receipt: OperationReceipt | null | undefined): Notice | null {\n  if (!receipt) {\n    return null;\n  }\n  const first = receipt.lines[0];\n  if (!first) {\n    return { kind: 'info', text: receipt.title };\n  }\n  // A successful operation can carry an important warning (for example an\n  // export that contains credentials). Surface the strongest severity rather\n  // than letting the first, usually-`ok`, line flatten it into dim detail.\n  const kind: NoticeKind = receipt.lines.some((l) => l.kind === 'fail')\n    ? 'fail'\n    : receipt.lines.some((l) => l.kind === 'warn')\n      ? 'warn'\n      : receipt.lines.some((l) => l.kind === 'ok')\n        ? 'ok'\n        : 'info';\n  // Prefer first line as the notice body (design: no title like \"AnyPick complete\")\n  const detail =\n    receipt.lines.length > 1\n      ? receipt.lines\n          .slice(1)\n          .map((l) => l.text)\n          .join(' ')\n      : undefined;\n  return { kind, text: first.text, detail };\n}\n\n// ── Key hints ────────────────────────────────────────────────────\n\nexport interface KeyHint {\n  key: string;\n  label: string;\n  /** Hide when false */\n  when?: boolean;\n}\n\nfunction renderKeyHintList(list: KeyHint[]) {\n  return list.map((h, i) => (\n    <React.Fragment key={`${h.key}-${i}`}>\n      {i > 0 ? <Text dimColor> </Text> : null}\n      <Text bold>{h.key}</Text>\n      <Text dimColor> {h.label}</Text>\n    </React.Fragment>\n  ));\n}\n\nconst HINT_GAP = 2;\n\nfunction hintWidth(h: KeyHint): number {\n  return h.key.length + 1 + h.label.length;\n}\n\n/** Greedily pack hints into at most `maxLines` lines of `perLine` width. */\nfunction packHints(hints: KeyHint[], perLine: number, maxLines: number): KeyHint[][] {\n  const lines: KeyHint[][] = [[]];\n  let used = 0;\n  for (const h of hints) {\n    const w = hintWidth(h);\n    const need = w + (lines[lines.length - 1].length > 0 ? HINT_GAP : 0);\n    if (used + need <= perLine) {\n      used += need;\n      lines[lines.length - 1].push(h);\n      continue;\n    }\n    if (lines.length >= maxLines) {\n      break;\n    }\n    lines.push([h]);\n    used = w;\n  }\n  return lines;\n}\n\nfunction packedCount(lines: KeyHint[][]): number {\n  return lines.reduce((n, l) => n + l.length, 0);\n}\n\nexport function KeyHints(props: {\n  hints: KeyHint[];\n  /** @deprecated wrapping is decided by overflow, not by a width breakpoint */\n  twoLines?: boolean;\n  columns?: number;\n  max?: number;\n}) {\n  void props.twoLines;\n  const all = props.hints.filter((h) => h.when !== false);\n  const visible = props.max != null ? all.slice(0, props.max) : all;\n  const perLine = Math.max(20, (props.columns ?? 80) - 3);\n\n  let lines = packHints(visible, perLine, 2);\n  // `h help` is the only route to keys that did not fit, so it must survive.\n  if (packedCount(lines) < visible.length) {\n    const help = visible.find((h) => h.key === 'h');\n    const last = lines[lines.length - 1];\n    if (help && !lines.some((l) => l.includes(help)) && last.length > 0) {\n      last[last.length - 1] = help;\n    }\n  }\n  lines = lines.filter((l) => l.length > 0);\n\n  if (lines.length === 0) {\n    return <Text> </Text>;\n  }\n\n  if (lines.length > 1) {\n    return (\n      <Box flexDirection=\"column\">\n        {lines.map((line, i) => (\n          <Text key={i}> {renderKeyHintList(line)}</Text>\n        ))}\n      </Box>\n    );\n  }\n\n  return <Text> {renderKeyHintList(lines[0])}</Text>;\n}\n\n// ── Outcome rail ─────────────────────────────────────────────────\n"],"mappings":"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"}

package/dist/tui/components/chrome/inputs.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { type StatusKind, type WidthBreakpoint } from './status.js';
+interface TextInputProps {
+    label: string;
+    initial?: string;
+    hint?: string;
+    password?: boolean;
+    preview?: string;
+    onSubmit: (value: string) => void;
+    onCancel: () => void;
+    onChange?: (value: string) => void;
+}
+export declare function TextInputField(props: TextInputProps): React.JSX.Element;
+export declare function Picker(props: {
+    items: Array<{
+        id: string;
+        label: string;
+        detail?: string;
+        status?: StatusKind;
+        statusLabel?: string;
+    }>;
+    selectedIndex: number;
+    multi?: boolean;
+    checked?: Set<string>;
+    width?: WidthBreakpoint;
+}): React.JSX.Element;
+export declare function useListSelection(length: number, initial?: number): {
+    index: number;
+    setIndex: React.Dispatch<React.SetStateAction<number>>;
+    move: (delta: number) => void;
+};
+export {};
+/** @deprecated use ScreenShell */
+//# sourceMappingURL=inputs.d.ts.map

package/dist/tui/components/chrome/inputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/chrome/inputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAGjF,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,qBAyCnD;AAID,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAC5B,KAAK,EAAE,KAAK,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,UAAU,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC,CAAC;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,qBA0BA;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,SAAI;;;kBAY1C,MAAM;EAOvB;;AAID,kCAAkC"}

package/dist/tui/components/chrome/inputs.js

@@ -0,0 +1,82 @@
+import { G, StatusToken } from "./status.js";
+import { applyLineEdit, lineAtEnd, lineEditFor, renderLine } from "../../model/line-editor.js";
+import { Box, Text, useInput } from "ink";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+//#region src/tui/components/chrome/inputs.tsx
+function TextInputField(props) {
+	const [line, setLine] = React.useState(() => lineAtEnd(props.initial ?? ""));
+	useInput((input, key) => {
+		if (key.escape) {
+			props.onCancel();
+			return;
+		}
+		if (key.return) {
+			props.onSubmit(line.value);
+			return;
+		}
+		const edit = lineEditFor(input, key);
+		if (!edit) return;
+		const next = applyLineEdit(line, edit);
+		setLine(next);
+		if (next.value !== line.value) props.onChange?.(next.value);
+	});
+	const { before, at, after } = renderLine(line, props.password);
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: [" ", props.label] }),
+			/* @__PURE__ */ jsxs(Text, { children: [" ", /* @__PURE__ */ jsxs(Text, { children: [
+				"> ",
+				before,
+				/* @__PURE__ */ jsx(Text, {
+					inverse: true,
+					children: at
+				}),
+				after
+			] })] }),
+			props.preview ? /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [" ", props.preview]
+			}) : null,
+			props.hint ? /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [" ", props.hint]
+			}) : null
+		]
+	});
+}
+function Picker(props) {
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		children: props.items.map((item, i) => {
+			const sel = i === props.selectedIndex;
+			const box = props.multi && props.checked ? props.checked.has(item.id) ? "[x]" : "[ ]" : null;
+			return /* @__PURE__ */ jsxs(Box, { children: [
+				/* @__PURE__ */ jsxs(Text, {
+					bold: sel,
+					children: [
+						" ",
+						sel ? G.focus : " ",
+						" ",
+						box ? `${box} ` : "",
+						item.label
+					]
+				}),
+				item.detail ? /* @__PURE__ */ jsxs(Text, {
+					dimColor: true,
+					children: [" ", item.detail]
+				}) : null,
+				item.status ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, { children: " " }), /* @__PURE__ */ jsx(StatusToken, {
+					kind: item.status,
+					label: item.statusLabel
+				})] }) : null
+			] }, item.id);
+		})
+	});
+}
+/** @deprecated use ScreenShell */
+//#endregion
+export { Picker, TextInputField };
+
+//# sourceMappingURL=inputs.js.map

package/dist/tui/components/chrome/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.js","names":[],"sources":["../../../../src/tui/components/chrome/inputs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, useInput } from 'ink';\nimport { G, StatusToken, type StatusKind, type WidthBreakpoint } from './status';\nimport { applyLineEdit, lineAtEnd, lineEditFor, renderLine } from '../../model/line-editor';\n\ninterface TextInputProps {\n  label: string;\n  initial?: string;\n  hint?: string;\n  password?: boolean;\n  preview?: string;\n  onSubmit: (value: string) => void;\n  onCancel: () => void;\n  onChange?: (value: string) => void;\n}\n\nexport function TextInputField(props: TextInputProps) {\n  const [line, setLine] = React.useState(() => lineAtEnd(props.initial ?? ''));\n\n  useInput((input, key) => {\n    if (key.escape) {\n      props.onCancel();\n      return;\n    }\n    if (key.return) {\n      props.onSubmit(line.value);\n      return;\n    }\n    const edit = lineEditFor(input, key);\n    if (!edit) {\n      return;\n    }\n    const next = applyLineEdit(line, edit);\n    setLine(next);\n    if (next.value !== line.value) {\n      props.onChange?.(next.value);\n    }\n  });\n\n  const { before, at, after } = renderLine(line, props.password);\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text> {props.label}</Text>\n      <Text>\n        {' '}\n        <Text>\n          {'> '}\n          {before}\n          <Text inverse>{at}</Text>\n          {after}\n        </Text>\n      </Text>\n      {props.preview ? <Text dimColor> {props.preview}</Text> : null}\n      {props.hint ? <Text dimColor> {props.hint}</Text> : null}\n    </Box>\n  );\n}\n\n// ── Picker ───────────────────────────────────────────────────────\n\nexport function Picker(props: {\n  items: Array<{\n    id: string;\n    label: string;\n    detail?: string;\n    status?: StatusKind;\n    statusLabel?: string;\n  }>;\n  selectedIndex: number;\n  multi?: boolean;\n  checked?: Set<string>;\n  width?: WidthBreakpoint;\n}) {\n  return (\n    <Box flexDirection=\"column\">\n      {props.items.map((item, i) => {\n        const sel = i === props.selectedIndex;\n        const box =\n          props.multi && props.checked ? (props.checked.has(item.id) ? '[x]' : '[ ]') : null;\n        return (\n          <Box key={item.id}>\n            <Text bold={sel}>\n              {' '}\n              {sel ? G.focus : ' '} {box ? `${box} ` : ''}\n              {item.label}\n            </Text>\n            {item.detail ? <Text dimColor> {item.detail}</Text> : null}\n            {item.status ? (\n              <>\n                <Text> </Text>\n                <StatusToken kind={item.status} label={item.statusLabel} />\n              </>\n            ) : null}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\nexport function useListSelection(length: number, initial = 0) {\n  const [index, setIndex] = React.useState(initial);\n  React.useEffect(() => {\n    if (length <= 0) {\n      setIndex(0);\n      return;\n    }\n    setIndex((i) => ((i % length) + length) % length);\n  }, [length]);\n  return {\n    index: length <= 0 ? 0 : ((index % length) + length) % length,\n    setIndex,\n    move: (delta: number) => {\n      if (length <= 0) {\n        return;\n      }\n      setIndex((i) => (((i + delta) % length) + length) % length);\n    },\n  };\n}\n\n// ── Backward-compatible aliases ──────────────────────────────────\n\n/** @deprecated use ScreenShell */\n"],"mappings":";;;;;;AAgBA,SAAgB,eAAe,OAAuB;CACpD,MAAM,CAAC,MAAM,WAAW,MAAM,eAAe,UAAU,MAAM,WAAW,EAAE,CAAC;CAE3E,UAAU,OAAO,QAAQ;EACvB,IAAI,IAAI,QAAQ;GACd,MAAM,SAAS;GACf;EACF;EACA,IAAI,IAAI,QAAQ;GACd,MAAM,SAAS,KAAK,KAAK;GACzB;EACF;EACA,MAAM,OAAO,YAAY,OAAO,GAAG;EACnC,IAAI,CAAC,MACH;EAEF,MAAM,OAAO,cAAc,MAAM,IAAI;EACrC,QAAQ,IAAI;EACZ,IAAI,KAAK,UAAU,KAAK,OACtB,MAAM,WAAW,KAAK,KAAK;CAE/B,CAAC;CAED,MAAM,EAAE,QAAQ,IAAI,UAAU,WAAW,MAAM,MAAM,QAAQ;CAE7D,OACE,qBAAC,KAAD;EAAK,eAAc;YAAnB;GACE,qBAAC,MAAD,EAAA,UAAA,CAAM,KAAE,MAAM,KAAY,EAAA,CAAA;GAC1B,qBAAC,MAAD,EAAA,UAAA,CACG,KACD,qBAAC,MAAD,EAAA,UAAA;IACG;IACA;IACD,oBAAC,MAAD;KAAM,SAAA;eAAS;IAAS,CAAA;IACvB;GACG,EAAA,CAAA,CACF,EAAA,CAAA;GACL,MAAM,UAAU,qBAAC,MAAD;IAAM,UAAA;cAAN,CAAe,KAAE,MAAM,OAAc;QAAI;GACzD,MAAM,OAAO,qBAAC,MAAD;IAAM,UAAA;cAAN,CAAe,KAAE,MAAM,IAAW;QAAI;EACjD;;AAET;AAIA,SAAgB,OAAO,OAYpB;CACD,OACE,oBAAC,KAAD;EAAK,eAAc;YAChB,MAAM,MAAM,KAAK,MAAM,MAAM;GAC5B,MAAM,MAAM,MAAM,MAAM;GACxB,MAAM,MACJ,MAAM,SAAS,MAAM,UAAW,MAAM,QAAQ,IAAI,KAAK,EAAE,IAAI,QAAQ,QAAS;GAChF,OACE,qBAAC,KAAD,EAAA,UAAA;IACE,qBAAC,MAAD;KAAM,MAAM;eAAZ;MACG;MACA,MAAM,EAAE,QAAQ;MAAI;MAAE,MAAM,GAAG,IAAI,KAAK;MACxC,KAAK;KACF;;IACL,KAAK,SAAS,qBAAC,MAAD;KAAM,UAAA;eAAN,CAAe,KAAE,KAAK,MAAa;SAAI;IACrD,KAAK,SACJ,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UAAM,IAAO,CAAA,GACb,oBAAC,aAAD;KAAa,MAAM,KAAK;KAAQ,OAAO,KAAK;IAAc,CAAA,CAC1D,EAAA,CAAA,IACA;GACD,EAAA,GAbK,KAAK,EAaV;EAET,CAAC;CACE,CAAA;AAET"}

package/dist/tui/components/chrome/layout.d.ts

@@ -0,0 +1,61 @@
+import type React from 'react';
+import type { OperationReceipt } from '../../model.js';
+import { type KeyHint, type Notice, type ScreenPath } from './header.js';
+export declare function OutcomeRail(props: {
+    /** Primary outcome line (bold). Blank when none. */
+    outcome?: string;
+    /** Supporting fact (dim). */
+    support?: string;
+    hints: KeyHint[];
+    busy?: boolean;
+    busyLabel?: string;
+    columns?: number;
+}): React.JSX.Element;
+export declare function Viewport(props: {
+    rows: number;
+    children: React.ReactNode[];
+    selectedIndex: number;
+}): React.JSX.Element;
+export declare function ScreenShell(props: {
+    path: ScreenPath | string[];
+    ambient?: string;
+    columns?: number;
+    notice?: Notice | null;
+    /** Receipt auto-converted to notice when notice not set */
+    receipt?: OperationReceipt | null;
+    error?: string;
+    busy?: boolean;
+    busyLabel?: string;
+    outcome?: string;
+    support?: string;
+    hints: KeyHint[];
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function Spacer(): React.JSX.Element;
+export declare function Rule(props: {
+    columns?: number;
+}): React.JSX.Element;
+export declare function EmptyState(props: {
+    text: string;
+    hint?: string;
+}): React.JSX.Element;
+export declare function ReceiptView(props: {
+    receipt: OperationReceipt;
+}): React.JSX.Element;
+export declare function LoadingView(props: {
+    label?: string;
+    path?: ScreenPath | string[];
+}): React.JSX.Element;
+export declare function PlanSheet(props: {
+    path?: ScreenPath | string[];
+    title: string;
+    body: string[];
+    danger?: boolean;
+    busy?: boolean;
+    busyLabel?: string;
+    error?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    columns?: number;
+}): React.JSX.Element;
+//# sourceMappingURL=layout.d.ts.map

package/dist/tui/components/chrome/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/chrome/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAwB,MAAM,aAAa,CAAC;AAE1E,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,MAAM,EACX,KAAK,UAAU,EAChB,MAAM,UAAU,CAAC;AAElB,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,qBAYA;AAWD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,qBAqBA;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,IAAI,EAAE,UAAU,GAAG,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAsBA;AAID,wBAAgB,MAAM,sBAErB;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,qBAG/C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,qBAOhE;AAiCD,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,gBAAgB,CAAA;CAAE,qBAY/D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,CAAA;CAAE,qBAOlF;AAID,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,qBA+BA"}

package/dist/tui/components/chrome/layout.js

@@ -0,0 +1,119 @@
+import { G, NO_COLOR, theme } from "./status.js";
+import { KeyHints, NoticeSlot, ScreenHeader, noticeFromReceipt } from "./header.js";
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/tui/components/chrome/layout.tsx
+function OutcomeRail(props) {
+	const outcome = props.busy ? `${G.busy} ${props.busyLabel ?? "Working"}` : props.outcome ?? "";
+	const support = props.busy ? "" : props.support ?? "";
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsx(Rule, { columns: props.columns }),
+			/* @__PURE__ */ jsxs(Text, {
+				bold: true,
+				children: [" ", outcome || " "]
+			}),
+			/* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [" ", support || " "]
+			}),
+			props.busy ? /* @__PURE__ */ jsx(Text, { children: " " }) : /* @__PURE__ */ jsx(KeyHints, {
+				hints: props.hints,
+				columns: props.columns
+			})
+		]
+	});
+}
+function ScreenShell(props) {
+	const notice = props.notice ?? (props.error ? {
+		kind: "fail",
+		text: props.error
+	} : noticeFromReceipt(props.receipt));
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsx(ScreenHeader, {
+				path: props.path,
+				ambient: props.ambient,
+				columns: props.columns
+			}),
+			/* @__PURE__ */ jsx(NoticeSlot, { notice }),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				flexGrow: 1,
+				children: props.children
+			}),
+			/* @__PURE__ */ jsx(OutcomeRail, {
+				outcome: props.outcome,
+				support: props.support,
+				hints: props.hints,
+				busy: props.busy,
+				busyLabel: props.busyLabel,
+				columns: props.columns
+			})
+		]
+	});
+}
+function Spacer() {
+	return /* @__PURE__ */ jsx(Box, { height: 1 });
+}
+function Rule(props) {
+	const w = Math.max(40, Math.min(80, (props.columns ?? 60) - 2));
+	return /* @__PURE__ */ jsxs(Text, {
+		dimColor: true,
+		children: [" ", "─".repeat(w)]
+	});
+}
+function EmptyState(props) {
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsxs(Text, { children: [" ", props.text] }), props.hint ? /* @__PURE__ */ jsxs(Text, {
+			dimColor: true,
+			children: [" ", props.hint]
+		}) : null]
+	});
+}
+function LoadingView(props) {
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsx(ScreenHeader, { path: props.path ?? "apps" }), /* @__PURE__ */ jsx(NoticeSlot, { notice: {
+			kind: "busy",
+			text: props.label ?? "Loading AnyPick"
+		} })]
+	});
+}
+function PlanSheet(props) {
+	return /* @__PURE__ */ jsx(ScreenShell, {
+		path: props.path ?? "switch",
+		error: props.error,
+		busy: props.busy,
+		busyLabel: props.busyLabel ?? "Working",
+		outcome: props.busy ? void 0 : props.title,
+		support: void 0,
+		hints: props.busy ? [] : [{
+			key: "enter",
+			label: props.confirmLabel ?? "confirm"
+		}, {
+			key: "esc",
+			label: props.cancelLabel ?? "cancel"
+		}],
+		columns: props.columns,
+		children: /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			children: [
+				/* @__PURE__ */ jsxs(Text, {
+					bold: true,
+					color: props.danger && !NO_COLOR ? theme.danger : void 0,
+					children: [" ", props.title]
+				}),
+				/* @__PURE__ */ jsx(Spacer, {}),
+				props.body.map((line, i) => /* @__PURE__ */ jsxs(Text, { children: [" ", line === "" ? " " : line] }, `b${i}`))
+			]
+		})
+	});
+}
+//#endregion
+export { EmptyState, LoadingView, OutcomeRail, PlanSheet, Rule, ScreenShell, Spacer };
+
+//# sourceMappingURL=layout.js.map

package/dist/tui/components/chrome/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":[],"sources":["../../../../src/tui/components/chrome/layout.tsx"],"sourcesContent":["import type React from 'react';\nimport { Box, Text } from 'ink';\nimport type { OperationReceipt, OperationReceiptLine } from '../../model';\nimport { G, NO_COLOR, theme } from './status';\nimport {\n  KeyHints,\n  NoticeSlot,\n  ScreenHeader,\n  noticeFromReceipt,\n  type KeyHint,\n  type Notice,\n  type ScreenPath,\n} from './header';\n\nexport function OutcomeRail(props: {\n  /** Primary outcome line (bold). Blank when none. */\n  outcome?: string;\n  /** Supporting fact (dim). */\n  support?: string;\n  hints: KeyHint[];\n  busy?: boolean;\n  busyLabel?: string;\n  columns?: number;\n}) {\n  const outcome = props.busy ? `${G.busy} ${props.busyLabel ?? 'Working'}` : (props.outcome ?? '');\n  const support = props.busy ? '' : (props.support ?? '');\n\n  return (\n    <Box flexDirection=\"column\">\n      <Rule columns={props.columns} />\n      <Text bold> {outcome || ' '}</Text>\n      <Text dimColor> {support || ' '}</Text>\n      {props.busy ? <Text> </Text> : <KeyHints hints={props.hints} columns={props.columns} />}\n    </Box>\n  );\n}\n\n// ── List rows (simple pad strings — no flex) ─────────────────────\n//\n// Wireframe (DESIGN-TUI §5):\n//   Codex                                      now  xolvlab@acme.com\n//       work        dames@acme.com                       ◐ changed\n//     › personal    me@gmail.com                         ○ saved\n//\n// One Text line per row. Fixed char widths. Status may be colored.\n\nexport function Viewport(props: {\n  rows: number;\n  children: React.ReactNode[];\n  selectedIndex: number;\n}) {\n  const total = props.children.length;\n  const height = Math.max(1, props.rows);\n  let start = 0;\n  if (total > height) {\n    // Keep selection in view\n    const sel = Math.max(0, Math.min(props.selectedIndex, total - 1));\n    start = Math.max(0, Math.min(sel - Math.floor(height / 2), total - height));\n  }\n  const end = Math.min(total, start + height);\n  const slice = props.children.slice(start, end);\n  const above = start;\n  const below = total - end;\n\n  return (\n    <Box flexDirection=\"column\">\n      {above > 0 ? <Text dimColor> ↑ {above} more</Text> : null}\n      {slice}\n      {below > 0 ? <Text dimColor> ↓ {below} more</Text> : null}\n    </Box>\n  );\n}\n\n// ── Screen shell ─────────────────────────────────────────────────\n\nexport function ScreenShell(props: {\n  path: ScreenPath | string[];\n  ambient?: string;\n  columns?: number;\n  notice?: Notice | null;\n  /** Receipt auto-converted to notice when notice not set */\n  receipt?: OperationReceipt | null;\n  error?: string;\n  busy?: boolean;\n  busyLabel?: string;\n  outcome?: string;\n  support?: string;\n  hints: KeyHint[];\n  children: React.ReactNode;\n}) {\n  const notice =\n    props.notice ??\n    (props.error ? { kind: 'fail' as const, text: props.error } : noticeFromReceipt(props.receipt));\n\n  return (\n    <Box flexDirection=\"column\">\n      <ScreenHeader path={props.path} ambient={props.ambient} columns={props.columns} />\n      <NoticeSlot notice={notice} />\n      <Box flexDirection=\"column\" flexGrow={1}>\n        {props.children}\n      </Box>\n      <OutcomeRail\n        outcome={props.outcome}\n        support={props.support}\n        hints={props.hints}\n        busy={props.busy}\n        busyLabel={props.busyLabel}\n        columns={props.columns}\n      />\n    </Box>\n  );\n}\n\n// ── Layout helpers ───────────────────────────────────────────────\n\nexport function Spacer() {\n  return <Box height={1} />;\n}\n\nexport function Rule(props: { columns?: number }) {\n  const w = Math.max(40, Math.min(80, (props.columns ?? 60) - 2));\n  return <Text dimColor> {'─'.repeat(w)}</Text>;\n}\n\nexport function EmptyState(props: { text: string; hint?: string }) {\n  return (\n    <Box flexDirection=\"column\">\n      <Text> {props.text}</Text>\n      {props.hint ? <Text dimColor> {props.hint}</Text> : null}\n    </Box>\n  );\n}\n\n// ── Receipt (legacy multi-line; prefer NoticeSlot) ───────────────\n\nfunction receiptColor(kind: OperationReceiptLine['kind']): string | undefined {\n  if (NO_COLOR) {\n    return undefined;\n  }\n  switch (kind) {\n    case 'ok':\n      return theme.ok;\n    case 'fail':\n      return theme.danger;\n    case 'warn':\n      return theme.warn;\n    default:\n      return undefined;\n  }\n}\n\nfunction receiptMark(kind: OperationReceiptLine['kind']): string {\n  switch (kind) {\n    case 'ok':\n      return G.done;\n    case 'fail':\n      return G.fail;\n    case 'warn':\n      return G.warn;\n    default:\n      return '·';\n  }\n}\n\nexport function ReceiptView(props: { receipt: OperationReceipt }) {\n  const { receipt } = props;\n  return (\n    <Box flexDirection=\"column\">\n      {receipt.lines.map((line, i) => (\n        <Text key={i} color={receiptColor(line.kind)}>\n          {' '}\n          {receiptMark(line.kind)} {line.text}\n        </Text>\n      ))}\n    </Box>\n  );\n}\n\nexport function LoadingView(props: { label?: string; path?: ScreenPath | string[] }) {\n  return (\n    <Box flexDirection=\"column\">\n      <ScreenHeader path={props.path ?? 'apps'} />\n      <NoticeSlot notice={{ kind: 'busy', text: props.label ?? 'Loading AnyPick' }} />\n    </Box>\n  );\n}\n\n// ── Confirm / plan sheet ─────────────────────────────────────────\n\nexport function PlanSheet(props: {\n  path?: ScreenPath | string[];\n  title: string;\n  body: string[];\n  danger?: boolean;\n  busy?: boolean;\n  busyLabel?: string;\n  error?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  columns?: number;\n}) {\n  return (\n    <ScreenShell\n      path={props.path ?? 'switch'}\n      error={props.error}\n      busy={props.busy}\n      busyLabel={props.busyLabel ?? 'Working'}\n      outcome={props.busy ? undefined : props.title}\n      support={undefined}\n      hints={\n        props.busy\n          ? []\n          : [\n              { key: 'enter', label: props.confirmLabel ?? 'confirm' },\n              { key: 'esc', label: props.cancelLabel ?? 'cancel' },\n            ]\n      }\n      columns={props.columns}\n    >\n      <Box flexDirection=\"column\">\n        <Text bold color={props.danger && !NO_COLOR ? theme.danger : undefined}>\n          {' '}\n          {props.title}\n        </Text>\n        <Spacer />\n        {props.body.map((line, i) => (\n          <Text key={`b${i}`}> {line === '' ? ' ' : line}</Text>\n        ))}\n      </Box>\n    </ScreenShell>\n  );\n}\n\n// ── Text field ───────────────────────────────────────────────────\n"],"mappings":"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"}

package/dist/tui/components/chrome/legacy.d.ts

@@ -0,0 +1,84 @@
+import type React from 'react';
+import type { OperationReceipt } from '../../model.js';
+import { type KeyHint, type Notice, type ScreenPath } from './header.js';
+export declare function ScreenFrame(props: {
+    screen?: string;
+    status?: string;
+    step?: string;
+    receipt?: OperationReceipt | null;
+    error?: string;
+    busy?: boolean;
+    footer?: string;
+    children: React.ReactNode;
+    path?: ScreenPath | string[];
+    outcome?: string;
+    support?: string;
+    hints?: KeyHint[];
+    columns?: number;
+    ambient?: string;
+    notice?: Notice | null;
+    busyLabel?: string;
+}): React.JSX.Element;
+/** @deprecated */
+export declare function AppChromeHeader(props: {
+    version?: string;
+    projectRoot?: string;
+    issueCount?: number;
+    proxyRunningCount?: number;
+    driftCount?: number;
+    screen: string;
+    screenStatus?: string;
+}): React.JSX.Element;
+/** @deprecated */
+export declare function Header(props: {
+    screen?: string;
+    status?: string;
+    title?: string;
+    breadcrumb?: string[];
+}): React.JSX.Element;
+/** @deprecated — design forbids permanent right pane */
+export declare function TwoPane(props: {
+    columns: number;
+    left: React.ReactNode;
+    right: React.ReactNode;
+    wideAt?: number;
+}): React.JSX.Element;
+export declare function SectionLabel(props: {
+    children: string;
+}): React.JSX.Element;
+/** Selected row: › + bold name (no color) */
+export declare function ListRow(props: {
+    selected: boolean;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/** @deprecated Inspect removed from design */
+export declare function InspectPane(props: {
+    title?: string;
+    lines: string[];
+    emphasizePrefix?: string;
+}): React.JSX.Element;
+/** @deprecated */
+export declare function ContextBlock(props: {
+    title?: string;
+    lines: string[];
+}): React.JSX.Element;
+export declare function FooterBar(props: {
+    text: string;
+}): React.JSX.Element;
+export declare function PrimaryAction(props: {
+    label: string;
+}): React.JSX.Element;
+export declare function HintLine(props: {
+    text: string;
+}): React.JSX.Element;
+export declare function StatusLine(props: {
+    text: string;
+}): React.JSX.Element;
+export declare function Explanation(props: {
+    text: string;
+}): React.JSX.Element;
+export declare function SelectList(props: {
+    items: string[];
+    selectedIndex: number;
+}): React.JSX.Element;
+//# sourceMappingURL=legacy.d.ts.map

package/dist/tui/components/chrome/legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/chrome/legacy.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/chrome/legacy.js

@@ -0,0 +1,6 @@
+import "./status.js";
+import "./header.js";
+import "./layout.js";
+import "ink";
+import "react/jsx-runtime";
+export {};

package/dist/tui/components/chrome/rows.d.ts

@@ -0,0 +1,89 @@
+import type React from 'react';
+import { type StatusKind, type WidthBreakpoint } from './status.js';
+export declare function truncateMiddle(s: string, max: number): string;
+/** Left-pad or truncate to exact width (spaces, no ANSI). */
+export declare function cellText(s: string, width: number): string;
+/** Column header aligned to DataRow's cells. */
+export declare function DataRowHeader(props: {
+    name: string;
+    identity?: string;
+    extra?: string;
+    status?: string;
+    columns?: number;
+    indent?: boolean;
+}): React.JSX.Element;
+/**
+ * Standard list row — pad-based, one physical line.
+ *
+ *   `  › name________  detail____________________  status______`
+ */
+export declare function DataRow(props: {
+    selected: boolean;
+    name: string;
+    identity?: string;
+    /** Optional third field (age) between identity and status */
+    extra?: string;
+    status?: StatusKind;
+    statusLabel?: string;
+    columns?: number;
+    indent?: boolean;
+    /** @deprecated ignored — width comes from columns */
+    width?: WidthBreakpoint;
+    trailing?: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * Proxy list row:
+ *   ` › grok/jonben     ● running       Claude`
+ */
+export declare function ProxyRowLine(props: {
+    selected: boolean;
+    refLabel: string;
+    status: StatusKind;
+    usedBy: string;
+    columns?: number;
+}): React.JSX.Element;
+/**
+ * Group header: tool name only (optional dim right for rare status like signed out).
+ */
+export declare function GroupHeader(props: {
+    name: string;
+    right?: string;
+    columns?: number;
+}): React.JSX.Element;
+/** @deprecated — use DataRow / ProxyRowLine */
+export declare function AlignedRow(_props: {
+    selected: boolean;
+    columns?: number;
+    indent?: boolean;
+    cells: unknown[];
+}): null;
+/** @deprecated */
+export declare function StatusCell(props: {
+    kind: StatusKind;
+    label?: string;
+    width?: number;
+}): React.JSX.Element;
+/** @deprecated */
+export declare function tableLayout(terminalCols: number, _kind?: string): {
+    total: number;
+    gutter: number;
+    name: number;
+    identity: number;
+    status: number;
+    extra: number;
+    proxyRef: number;
+    usedBy: number;
+};
+/** @deprecated */
+export declare const cols: {
+    readonly focus: 2;
+    readonly indent: 2;
+    readonly name: 12;
+    readonly identity: 28;
+    readonly identityMed: 22;
+    readonly status: 12;
+    readonly extra: 10;
+    readonly proxyRef: 18;
+    readonly usedBy: 16;
+};
+//# sourceMappingURL=rows.d.ts.map

package/dist/tui/components/chrome/rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../../../src/tui/components/chrome/rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,UAAU,CAAC;AAElB,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAc7D;AAED,6DAA6D;AAC7D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAMzD;AAsCD,gDAAgD;AAChD,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,qBAYA;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,qBA4BA;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,qBAwBA;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,qBAepF;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,MAAM,EAAE;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB,QAEA;AAED,kBAAkB;AAClB,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,qBAKrF;AAED,kBAAkB;AAClB,wBAAgB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM;;;;;;;;;EAY/D;AAED,kBAAkB;AAClB,eAAO,MAAM,IAAI;aACf,KAAK,EAAE,CAAC;aACR,MAAM,EAAE,CAAC;aACT,IAAI,EAAE,EAAE;aACR,QAAQ,EAAE,EAAE;aACZ,WAAW,EAAE,EAAE;aACf,MAAM,EAAE,EAAE;aACV,KAAK,EAAE,EAAE;aACT,QAAQ,EAAE,EAAE;aACZ,MAAM,EAAE,EAAE;CACF,CAAC"}