akanjs 3.0.0-alpha.27 → 3.0.0-alpha.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akanjs",
-  "version": "3.0.0-alpha.27",
+  "version": "3.0.0-alpha.29",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {
@@ -213,7 +213,6 @@
     "firebase": "^12.13.0",
     "happy-dom": "^20.11.2",
     "ioredis": "^5.10.1",
-    "mermaid": "^11.15.0",
     "postgres": "^3.4.9",
     "protobufjs": "^8.4.0",
     "react": "19.2.7",
@@ -316,9 +315,6 @@
     "ioredis": {
       "optional": true
     },
-    "mermaid": {
-      "optional": true
-    },
     "postgres": {
       "optional": true
     },

package/server/systemPageDocument.tsx

@@ -39,7 +39,7 @@ export const SYSTEM_PAGE_STATUS_COPY = {
 } as const;
 
 export const SYSTEM_PAGE_STYLE = `
-:root { color-scheme: dark; --akan-primary: #ff493b; --akan-secondary: #2b2e33; --akan-accent: #d1a23b; --akan-foreground: #ffffff; --akan-background: #1a1a1a; --akan-base-200: #2a2a2a; --akan-error: #f02020; }
+:root { color-scheme: dark; --akan-primary: #ff493b; --akan-secondary: #2b2e33; --akan-accent: #d1a23b; --akan-foreground: #ffffff; --akan-background: #1a1a1a; --akan-error: #f02020; }
 body { margin: 0; min-height: 100vh; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--akan-background); color: var(--akan-foreground); }
 a { color: inherit; }
 .akan-system-page { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; box-sizing: border-box; background: radial-gradient(circle at top left, rgba(255, 73, 59, 0.16), transparent 34%), linear-gradient(135deg, var(--akan-background), #111); }

package/types/server/systemPageDocument.d.ts

@@ -32,7 +32,7 @@ export declare const SYSTEM_PAGE_STATUS_COPY: {
         readonly actionLabel: "Back to safety";
     };
 };
-export declare const SYSTEM_PAGE_STYLE = "\n:root { color-scheme: dark; --akan-primary: #ff493b; --akan-secondary: #2b2e33; --akan-accent: #d1a23b; --akan-foreground: #ffffff; --akan-background: #1a1a1a; --akan-base-200: #2a2a2a; --akan-error: #f02020; }\nbody { margin: 0; min-height: 100vh; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; background: var(--akan-background); color: var(--akan-foreground); }\na { color: inherit; }\n.akan-system-page { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; box-sizing: border-box; background: radial-gradient(circle at top left, rgba(255, 73, 59, 0.16), transparent 34%), linear-gradient(135deg, var(--akan-background), #111); }\n.akan-system-card { width: min(720px, 100%); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 32px; background: linear-gradient(145deg, rgba(42, 42, 42, 0.96), rgba(43, 46, 51, 0.78)); box-shadow: 0 24px 80px rgba(0, 0, 0, 0.36); padding: clamp(28px, 6vw, 56px); }\n.akan-system-status { margin: 0 0 18px; font-weight: 800; font-size: clamp(4rem, 18vw, 8rem); line-height: 0.85; letter-spacing: -0.08em; color: var(--akan-primary); }\n.akan-system-eyebrow { margin: 0 0 10px; color: var(--akan-accent); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }\n.akan-system-title { margin: 0; max-width: 12ch; font-size: clamp(2rem, 7vw, 4rem); line-height: 0.95; letter-spacing: -0.055em; color: var(--akan-foreground); }\n.akan-system-description { margin: 22px 0 0; max-width: 56ch; color: rgba(255, 255, 255, 0.76); font-size: 1.05rem; line-height: 1.75; }\n.akan-system-path { margin: 22px 0 0; overflow-wrap: anywhere; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgba(26, 26, 26, 0.72); padding: 12px 14px; color: rgba(255, 255, 255, 0.72); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.88rem; }\n.akan-system-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }\n.akan-system-action { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid var(--akan-primary); border-radius: 999px; background: var(--akan-primary); box-shadow: 0 12px 34px rgba(255, 73, 59, 0.26); color: var(--akan-foreground); padding: 0 18px; font-weight: 800; text-decoration: none; }\n.akan-system-secondary { border: 1px solid rgba(255, 255, 255, 0.12); background: var(--akan-secondary); color: var(--akan-foreground); }\n.akan-system-details { margin-top: 28px; max-height: 260px; overflow: auto; border-radius: 18px; background: rgba(26, 26, 26, 0.82); border: 1px solid rgba(240, 32, 32, 0.22); padding: 16px; color: rgba(255, 255, 255, 0.78); font-size: 0.82rem; line-height: 1.55; white-space: pre-wrap; }\n";
+export declare const SYSTEM_PAGE_STYLE = "\n:root { color-scheme: dark; --akan-primary: #ff493b; --akan-secondary: #2b2e33; --akan-accent: #d1a23b; --akan-foreground: #ffffff; --akan-background: #1a1a1a; --akan-error: #f02020; }\nbody { margin: 0; min-height: 100vh; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; background: var(--akan-background); color: var(--akan-foreground); }\na { color: inherit; }\n.akan-system-page { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; box-sizing: border-box; background: radial-gradient(circle at top left, rgba(255, 73, 59, 0.16), transparent 34%), linear-gradient(135deg, var(--akan-background), #111); }\n.akan-system-card { width: min(720px, 100%); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 32px; background: linear-gradient(145deg, rgba(42, 42, 42, 0.96), rgba(43, 46, 51, 0.78)); box-shadow: 0 24px 80px rgba(0, 0, 0, 0.36); padding: clamp(28px, 6vw, 56px); }\n.akan-system-status { margin: 0 0 18px; font-weight: 800; font-size: clamp(4rem, 18vw, 8rem); line-height: 0.85; letter-spacing: -0.08em; color: var(--akan-primary); }\n.akan-system-eyebrow { margin: 0 0 10px; color: var(--akan-accent); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }\n.akan-system-title { margin: 0; max-width: 12ch; font-size: clamp(2rem, 7vw, 4rem); line-height: 0.95; letter-spacing: -0.055em; color: var(--akan-foreground); }\n.akan-system-description { margin: 22px 0 0; max-width: 56ch; color: rgba(255, 255, 255, 0.76); font-size: 1.05rem; line-height: 1.75; }\n.akan-system-path { margin: 22px 0 0; overflow-wrap: anywhere; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgba(26, 26, 26, 0.72); padding: 12px 14px; color: rgba(255, 255, 255, 0.72); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.88rem; }\n.akan-system-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }\n.akan-system-action { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border: 1px solid var(--akan-primary); border-radius: 999px; background: var(--akan-primary); box-shadow: 0 12px 34px rgba(255, 73, 59, 0.26); color: var(--akan-foreground); padding: 0 18px; font-weight: 800; text-decoration: none; }\n.akan-system-secondary { border: 1px solid rgba(255, 255, 255, 0.12); background: var(--akan-secondary); color: var(--akan-foreground); }\n.akan-system-details { margin-top: 28px; max-height: 260px; overflow: auto; border-radius: 18px; background: rgba(26, 26, 26, 0.82); border: 1px solid rgba(240, 32, 32, 0.22); padding: 16px; color: rgba(255, 255, 255, 0.78); font-size: 0.82rem; line-height: 1.55; white-space: pre-wrap; }\n";
 export declare function createSystemPageDocument(options: SystemPageOptions): ReactNode;
 export declare function getSystemPageErrorDetails(error: unknown): string;
 export declare function getSystemPageHomeHref({ pathname, i18n, basePaths, headerBasePath, }: SystemPageHomeHrefOptions): string;

package/types/ui/Agent/Markdown.d.ts

@@ -0,0 +1,11 @@
+interface MarkdownProps {
+    className?: string;
+    children: string;
+}
+/**
+ * The chat's own markdown renderer: React elements, never `dangerouslySetInnerHTML`, and no parser dependency.
+ * `Bun.markdown` is the obvious candidate and cannot serve this — it is a runtime API the bundler passes through
+ * verbatim, so it is undefined in the browser, and assistant text arrives here as SSE deltas the client accrues.
+ */
+export default function Markdown({ className, children }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Agent/markdownBlocks.d.ts

@@ -0,0 +1,34 @@
+import { type TableBlock } from "./markdownTable.d.ts";
+export interface MarkdownItem {
+    depth: number;
+    ordered: boolean;
+    num: number;
+    text: string;
+}
+export type MarkdownBlock = {
+    kind: "code";
+    text: string;
+} | {
+    kind: "heading";
+    level: number;
+    text: string;
+} | {
+    kind: "list";
+    items: MarkdownItem[];
+} | {
+    kind: "quote";
+    text: string;
+} | {
+    kind: "rule";
+} | {
+    kind: "para";
+    text: string;
+} | TableBlock;
+/**
+ * Block scanner for assistant chat text — the CommonMark subset a model actually emits over this wire.
+ */
+export declare class MarkdownBlocks {
+    #private;
+    static of(source: string): MarkdownBlock[];
+    constructor(source: string);
+}

package/types/ui/Agent/markdownSpans.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from "react";
+export declare const spans: (text: string) => ReactNode[];

package/types/ui/Agent/markdownTable.d.ts

@@ -0,0 +1,16 @@
+export type Align = "left" | "center" | "right";
+export interface TableBlock {
+    kind: "table";
+    aligns: (Align | null)[];
+    head: string[];
+    rows: string[][];
+}
+/** GFM table scan, kept out of the block scanner because the delimiter row makes it the one shape that has to
+ *  read the line after the one it starts on. */
+export declare class MarkdownTable {
+    #private;
+    static at(lines: string[], at: number): {
+        block: TableBlock;
+        next: number;
+    } | null;
+}

package/types/ui/Constant/Graph.d.ts

@@ -0,0 +1,10 @@
+import { type SchemaGraphEdge, type SchemaGraphNode } from "./schemaGraph.d.ts";
+export interface GraphProps {
+    className?: string;
+    title?: string;
+    nodes: SchemaGraphNode[];
+    edges: SchemaGraphEdge[];
+    selectedId?: string | null;
+    onSelect?: (nodeId: string) => void;
+}
+export declare const Graph: ({ className, title, nodes, edges, selectedId, onSelect }: GraphProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Constant/index.d.ts

@@ -1,6 +1,7 @@
 import Doc from "./Doc.d.ts";
 export * from "./schemaDoc.d.ts";
+export * from "./schemaGraph.d.ts";
 export declare const Constant: {
     Doc: typeof Doc;
-    Mermaid: ({ chart, title, className, highlightNodes, onSelectNode }: import("./Mermaid.d.ts").MermaidProps) => import("react/jsx-runtime").JSX.Element;
+    Graph: ({ className, title, nodes, edges, selectedId, onSelect }: import("./Graph.d.ts").GraphProps) => import("react/jsx-runtime").JSX.Element;
 };

package/types/ui/Constant/schemaGraph.d.ts

@@ -0,0 +1,39 @@
+export type SchemaNodeKind = "database" | "scalar" | "external";
+export interface SchemaGraphNode {
+    id: string;
+    refName: string;
+    title: string;
+    subtitle: string;
+    kind: SchemaNodeKind;
+}
+export interface SchemaGraphEdge {
+    from: string;
+    to: string;
+    label: string;
+}
+export interface PlacedNode extends SchemaGraphNode {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    textX: number;
+    titleText: string;
+    subtitleText: string;
+}
+export interface PlacedEdge extends SchemaGraphEdge {
+    path: string;
+    labelX: number;
+    labelY: number;
+}
+/**
+ * Layered left-to-right placement (longest-path layering + barycenter ordering), the same shape a `flowchart LR`
+ * produces without the renderer. Pure geometry so it is unit-testable and runs identically on the server.
+ */
+export declare class SchemaGraphLayout {
+    #private;
+    readonly nodes: PlacedNode[];
+    readonly edges: PlacedEdge[];
+    readonly width: number;
+    readonly height: number;
+    constructor(nodes: SchemaGraphNode[], edges: SchemaGraphEdge[]);
+}

package/types/ui/DraggableList.d.ts

@@ -12,7 +12,7 @@ interface DragListProps<V> {
 }
 interface Cursor {
     className?: string;
-    children: any;
+    children: ReactNode;
 }
 interface ItemProps {
     value: any;

package/types/ui/Layout/BottomTab.d.ts

@@ -1,7 +1,8 @@
+import type { ReactNode } from "react";
 interface TabType {
     name: string;
-    icon: React.ReactNode;
-    activeIcon?: React.ReactNode;
+    icon: ReactNode;
+    activeIcon?: ReactNode;
     notiCount?: number;
     href: string;
 }

package/types/ui/Loading/ProgressBar.d.ts

@@ -3,4 +3,8 @@ export interface ProgressBarProps {
     value: number;
     max: number;
 }
+/**
+ * A div track rather than a native `<progress>`. `accent-color` themes only the fill; the track keeps the UA
+ * grey, which reads as a light bar on a dark theme, and no browser applies the element's radius to the fill.
+ */
 export declare const ProgressBar: ({ className, value, max }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Loading/Spin.d.ts

@@ -3,5 +3,6 @@ export interface SpinProps {
     indicator?: ReactNode;
     isCenter?: boolean;
     className?: string;
+    size?: "sm" | "md" | "lg";
 }
-export declare const Spin: ({ indicator, isCenter, className }: SpinProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spin: ({ indicator, isCenter, className, size }: SpinProps) => import("react/jsx-runtime").JSX.Element;

package/types/ui/Model/EditModal.d.ts

@@ -14,7 +14,7 @@ interface EditModelProps<Full> {
     edit?: ClientEdit<string, Full> | Partial<Full>;
     /** Store modal name that should activate this editor. */
     modal?: string;
-    children: any;
+    children: ReactNode;
     /** Custom loading overlay wrapper, or false to disable the default overlay. */
     loadingWrapper?: boolean | ((props: {
         children?: any;

package/types/ui/Pagination.d.ts

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from "react";
+import type { ReactNode } from "react";
 export interface PaginationProps {
     /** Current 1-based page number. */
     currentPage: number;
@@ -17,7 +17,7 @@ export interface PaginationProps {
         pageNumClassName?: string;
     };
 }
-export declare const DefaultPagination: FC<PaginationProps>;
+export declare const DefaultPagination: ({ currentPage, total, onPageSelect, itemsPerPage, renderEmpty, classNames, }: PaginationProps) => import("react/jsx-runtime").JSX.Element | null;
 /**
  * Pager. Resolves to a route-scoped override when a `page/**\/_overrides.tsx` in
  * the route's ancestry declares one, otherwise renders {@link DefaultPagination}.

package/types/ui/Radio.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode } from "react";
+import { type ReactElement, type ReactNode } from "react";
 export interface RadioProps {
     value: string | number | null;
     className?: string;

package/types/ui/Reference/Collapse.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+interface CollapseProps {
+    className?: string;
+    contentClassName?: string;
+    summary: ReactNode;
+    children: ReactNode;
+    open?: boolean;
+}
+/** 레퍼런스 카드의 접이식 컨테이너. daisyui `collapse` 대신 네이티브 `<details>/<summary>` — 열고 닫는 데 JS 가 없다. */
+export declare const Collapse: ({ summary, children, open, className, contentClassName }: CollapseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Reference/Panel.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode, RefObject } from "react";
+import { docBorder } from "./style.d.ts";
+interface PanelProps {
+    className?: string;
+    bodyClassName?: string;
+    label?: string;
+    meta?: ReactNode;
+    tone?: Parameters<typeof docBorder>[0];
+    /** Rendered outside the scrolling body so it can cover the whole panel. */
+    overlay?: ReactNode;
+    children: ReactNode;
+}
+export declare const Panel: ({ className, bodyClassName, label, meta, tone, overlay, children }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+interface CodeProps {
+    className?: string;
+    label?: string;
+    code: string;
+    tone?: PanelProps["tone"];
+    meta?: ReactNode;
+    placeholder?: string;
+    bodyRef?: RefObject<HTMLPreElement | null>;
+    overlay?: ReactNode;
+}
+/**
+ * Read-only code surface. A `<pre>` rather than a `<textarea>`: every one of these panels ignored what was typed
+ * into it, so the caret and the resize grip were promising an edit that never landed anywhere.
+ */
+export declare const Code: ({ className, label, code, tone, meta, placeholder, bodyRef, overlay }: CodeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Reference/Segmented.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+export interface SegmentedItem<Key extends string> {
+    key: Key;
+    label: ReactNode;
+    icon?: ReactNode;
+}
+interface SegmentedProps<Key extends string> {
+    className?: string;
+    items: readonly SegmentedItem<Key>[];
+    value: Key;
+    onChange: (value: Key) => void;
+}
+/** The track and its items are also the shape of a multi-select chip group, which `Segmented` itself cannot be. */
+export declare const segmentTrackClass = "inline-flex w-fit flex-wrap gap-1 rounded-field bg-muted p-1";
+export declare const segmentItemClass: (active: boolean) => string;
+export declare const Segmented: <Key extends string>({ className, items, value, onChange }: SegmentedProps<Key>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Reference/Summary.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+interface SummaryCardProps {
+    className?: string;
+    label: string;
+    value: number | string;
+}
+export declare const SummaryCard: ({ className, label, value }: SummaryCardProps) => import("react/jsx-runtime").JSX.Element;
+interface SummaryGridProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const SummaryGrid: ({ className, children }: SummaryGridProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Reference/Toolbar.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+interface ToolbarProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare const Toolbar: ({ className, children }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+interface ToolbarFieldProps {
+    className?: string;
+    label: string;
+    children: ReactNode;
+}
+export declare const ToolbarField: ({ className, label, children }: ToolbarFieldProps) => import("react/jsx-runtime").JSX.Element;
+interface SectionProps {
+    className?: string;
+    title: string;
+    action?: ReactNode;
+    children: ReactNode;
+}
+/** Titled band with a rule running to the edge, so a long document reads as sections rather than as one list. */
+export declare const Section: ({ className, title, action, children }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/Reference/dictText.d.ts

@@ -0,0 +1,6 @@
+interface Translator {
+    _: (key: string) => string;
+}
+/** `l._` echoes an absent key back, and a raw `user.signal.x.desc` reads as prose on a document surface. */
+export declare const dictText: (l: Translator, key: string) => string;
+export {};

package/types/ui/Reference/index.d.ts

@@ -0,0 +1,7 @@
+export { Collapse } from "./Collapse.d.ts";
+export { dictText } from "./dictText.d.ts";
+export { Code, Panel } from "./Panel.d.ts";
+export { Segmented, type SegmentedItem, segmentItemClass, segmentTrackClass } from "./Segmented.d.ts";
+export { SummaryCard, SummaryGrid } from "./Summary.d.ts";
+export { docDash, docPill, docUi, type Tone } from "./style.d.ts";
+export { Section, Toolbar, ToolbarField } from "./Toolbar.d.ts";

package/types/ui/Reference/style.d.ts

@@ -0,0 +1,20 @@
+export type Tone = "info" | "success" | "warning" | "error" | "muted";
+/** Shared vocabulary for the generated reference surfaces — Constant schema docs and Signal API docs. */
+export declare const docUi: {
+    card: string;
+    panel: string;
+    tablePanel: string;
+    sectionLabel: string;
+    sectionTitle: string;
+    pageTitle: string;
+    sectionDescription: string;
+    prose: string;
+    key: string;
+    subLabel: string;
+    tableClass: string;
+    emptyPanel: string;
+};
+export declare const docPill: (tone: Tone, className?: string) => string;
+export declare const docBorder: (tone: Tone) => string;
+/** Absent optional cell. One glyph everywhere, so an empty column reads as empty rather than as data. */
+export declare const docDash = "text-foreground/25";

package/types/ui/Reference.d.ts

@@ -0,0 +1 @@
+export * from "./Reference/index.d.ts";

package/types/ui/Signal/Doc.d.ts

@@ -2,7 +2,7 @@ import { type FetchProxy } from "akanjs/fetch";
 import { type ReactNode } from "react";
 declare function Doc(): import("react/jsx-runtime").JSX.Element;
 declare namespace Doc {
-    var Setting: ({ guardNames, roleTypes, roleKeys, }: DocSettingProps) => import("react/jsx-runtime").JSX.Element;
+    var Setting: ({ guardNames, roleTypes, roleKeys, search, onSearch, }: DocSettingProps) => import("react/jsx-runtime").JSX.Element;
     var AuthModal: ({ children }: DocAuthModalProps) => import("react/jsx-runtime").JSX.Element;
     var DocSignals: ({ fetch }: DocSignalsProps) => import("react/jsx-runtime").JSX.Element;
     var DocSignal: ({ refName, fetch }: DocSignalProps) => import("react/jsx-runtime").JSX.Element;
@@ -15,6 +15,8 @@ interface DocSettingProps {
     roleKeys?: {
         [key: string]: string;
     };
+    search?: string;
+    onSearch?: (search: string) => void;
 }
 interface DocAuthModalProps {
     children: ReactNode;

package/types/ui/Signal/Object.d.ts

@@ -3,7 +3,7 @@ import { type ConstantCls } from "akanjs/constant";
 declare function Object(): import("react/jsx-runtime").JSX.Element;
 declare namespace Object {
     var Type: ({ objRef, arrDepth, nullable }: ObjectTypeProps) => import("react/jsx-runtime").JSX.Element;
-    var Detail: ({ objRef }: ObjectDetailProps) => import("react/jsx-runtime").JSX.Element;
+    var Detail: ({ className, objRef }: ObjectDetailProps) => import("react/jsx-runtime").JSX.Element;
     var Schema: ({ objRef }: ObjectSchemaProps) => import("react/jsx-runtime").JSX.Element;
 }
 export default Object;
@@ -13,6 +13,7 @@ interface ObjectTypeProps {
     nullable?: boolean;
 }
 interface ObjectDetailProps {
+    className?: string;
     objRef: ConstantCls;
 }
 interface ObjectSchemaProps {

package/types/ui/Signal/RestApi.d.ts

@@ -2,7 +2,7 @@ import { type FetchProxy } from "akanjs/fetch";
 import type { SerializedEndpoint } from "akanjs/signal";
 declare function RestApi(): import("react/jsx-runtime").JSX.Element;
 declare namespace RestApi {
-    var Endpoints: ({ refName, fetch, prefix, endpoints, openAll, httpUri }: RestApiEndpointsProps) => import("react/jsx-runtime").JSX.Element;
+    var Endpoints: ({ refName, fetch, prefix, endpoints, openAll, httpUri, search }: RestApiEndpointsProps) => import("react/jsx-runtime").JSX.Element;
     var Endpoint: ({ refName, fetch, signalPrefix, endpointKey, endpoint, open, httpUri, }: RestApiEndpointProps) => import("react/jsx-runtime").JSX.Element;
     var Interface: ({ refName, endpointKey, endpoint }: RestApiInterfaceProps) => import("react/jsx-runtime").JSX.Element;
     var Try: ({ signalPrefix, refName, endpointKey, endpoint, fetch, httpUri }: RestApiTryProps) => import("react/jsx-runtime").JSX.Element;
@@ -15,6 +15,7 @@ interface RestApiEndpointsProps {
     endpoints?: string[];
     openAll?: boolean;
     httpUri?: string;
+    search?: string;
 }
 interface RestApiEndpointProps {
     refName: string;

package/types/ui/Signal/WebSocket.d.ts

@@ -1,11 +1,12 @@
 import type { FetchProxy } from "akanjs/fetch";
 declare function WebSocket(): import("react/jsx-runtime").JSX.Element;
 declare namespace WebSocket {
-    var Endpoints: ({ refName, fetch, openAll }: WebSocketEndpointsProps) => import("react/jsx-runtime").JSX.Element;
+    var Endpoints: ({ refName, fetch, openAll, search }: WebSocketEndpointsProps) => import("react/jsx-runtime").JSX.Element;
 }
 export default WebSocket;
 interface WebSocketEndpointsProps {
     refName: string;
     fetch: FetchProxy;
     openAll?: boolean;
+    search?: string;
 }

package/types/ui/Signal/endpointEntries.d.ts

@@ -0,0 +1,10 @@
+import { type FetchProxy } from "akanjs/fetch";
+import type { SerializedEndpoint } from "akanjs/signal";
+export interface EndpointEntry {
+    key: string;
+    endpoint: SerializedEndpoint;
+}
+export declare const isWsEndpoint: (endpoint: SerializedEndpoint) => boolean;
+/** Generated CRUD, slice reads, and hand-written endpoints in one list — what the summary counts and the list share. */
+export declare const endpointEntriesOf: (refName: string, fetch: FetchProxy) => EndpointEntry[];
+export declare const matchesSearch: (key: string, path: string, search: string) => boolean;

package/types/ui/Signal/style.d.ts

@@ -1,17 +1,15 @@
+import { type Tone } from "../Reference.d.ts";
 export declare const signalUi: {
-    sectionTitle: string;
-    sectionDescription: string;
-    sectionPanel: string;
-    tablePanel: string;
-    tableClass: string;
     inputRow: string;
     inputLabel: string;
-    codePanel: string;
 };
-/** Writes carry the accent, reads do not — so the two write types are named and everything else reads. */
-export declare const getEndpointBadgeClassName: (type: string) => string;
+/** Only a mutation is a POST — enumerating that side leaves a `prompt` a GET beside the queries, and lets a
+ *  read-shaped type added later inherit the right verb rather than be mislabelled. */
+export declare const getMethodLabel: (type: string) => string;
+export declare const getMethodBadgeClassName: (type: string) => string;
+export declare const getWsBadgeClassName: (type: string) => string;
 export declare const getGuardBadgeClassName: (guard: string) => string;
-/** Published to agents carries the accent; opted in and refused is outlined, because it is a thing to go fix. */
+/** Published to agents is quiet; refused is amber, because it is a thing to go fix. */
 export declare const getMcpBadgeClassName: (exposed: boolean) => string;
+export declare const getStatusTone: (status: string) => Tone;
 export declare const getStatusBadgeClassName: (status: string) => string;
-export declare const getStatusTextareaClassName: (status: string) => "" | "border-primary" | "pointer-events-none opacity-50" | "border-destructive text-destructive";

package/types/ui/System/Messages.d.ts

@@ -1 +1 @@
-export declare const Messages: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const Messages: () => import("react").ReactPortal | null;

package/ui/Agent/Approval.tsx

@@ -13,7 +13,7 @@ export default function Approval({ className, approval }: ApprovalProps) {
   return (
     <div className={cn("flex flex-col gap-2 border-warning/30 border-t bg-warning/10 px-4 py-3", className)}>
       <p className="text-sm">{approval.message}</p>
-      <pre className="max-h-24 overflow-auto rounded-field bg-base-100/60 p-2 font-mono text-[10px]">
+      <pre className="scrollbar-thin max-h-24 overflow-auto rounded-field bg-background/60 p-2 font-mono text-[10px]">
         {JSON.stringify(approval.args, null, 2)}
       </pre>
       <div className="flex justify-end gap-2">

package/ui/Agent/Bubble.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { cn } from "akanjs/client";
 import type { ChatMessage, ToolCallResult } from "../../vendor/use-agentic";
+import Markdown from "./Markdown";
 
 interface BubbleProps {
   className?: string;
@@ -23,7 +24,7 @@ interface RowProps {
 const Row = ({ name, args, result }: RowProps) => (
   <div className="flex items-baseline gap-2 rounded-field bg-muted px-2 py-1">
     {result ? (
-      <span className={cn("shrink-0 text-[10px]", result.error ? "text-error" : "text-success")}>
+      <span className={cn("shrink-0 text-[10px]", result.error ? "text-destructive" : "text-success")}>
         {result.error ? "✕" : "✓"}
       </span>
     ) : (
@@ -33,7 +34,7 @@ const Row = ({ name, args, result }: RowProps) => (
     {args && Object.keys(args).length ? (
       <span className="truncate font-mono text-[10px] text-foreground/50">{JSON.stringify(args)}</span>
     ) : null}
-    {result?.error ? <span className="truncate text-[10px] text-error">{result.error}</span> : null}
+    {result?.error ? <span className="truncate text-[10px] text-destructive">{result.error}</span> : null}
     {result?.changes?.length ? (
       <span className="ml-auto shrink-0 text-[10px] text-foreground/40">Δ {result.changes.length}</span>
     ) : null}
@@ -63,11 +64,11 @@ export default function Bubble({ className, message, results }: BubbleProps) {
   const isDrafting = !message.text && !message.toolCalls?.length && !message.error;
   return (
     <div className={cn("flex max-w-[85%] flex-col gap-1 self-start", className)}>
-      {message.text ? <p className="whitespace-pre-wrap text-sm">{message.text}</p> : null}
+      {message.text ? <Markdown className="text-sm">{message.text}</Markdown> : null}
       {(message.toolCalls ?? []).map((call) => (
         <Row key={call.id} args={call.args} name={call.name} result={results?.get(call.id)} />
       ))}
-      {message.error ? <p className="text-error text-xs">{message.error}</p> : null}
+      {message.error ? <p className="text-destructive text-xs">{message.error}</p> : null}
       {isDrafting ? <span className="size-2 animate-pulse rounded-full bg-foreground/30" /> : null}
     </div>
   );