@xeonr/platform-ui 0.1.0

package/dist/kit/Form.js

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { v } from "../theme/tokens.js";
+import { MicroLabel } from "./Panel.js";
+export const FormGrid = styled.div `
+  display: grid;
+  grid-template-columns: repeat(${(p) => p.$cols ?? 2}, minmax(0, 1fr));
+  gap: 14px;
+  @media (max-width: 640px) { grid-template-columns: 1fr; }
+`;
+export const FieldWrap = styled.label `
+  display: block;
+  min-width: 0;
+  ${(p) => (p.$span ? css `grid-column: span ${p.$span};` : "")}
+`;
+const HintText = styled.span `
+  display: block;
+  margin-top: 4px;
+  font-size: 11px;
+  color: ${v.faint};
+`;
+export function Field({ label, hint, span, children }) {
+    return (_jsxs(FieldWrap, { ...(span !== undefined ? { $span: span } : {}), children: [_jsx(MicroLabel, { style: { marginBottom: 6 }, children: label }), children, hint ? _jsx(HintText, { children: hint }) : null] }));
+}
+const ctl = css `
+  width: 100%;
+  height: 32px;
+  padding: 0 10px;
+  border-radius: ${v.rCtl};
+  background: ${v.field};
+  border: 1px solid ${v.fieldLine};
+  color: ${v.text};
+  font-size: 12.5px;
+  transition: border-color 0.14s ease, box-shadow 0.14s ease;
+  &::placeholder { color: ${v.faint}; }
+  &:focus { outline: none; border-color: ${v.brand55}; box-shadow: 0 0 0 3px ${v.brand08}; }
+  &:disabled { opacity: 0.55; }
+`;
+export const Input = styled.input `${ctl}`;
+export const MonoInput = styled.input `${ctl} font-family: ${v.mono}; font-size: 11.5px;`;
+export const Select = styled.select `
+  ${ctl}
+  appearance: none;
+  background-image: linear-gradient(45deg, transparent 50%, ${v.faint} 50%), linear-gradient(135deg, ${v.faint} 50%, transparent 50%);
+  background-position: calc(100% - 16px) 14px, calc(100% - 11px) 14px;
+  background-size: 5px 5px;
+  background-repeat: no-repeat;
+  padding-right: 28px;
+`;
+export const TextArea = styled.textarea `
+  ${ctl}
+  height: auto;
+  min-height: 76px;
+  padding: 8px 10px;
+  resize: vertical;
+  line-height: 1.5;
+  ${(p) => (p.$mono ? css `font-family: ${v.mono}; font-size: 11.5px;` : "")}
+`;
+/** Segmented: pill group for small closed enums (kinds, sources, themes). */
+const SegWrap = styled.div `
+  display: inline-flex;
+  padding: 3px;
+  gap: 2px;
+  background: ${v.field};
+  border: 1px solid ${v.fieldLine};
+  border-radius: ${v.rCtl};
+`;
+const SegBtn = styled.button `
+  height: 24px;
+  padding: 0 10px;
+  border-radius: 6px;
+  font-size: 11.5px;
+  font-weight: 600;
+  color: ${(p) => (p.$on ? v.onBrand : v.muted)};
+  background: ${(p) => (p.$on ? v.grad : "transparent")};
+  transition: background 0.14s ease, color 0.14s ease;
+  &:hover { color: ${(p) => (p.$on ? v.onBrand : v.text)}; }
+`;
+export function Segmented({ options, value, onChange }) {
+    return (_jsx(SegWrap, { role: "radiogroup", children: options.map((o) => (_jsx(SegBtn, { type: "button", role: "radio", "aria-checked": o.value === value, "$on": o.value === value, onClick: () => onChange(o.value), children: o.label }, o.value))) }));
+}
+/** Toggle: drawn checkbox, gradient fill when on. */
+const ToggleWrap = styled.label `
+  display: inline-flex;
+  align-items: center;
+  gap: 9px;
+  cursor: ${(p) => (p.$disabled ? "not-allowed" : "pointer")};
+  opacity: ${(p) => (p.$disabled ? 0.55 : 1)};
+  font-size: 12.5px;
+  user-select: none;
+  input { position: absolute; opacity: 0; pointer-events: none; }
+`;
+const Box = styled.span `
+  width: 16px; height: 16px; border-radius: 5px;
+  border: 1.5px solid ${(p) => (p.$on ? "transparent" : v.line2)};
+  background: ${(p) => (p.$on ? v.grad : "transparent")};
+  display: grid; place-items: center;
+  transition: background 0.14s ease, border-color 0.14s ease;
+  &::after {
+    content: "";
+    width: 8px; height: 5px;
+    border-left: 2px solid ${v.onBrand};
+    border-bottom: 2px solid ${v.onBrand};
+    transform: rotate(-45deg) translateY(-1px);
+    opacity: ${(p) => (p.$on ? 1 : 0)};
+  }
+`;
+export function Toggle({ checked, onChange, label, disabled }) {
+    return (_jsxs(ToggleWrap, { "$disabled": disabled, children: [_jsx("input", { type: "checkbox", checked: checked, disabled: disabled, onChange: (e) => { if (!disabled)
+                    onChange(e.target.checked); } }), _jsx(Box, { "$on": checked, "aria-hidden": true }), _jsx("span", { children: label })] }));
+}
+/** FormSection: bordered settings card with a title band, auth-style. */
+const SectionWrap = styled.section `
+  background: ${v.surface};
+  border: 1px solid ${v.line};
+  border-radius: ${v.rPanel};
+  overflow: hidden;
+`;
+const SectionHead = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 16px;
+  border-bottom: 1px solid ${v.line};
+`;
+const SectionTitle = styled.h4 `
+  margin: 0;
+  font-size: 12.5px;
+  font-weight: 600;
+`;
+const SectionDesc = styled.p `
+  margin: 2px 0 0;
+  font-size: 11.5px;
+  color: ${v.muted};
+`;
+const SectionBody = styled.div `padding: 14px 16px;`;
+export function FormSection({ title, desc, badge, children }) {
+    return (_jsxs(SectionWrap, { children: [_jsxs(SectionHead, { children: [_jsxs("div", { style: { minWidth: 0 }, children: [_jsx(SectionTitle, { children: title }), desc ? _jsx(SectionDesc, { children: desc }) : null] }), badge ? _jsx("span", { style: { marginLeft: "auto" }, children: badge }) : null] }), _jsx(SectionBody, { children: children })] }));
+}
+/** KVEditor: name/value rows for env-var-shaped maps. validateKey mirrors server
+ * rules so a bad name is flagged in place instead of on submit. */
+const KVRows = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`;
+const KVRow = styled.div `
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) auto;
+  gap: 6px;
+  align-items: center;
+`;
+const KVProblem = styled.span `
+  font-size: 10.5px;
+  color: ${v.danger};
+`;
+const KVRemove = styled.button `
+  width: 26px; height: 26px;
+  border-radius: 6px;
+  color: ${v.faint};
+  font-size: 14px;
+  line-height: 1;
+  &:hover { background: ${v.hover}; color: ${v.danger}; }
+`;
+const KVAdd = styled.button `
+  align-self: flex-start;
+  padding: 4px 8px;
+  border-radius: 6px;
+  font-size: 11.5px;
+  font-weight: 600;
+  color: ${v.muted};
+  &:hover { background: ${v.hover}; color: ${v.text}; }
+`;
+export function KVEditor({ rows, onChange, disabled, keyPlaceholder = "NAME", valuePlaceholder = "value", addLabel = "+ Add variable", secret, validateKey }) {
+    const set = (i, patch) => onChange(rows.map((r, j) => (j === i ? { ...r, ...patch } : r)));
+    return (_jsxs(KVRows, { children: [rows.map((r, i) => {
+                const problem = r.k && validateKey ? validateKey(r.k) : null;
+                return (_jsxs("div", { children: [_jsxs(KVRow, { children: [_jsx(MonoInput, { value: r.k, disabled: disabled, placeholder: keyPlaceholder, spellCheck: false, onChange: (e) => set(i, { k: e.target.value }) }), _jsx(MonoInput, { value: r.v, disabled: disabled, type: secret ? "password" : "text", placeholder: valuePlaceholder, spellCheck: false, autoComplete: secret ? "off" : undefined, onChange: (e) => set(i, { v: e.target.value }) }), _jsx(KVRemove, { type: "button", "aria-label": "Remove row", disabled: disabled, onClick: () => onChange(rows.filter((_, j) => j !== i)), children: "\u00D7" })] }), problem ? _jsxs(KVProblem, { children: [r.k, ": ", problem] }) : null] }, i));
+            }), _jsx(KVAdd, { type: "button", disabled: disabled, onClick: () => onChange([...rows, { k: "", v: "" }]), children: addLabel })] }));
+}
+/** Rows → wire map, dropping blank names and trimming keys. */
+export function kvToMap(rows) {
+    const out = {};
+    for (const r of rows) {
+        const k = r.k.trim();
+        if (k)
+            out[k] = r.v;
+    }
+    return out;
+}
+/** Wire map → rows (for prefill/readback). */
+export function mapToKv(m) {
+    return Object.entries(m ?? {}).map(([k, val]) => ({ k, v: val }));
+}
+export const FormActions = styled.div `
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
+  margin-top: 16px;
+`;
+export const InlineError = styled.div `
+  margin-top: 10px;
+  padding: 9px 12px;
+  border-radius: ${v.rCtl};
+  background: ${v.dangerBg};
+  color: ${v.danger};
+  font-size: 12px;
+`;
+//# sourceMappingURL=Form.js.map

package/dist/kit/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/kit/Form.tsx"],"names":[],"mappings":"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"}

package/dist/kit/Icon.d.ts

@@ -0,0 +1,102 @@
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+declare const MAP: {
+    home: IconDefinition;
+    overview: IconDefinition;
+    products: IconDefinition;
+    grid: IconDefinition;
+    launcher: IconDefinition;
+    search: IconDefinition;
+    theme: IconDefinition;
+    sun: IconDefinition;
+    moon: IconDefinition;
+    system: IconDefinition;
+    "sign-out": IconDefinition;
+    menu: IconDefinition;
+    more: IconDefinition;
+    bell: IconDefinition;
+    docs: IconDefinition;
+    close: IconDefinition;
+    "chevron-down": IconDefinition;
+    "chevron-right": IconDefinition;
+    "chevron-left": IconDefinition;
+    "arrow-right": IconDefinition;
+    "arrow-left": IconDefinition;
+    external: IconDefinition;
+    members: IconDefinition;
+    team: IconDefinition;
+    user: IconDefinition;
+    organisation: IconDefinition;
+    role: IconDefinition;
+    invite: IconDefinition;
+    key: IconDefinition;
+    tokens: IconDefinition;
+    lock: IconDefinition;
+    shield: IconDefinition;
+    functions: IconDefinition;
+    build: IconDefinition;
+    deploys: IconDefinition;
+    code: IconDefinition;
+    logs: IconDefinition;
+    list: IconDefinition;
+    activity: IconDefinition;
+    settings: IconDefinition;
+    sliders: IconDefinition;
+    stats: IconDefinition;
+    jobs: IconDefinition;
+    play: IconDefinition;
+    sandboxes: IconDefinition;
+    terminal: IconDefinition;
+    pools: IconDefinition;
+    environments: IconDefinition;
+    workspaces: IconDefinition;
+    folder: IconDefinition;
+    "folder-open": IconDefinition;
+    egress: IconDefinition;
+    namespaces: IconDefinition;
+    database: IconDefinition;
+    pipelines: IconDefinition;
+    tunnels: IconDefinition;
+    ports: IconDefinition;
+    server: IconDefinition;
+    box: IconDefinition;
+    globe: IconDefinition;
+    git: IconDefinition;
+    fork: IconDefinition;
+    snapshot: IconDefinition;
+    copy: IconDefinition;
+    check: IconDefinition;
+    add: IconDefinition;
+    delete: IconDefinition;
+    edit: IconDefinition;
+    download: IconDefinition;
+    upload: IconDefinition;
+    file: IconDefinition;
+    "file-code": IconDefinition;
+    archive: IconDefinition;
+    pin: IconDefinition;
+    rerun: IconDefinition;
+    promote: IconDefinition;
+    stop: IconDefinition;
+    suspend: IconDefinition;
+    resume: IconDefinition;
+    sync: IconDefinition;
+    filter: IconDefinition;
+    clock: IconDefinition;
+    spinner: IconDefinition;
+    warn: IconDefinition;
+    error: IconDefinition;
+    info: IconDefinition;
+    reveal: IconDefinition;
+    hide: IconDefinition;
+};
+export type IconName = keyof typeof MAP;
+export declare function extendIcons(more: Record<string, IconDefinition>): void;
+export declare function Icon({ name, spin, size, style, className }: {
+    name: IconName | (string & {});
+    spin?: boolean | undefined;
+    size?: number | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/kit/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/kit/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAoBxE,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBiC,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,GAAG,CAAC;AAMxC,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,IAAI,CAEtE;AAKD,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAC3D,IAAI,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,+BASA"}

package/dist/kit/Icon.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faGaugeHigh, faBolt, faRocket, faCode, faListUl, faUsers, faUserGroup, faKey, faClockRotateLeft, faGear, faMagnifyingGlass, faCircleHalfStroke, faRightFromBracket, faXmark, faChevronDown, faChevronRight, faChevronLeft, faCopy, faCheck, faPlus, faTrash, faPen, faDownload, faUpload, faFile, faFileCode, faFileZipper, faCodeBranch, faTriangleExclamation, faCircleExclamation, faCircleInfo, faGlobe, faArrowRotateRight, faArrowUpRightFromSquare, faFilter, faClock, faBox, faUser, faCircleNotch, faBars, faEllipsis, faLock, faEye, faEyeSlash, faServer, faFolder, faFolderOpen, faCircleUp, faPlay, faShieldHalved, faChartLine, faTerminal, faCubes, faLayerGroup, faThumbtack, faNetworkWired, faStop, faPause, faArrowsRotate, faCamera, faHouse, faTableCells, faDatabase, faEnvelope, faBell, faSun, faMoon, faDesktop, faArrowRight, faArrowLeft, faGrip, faSitemap, faDiagramProject, faBuilding, faIdBadge, faSliders, faBook, } from "@fortawesome/free-solid-svg-icons";
+// One semantic icon map (ported pattern from the xmb kit): call sites name the
+// concept, never the glyph, so swapping the underlying set is a one-file change.
+// This is the union of the container-platform and functions maps plus the
+// console shell's needs; product consoles add their own names via
+// `extendIcons` rather than forking this file.
+const MAP = {
+    // navigation / shell
+    home: faHouse, overview: faGaugeHigh, products: faTableCells, grid: faTableCells, launcher: faGrip,
+    search: faMagnifyingGlass, theme: faCircleHalfStroke, sun: faSun, moon: faMoon, system: faDesktop,
+    "sign-out": faRightFromBracket, menu: faBars, more: faEllipsis, bell: faBell, docs: faBook,
+    close: faXmark, "chevron-down": faChevronDown, "chevron-right": faChevronRight, "chevron-left": faChevronLeft,
+    "arrow-right": faArrowRight, "arrow-left": faArrowLeft, external: faArrowUpRightFromSquare,
+    // teams / identity
+    members: faUsers, team: faUserGroup, user: faUser, organisation: faBuilding, role: faIdBadge,
+    invite: faEnvelope, key: faKey, tokens: faKey, lock: faLock, shield: faShieldHalved,
+    // product nouns (generic enough to share)
+    functions: faBolt, build: faBolt, deploys: faRocket, code: faCode, logs: faListUl, list: faListUl,
+    activity: faClockRotateLeft, settings: faGear, sliders: faSliders, stats: faChartLine,
+    jobs: faPlay, play: faPlay, sandboxes: faTerminal, terminal: faTerminal, pools: faCubes,
+    environments: faLayerGroup, workspaces: faFolder, folder: faFolder, "folder-open": faFolderOpen,
+    egress: faShieldHalved, namespaces: faUsers, database: faDatabase, pipelines: faDiagramProject,
+    tunnels: faSitemap, ports: faNetworkWired, server: faServer, box: faBox, globe: faGlobe,
+    git: faCodeBranch, fork: faCodeBranch, snapshot: faCamera,
+    // actions
+    copy: faCopy, check: faCheck, add: faPlus, delete: faTrash, edit: faPen, download: faDownload,
+    upload: faUpload, file: faFile, "file-code": faFileCode, archive: faFileZipper, pin: faThumbtack,
+    rerun: faArrowRotateRight, promote: faCircleUp, stop: faStop, suspend: faPause, resume: faPlay,
+    sync: faArrowsRotate, filter: faFilter, clock: faClock, spinner: faCircleNotch,
+    // status
+    warn: faTriangleExclamation, error: faCircleExclamation, info: faCircleInfo, reveal: faEye, hide: faEyeSlash,
+};
+// Product consoles register extra glyphs under their own names at startup.
+// Registered names are accepted by `Icon` at runtime; typed access stays on
+// IconName so the shared kit never depends on a product's vocabulary.
+const EXTRA = {};
+export function extendIcons(more) {
+    Object.assign(EXTRA, more);
+}
+function lookup(name) {
+    return MAP[name] ?? EXTRA[name] ?? faCircleInfo;
+}
+export function Icon({ name, spin, size, style, className }) {
+    return (_jsx(FontAwesomeIcon, { icon: lookup(name), spin: spin, className: className, style: { width: size ?? "1em", height: size ?? "1em", ...style } }));
+}
+//# sourceMappingURL=Icon.js.map

package/dist/kit/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/kit/Icon.tsx"],"names":[],"mappings":"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"}

package/dist/kit/KV.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export declare function KVGrid({ items }: {
+    items: {
+        k: string;
+        v: ReactNode;
+        mono?: boolean | undefined;
+    }[];
+}): import("react").JSX.Element;
+//# sourceMappingURL=KV.d.ts.map

package/dist/kit/KV.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KV.d.ts","sourceRoot":"","sources":["../../src/kit/KV.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,EAAE,CAAA;CAAE,+BAWrG"}

package/dist/kit/KV.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import styled from "styled-components";
+import { v } from "../theme/tokens.js";
+const Grid = styled.div `
+  display: grid;
+  grid-template-columns: minmax(110px, max-content) 1fr;
+  gap: 7px 14px;
+  font-size: 12px;
+  align-items: baseline;
+`;
+const K = styled.span `color: ${v.faint};`;
+const V = styled.span `
+  color: ${v.text};
+  font-variant-numeric: tabular-nums;
+  min-width: 0;
+  word-break: break-all;
+  ${(p) => (p.$mono ? `font-family: ${v.mono}; font-size: 11.5px;` : "")}
+`;
+export function KVGrid({ items }) {
+    return (_jsx(Grid, { children: items.map((it) => (_jsxs(Fragment, { children: [_jsx(K, { children: it.k }), _jsx(V, { "$mono": it.mono, children: it.v ?? "—" })] }, it.k))) }));
+}
+//# sourceMappingURL=KV.js.map

package/dist/kit/KV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KV.js","sourceRoot":"","sources":["../../src/kit/KV.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAEvC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMtB,CAAC;AAEF,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAA,UAAU,CAAC,CAAC,KAAK,GAAG,CAAC;AAC1C,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAA6C;WACvD,CAAC,CAAC,IAAI;;;;IAIb,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;CACvE,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAwE;IACpG,OAAO,CACL,KAAC,IAAI,cACF,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACjB,MAAC,QAAQ,eACP,KAAC,CAAC,cAAE,EAAE,CAAC,CAAC,GAAK,EACb,KAAC,CAAC,aAAQ,EAAE,CAAC,IAAI,YAAG,EAAE,CAAC,CAAC,IAAI,GAAG,GAAK,KAFvB,EAAE,CAAC,CAAC,CAGR,CACZ,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/kit/LogView.d.ts

@@ -0,0 +1,21 @@
+export interface LogLine {
+    at?: string | undefined;
+    text: string;
+    stderr?: boolean | undefined;
+}
+export declare function LogSurface({ lines, height, follow, placeholder }: {
+    lines: LogLine[];
+    height?: number | undefined;
+    follow?: boolean | undefined;
+    placeholder?: string | undefined;
+}): import("react").JSX.Element;
+/** LogPanel: LogSurface inside a Panel with a follow toggle and status slot. */
+export declare function LogPanel({ title, lines, status, height, actions, placeholder }: {
+    title: string;
+    lines: LogLine[];
+    status?: React.ReactNode | undefined;
+    height?: number | undefined;
+    actions?: React.ReactNode | undefined;
+    placeholder?: string | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=LogView.d.ts.map

package/dist/kit/LogView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogView.d.ts","sourceRoot":"","sources":["../../src/kit/LogView.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,OAAO;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAmBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAa,EAAE,WAAmC,EAAE,EAAE;IAChG,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAgBA;AAED,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,+BAiBA"}

package/dist/kit/LogView.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import styled from "styled-components";
+import { v } from "../theme/tokens.js";
+import { PanelHead, PanelTitle, PanelActions, Panel } from "./Panel.js";
+import { AppButton } from "./Button.js";
+const Sur = styled.pre `
+  margin: 0;
+  padding: 12px 16px;
+  background: ${v.logBg};
+  color: ${v.logText};
+  font-family: ${v.mono};
+  font-size: 11.5px;
+  line-height: 1.75;
+  overflow: auto;
+  height: ${(p) => p.$h ?? 420}px;
+  white-space: pre-wrap;
+  word-break: break-word;
+`;
+const Ts = styled.span `color: ${v.logDim}; user-select: none;`;
+const Err = styled.span `color: ${v.danger};`;
+export function LogSurface({ lines, height, follow = true, placeholder = "waiting for output…" }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (follow && ref.current)
+            ref.current.scrollTop = ref.current.scrollHeight;
+    }, [lines, follow]);
+    return (_jsxs(Sur, { ref: ref, "$h": height, children: [lines.length === 0 ? _jsx(Ts, { children: placeholder }) : null, lines.map((l, i) => (_jsxs("div", { children: [l.at ? _jsxs(Ts, { children: [l.at, "  "] }) : null, l.stderr ? _jsx(Err, { children: l.text }) : l.text] }, i)))] }));
+}
+/** LogPanel: LogSurface inside a Panel with a follow toggle and status slot. */
+export function LogPanel({ title, lines, status, height, actions, placeholder }) {
+    const [follow, setFollow] = useState(true);
+    return (_jsxs(Panel, { children: [_jsxs(PanelHead, { children: [_jsx(PanelTitle, { children: title }), status, _jsxs(PanelActions, { children: [actions, _jsx(AppButton, { size: "xs", variant: follow ? "quiet" : "ghost", onClick: () => setFollow(!follow), children: follow ? "Following" : "Follow" })] })] }), _jsx(LogSurface, { lines: lines, height: height, follow: follow, ...(placeholder !== undefined ? { placeholder } : {}) })] }));
+}
+//# sourceMappingURL=LogView.js.map

package/dist/kit/LogView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogView.js","sourceRoot":"","sources":["../../src/kit/LogView.tsx"],"names":[],"mappings":"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"}

package/dist/kit/Modal.d.ts

@@ -0,0 +1,50 @@
+import { type ReactNode } from "react";
+declare const sizes: {
+    readonly sm: 420;
+    readonly md: 560;
+    readonly lg: 760;
+};
+export declare function EntityModal({ title, sub, size, onClose, dismissable, children }: {
+    title: string;
+    sub?: string | undefined;
+    size?: keyof typeof sizes | undefined;
+    onClose: () => void;
+    /** false for one-time-secret flows: no backdrop/Esc close, explicit button only */
+    dismissable?: boolean | undefined;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * ConfirmDialog: two-step confirmation for destructive actions. Pass typedValue
+ * to require the operator to type the entity name (function deletes, team
+ * deletes) before the destructive button arms.
+ */
+export declare function ConfirmDialog({ title, body, actionLabel, typedValue, danger, busy, extra, onConfirm, onClose }: {
+    title: string;
+    body: ReactNode;
+    actionLabel: string;
+    typedValue?: string | undefined;
+    danger?: boolean | undefined;
+    busy?: boolean | undefined;
+    extra?: ReactNode | undefined;
+    onConfirm: () => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+/**
+ * PromptDialog: a one-field modal for naming things (new file, rename) — the
+ * kit's replacement for window.prompt, which cannot be styled or validated.
+ */
+export declare function PromptDialog({ title, body, label, initial, placeholder, actionLabel, busy, validate, onSubmit, onClose }: {
+    title: string;
+    body?: ReactNode | undefined;
+    label: string;
+    initial?: string | undefined;
+    placeholder?: string;
+    actionLabel?: string | undefined;
+    busy?: boolean | undefined;
+    /** returns why the value is invalid, or null */
+    validate?: ((value: string) => string | null) | undefined;
+    onSubmit: (value: string) => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/kit/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/kit/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBpE,QAAA,MAAM,KAAK;;;;CAAyC,CAAC;AAgDrD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAW,EAAE,OAAO,EAAE,WAAkB,EAAE,QAAQ,EAAE,EAAE;IAC9F,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,GAAG,SAAS,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mFAAmF;IACnF,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAkCA;AASD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAa,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;IACtH,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAqBA;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAY,EAAE,WAAW,EAAE,WAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;IACrI,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BA6BA"}