@a5c-ai/genty-ui 5.1.1-staging.fee05906043b → 6.0.0

package/dist/components/Agent/AgentAppearanceEditor.d.ts

@@ -10,12 +10,47 @@ export interface AgentBadgeSpec {
 export interface AgentThemeSpec {
     primaryColor?: string;
 }
+export type AgentAppearanceRenderer = 'talkinghead' | 'live2d';
+export type AgentAppearanceVisemeSet = 'oculus' | 'arkit';
 export interface AgentAppearanceSpec {
     avatar?: AgentAvatarSpec;
     emoji?: string;
     badge?: AgentBadgeSpec;
     theme?: AgentThemeSpec;
+    renderer?: AgentAppearanceRenderer;
+    avatarModelUrl?: string;
+    visemeSet?: AgentAppearanceVisemeSet;
+    defaultMood?: string;
+    defaultView?: string;
 }
+/**
+ * Flat form shape for the appearance editor. Existing profile fields plus the five
+ * realtime avatar fields. All optional — unset fields are OMITTED from the built spec
+ * (correct emptiness; the passthrough route stores only set fields).
+ */
+export interface AgentAppearanceForm {
+    avatar?: AgentAvatarSpec;
+    emoji?: string;
+    badge?: AgentBadgeSpec;
+    theme?: AgentThemeSpec;
+    renderer?: AgentAppearanceRenderer;
+    avatarModelUrl?: string;
+    visemeSet?: AgentAppearanceVisemeSet;
+    defaultMood?: string;
+    defaultView?: string;
+}
+/**
+ * Pure: form -> AgentAppearanceSpec. Preserves avatar/emoji/badge/theme; emits the five
+ * flat realtime fields. OMITS unset fields (no '' / null writes) so the appearances
+ * passthrough route stores only set fields. No fallback / no placeholder values.
+ */
+export declare function buildAppearanceSpec(form?: AgentAppearanceForm): AgentAppearanceSpec;
+/**
+ * Pure inverse: AgentAppearanceSpec -> form. Reads set spec fields back into form state.
+ * Only set fields are copied — unset spec fields stay unset so a round-trip
+ * buildAppearanceSpec(parseAppearanceSpec(spec)) reproduces the same realtime subset.
+ */
+export declare function parseAppearanceSpec(spec?: AgentAppearanceSpec): AgentAppearanceForm;
 export interface AgentAppearanceEditorProps {
     value?: AgentAppearanceSpec;
     onChange?: (value: AgentAppearanceSpec) => void;

package/dist/components/Agent/AgentAppearanceEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentAppearanceEditor.d.ts","sourceRoot":"","sources":["../../../src/components/Agent/AgentAppearanceEditor.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAU,EAAE,QAAmB,EAAE,EAAE,0BAA0B,2CAqDpG"}
+{"version":3,"file":"AgentAppearanceEditor.d.ts","sourceRoot":"","sources":["../../../src/components/Agent/AgentAppearanceEditor.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,uBAAuB,GAAG,aAAa,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,cAAc,CAAC;IAGvB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,mBAAwB,GAAG,mBAAmB,CAYvF;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,mBAAwB,GAAG,mBAAmB,CAYvF;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,qBAAqB,CAAC,EAAE,KAAU,EAAE,QAAmB,EAAE,EAAE,0BAA0B,2CAyGpG"}

package/dist/components/Agent/AgentAppearanceEditor.js

@@ -1,10 +1,69 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function hasAvatarFields(avatar) {
+    if (!avatar)
+        return false;
+    return Boolean(avatar.type || avatar.url || avatar.fallbackInitials || avatar.fallbackColor);
+}
+/**
+ * Pure: form -> AgentAppearanceSpec. Preserves avatar/emoji/badge/theme; emits the five
+ * flat realtime fields. OMITS unset fields (no '' / null writes) so the appearances
+ * passthrough route stores only set fields. No fallback / no placeholder values.
+ */
+export function buildAppearanceSpec(form = {}) {
+    const spec = {};
+    if (hasAvatarFields(form.avatar))
+        spec.avatar = { ...form.avatar };
+    if (form.emoji)
+        spec.emoji = form.emoji;
+    if (form.badge?.text)
+        spec.badge = { ...form.badge };
+    if (form.theme?.primaryColor)
+        spec.theme = { ...form.theme };
+    if (form.renderer)
+        spec.renderer = form.renderer;
+    if (form.avatarModelUrl)
+        spec.avatarModelUrl = form.avatarModelUrl;
+    if (form.visemeSet)
+        spec.visemeSet = form.visemeSet;
+    if (form.defaultMood)
+        spec.defaultMood = form.defaultMood;
+    if (form.defaultView)
+        spec.defaultView = form.defaultView;
+    return spec;
+}
+/**
+ * Pure inverse: AgentAppearanceSpec -> form. Reads set spec fields back into form state.
+ * Only set fields are copied — unset spec fields stay unset so a round-trip
+ * buildAppearanceSpec(parseAppearanceSpec(spec)) reproduces the same realtime subset.
+ */
+export function parseAppearanceSpec(spec = {}) {
+    const form = {};
+    if (spec.avatar)
+        form.avatar = { ...spec.avatar };
+    if (spec.emoji)
+        form.emoji = spec.emoji;
+    if (spec.badge)
+        form.badge = { ...spec.badge };
+    if (spec.theme)
+        form.theme = { ...spec.theme };
+    if (spec.renderer)
+        form.renderer = spec.renderer;
+    if (spec.avatarModelUrl)
+        form.avatarModelUrl = spec.avatarModelUrl;
+    if (spec.visemeSet)
+        form.visemeSet = spec.visemeSet;
+    if (spec.defaultMood)
+        form.defaultMood = spec.defaultMood;
+    if (spec.defaultView)
+        form.defaultView = spec.defaultView;
+    return form;
+}
 export function AgentAppearanceEditor({ value = {}, onChange = () => { } }) {
     const avatar = value.avatar || {};
     const theme = value.theme || {};
     const update = (patch) => onChange({ ...value, ...patch });
     const updateAvatar = (patch) => update({ avatar: { ...avatar, ...patch } });
     const updateTheme = (patch) => update({ theme: { ...theme, ...patch } });
-    return (_jsxs("form", { onSubmit: (event) => event.preventDefault(), className: "stack", "aria-label": "Agent appearance editor", children: [_jsxs("label", { children: ["Avatar URL", _jsx("input", { "aria-label": "Avatar URL", value: avatar.url || '', onChange: (event) => updateAvatar({ type: 'url', url: event.target.value }) })] }), _jsxs("label", { children: ["Emoji", _jsx("input", { "aria-label": "Emoji", value: value.emoji || '', onChange: (event) => update({ emoji: event.target.value }) })] }), _jsxs("label", { children: ["Primary color", _jsx("input", { type: "color", "aria-label": "Primary color", value: theme.primaryColor || '#2563eb', onChange: (event) => updateTheme({ primaryColor: event.target.value }) })] }), _jsxs("label", { children: ["Badge", _jsx("input", { "aria-label": "Badge text", value: value.badge?.text || '', onChange: (event) => update({ badge: { ...(value.badge || {}), text: event.target.value } }) })] }), _jsx("button", { type: "button", "aria-label": "Generate avatar placeholder", onClick: () => updateAvatar({ type: 'generated', fallbackInitials: avatar.fallbackInitials || 'AI' }), children: "Generate placeholder" }), _jsx("button", { type: "submit", "aria-label": "Keep appearance", children: "Keep appearance" })] }));
+    return (_jsxs("form", { onSubmit: (event) => event.preventDefault(), className: "stack", "aria-label": "Agent appearance editor", children: [_jsxs("label", { children: ["Avatar URL", _jsx("input", { "aria-label": "Avatar URL", value: avatar.url || '', onChange: (event) => updateAvatar({ type: 'url', url: event.target.value }) })] }), _jsxs("label", { children: ["Emoji", _jsx("input", { "aria-label": "Emoji", value: value.emoji || '', onChange: (event) => update({ emoji: event.target.value }) })] }), _jsxs("label", { children: ["Primary color", _jsx("input", { type: "color", "aria-label": "Primary color", value: theme.primaryColor || '#2563eb', onChange: (event) => updateTheme({ primaryColor: event.target.value }) })] }), _jsxs("label", { children: ["Badge", _jsx("input", { "aria-label": "Badge text", value: value.badge?.text || '', onChange: (event) => update({ badge: { ...(value.badge || {}), text: event.target.value } }) })] }), _jsxs("label", { children: ["Avatar renderer", _jsxs("select", { "aria-label": "Avatar renderer", value: value.renderer || '', onChange: (event) => update({ renderer: (event.target.value || undefined) }), children: [_jsx("option", { value: "", children: "(none)" }), _jsx("option", { value: "talkinghead", children: "talkinghead" }), _jsx("option", { value: "live2d", children: "live2d" })] })] }), _jsxs("label", { children: ["Avatar model URL", _jsx("input", { "aria-label": "Avatar model URL", value: value.avatarModelUrl || '', onChange: (event) => update({ avatarModelUrl: event.target.value }) })] }), _jsxs("label", { children: ["Viseme set", _jsxs("select", { "aria-label": "Viseme set", value: value.visemeSet || '', onChange: (event) => update({ visemeSet: (event.target.value || undefined) }), children: [_jsx("option", { value: "", children: "(none)" }), _jsx("option", { value: "oculus", children: "oculus" }), _jsx("option", { value: "arkit", children: "arkit" })] })] }), _jsxs("label", { children: ["Default mood", _jsx("input", { "aria-label": "Default mood", value: value.defaultMood || '', onChange: (event) => update({ defaultMood: event.target.value }) })] }), _jsxs("label", { children: ["Default view", _jsx("input", { "aria-label": "Default view", value: value.defaultView || '', onChange: (event) => update({ defaultView: event.target.value }) })] }), _jsx("button", { type: "button", "aria-label": "Generate avatar placeholder", onClick: () => updateAvatar({ type: 'generated', fallbackInitials: avatar.fallbackInitials || 'AI' }), children: "Generate placeholder" }), _jsx("button", { type: "submit", "aria-label": "Keep appearance", children: "Keep appearance" })] }));
 }
 //# sourceMappingURL=AgentAppearanceEditor.js.map

package/dist/components/Agent/AgentAppearanceEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentAppearanceEditor.js","sourceRoot":"","sources":["../../../src/components/Agent/AgentAppearanceEditor.tsx"],"names":[],"mappings":";AA6BA,MAAM,UAAU,qBAAqB,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EAA8B;IACnG,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC;IAClC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,CAAC,KAAmC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IACzF,MAAM,YAAY,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;IACtG,MAAM,WAAW,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;IAClG,OAAO,CACL,gBAAM,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,SAAS,EAAC,OAAO,gBAAY,yBAAyB,aACvG,0CAEE,8BACa,YAAY,EACvB,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,EAAE,EACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GAC3E,IACI,EACR,qCAEE,8BACa,OAAO,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GAC1D,IACI,EACR,6CAEE,gBACE,IAAI,EAAC,OAAO,gBACD,eAAe,EAC1B,KAAK,EAAE,KAAK,CAAC,YAAY,IAAI,SAAS,EACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,GACtE,IACI,EACR,qCAEE,8BACa,YAAY,EACvB,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,EAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,GAC5F,IACI,EACR,iBACE,IAAI,EAAC,QAAQ,gBACF,6BAA6B,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,IAAI,IAAI,EAAE,CAAC,qCAG9F,EACT,iBAAQ,IAAI,EAAC,QAAQ,gBAAY,iBAAiB,gCAEzC,IACJ,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AgentAppearanceEditor.js","sourceRoot":"","sources":["../../../src/components/Agent/AgentAppearanceEditor.tsx"],"names":[],"mappings":"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"}

package/dist/components/Agent/index.d.ts

@@ -10,8 +10,8 @@ export { AgentPersonaEditor } from './AgentPersonaEditor.js';
 export type { AgentPersonaEditorProps, AgentPersonaValue, AgentPersonalitySpec, AgentRoleSpec } from './AgentPersonaEditor.js';
 export { AgentSoulEditor } from './AgentSoulEditor.js';
 export type { AgentSoulEditorProps } from './AgentSoulEditor.js';
-export { AgentAppearanceEditor } from './AgentAppearanceEditor.js';
-export type { AgentAppearanceEditorProps, AgentAppearanceSpec, AgentAvatarSpec, AgentBadgeSpec, AgentThemeSpec } from './AgentAppearanceEditor.js';
+export { AgentAppearanceEditor, buildAppearanceSpec, parseAppearanceSpec } from './AgentAppearanceEditor.js';
+export type { AgentAppearanceEditorProps, AgentAppearanceSpec, AgentAvatarSpec, AgentBadgeSpec, AgentThemeSpec, AgentAppearanceForm, AgentAppearanceRenderer, AgentAppearanceVisemeSet } from './AgentAppearanceEditor.js';
 export { AgentVoiceEditor } from './AgentVoiceEditor.js';
 export type { AgentVoiceEditorProps, AgentVoiceSpec, AgentTtsConfig } from './AgentVoiceEditor.js';
 export { DispatchButton } from './DispatchButton.js';

package/dist/components/Agent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Agent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEtI,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEjH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE/H,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEnJ,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpH,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Agent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEtI,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEjH,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE/H,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC7G,YAAY,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3N,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpH,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/Agent/index.js

@@ -4,7 +4,7 @@ export { AgentProfilePage } from './AgentProfilePage.js';
 export { AgentCreateWizard } from './AgentCreateWizard.js';
 export { AgentPersonaEditor } from './AgentPersonaEditor.js';
 export { AgentSoulEditor } from './AgentSoulEditor.js';
-export { AgentAppearanceEditor } from './AgentAppearanceEditor.js';
+export { AgentAppearanceEditor, buildAppearanceSpec, parseAppearanceSpec } from './AgentAppearanceEditor.js';
 export { AgentVoiceEditor } from './AgentVoiceEditor.js';
 export { DispatchButton } from './DispatchButton.js';
 export { ApprovalDecisionButtons } from './ApprovalActions.js';

package/dist/components/Agent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Agent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Agent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/Rendering/EffectTreeView.d.ts

@@ -0,0 +1,20 @@
+export type EffectStatus = 'pending' | 'running' | 'completed' | 'failed' | 'skipped';
+export interface EffectTreeNode {
+    id: string;
+    parentId: string | null;
+    kind: string;
+    title: string;
+    status: EffectStatus;
+    children: EffectTreeNode[];
+    depth: number;
+}
+export interface FlatEffect {
+    id: string;
+    parentId?: string | null;
+    kind: string;
+    title: string;
+    status: EffectStatus;
+}
+export declare function buildEffectTree(effects: FlatEffect[]): EffectTreeNode[];
+export declare function formatEffectTreeText(tree: EffectTreeNode[]): string;
+export declare function renderEffectTreeHtml(tree: EffectTreeNode[]): string;

package/dist/components/Rendering/EffectTreeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EffectTreeView.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/EffectTreeView.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,YAAY,CAAC;CACtB;AAMD,wBAAgB,eAAe,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAuCvE;AAyBD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,MAAM,CAenE;AA2CD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,MAAM,CASnE"}

package/dist/components/Rendering/EffectTreeView.js

@@ -0,0 +1,123 @@
+// EffectTreeView.ts — Effect tree construction and rendering (GAP-UX-001 + UX-001a)
+// Pure TypeScript: builds a tree from a flat effect list, renders ASCII or HTML.
+// ---------------------------------------------------------------------------
+// Tree construction
+// ---------------------------------------------------------------------------
+export function buildEffectTree(effects) {
+    const nodeMap = new Map();
+    // First pass: create nodes
+    for (const effect of effects) {
+        nodeMap.set(effect.id, {
+            id: effect.id,
+            parentId: effect.parentId ?? null,
+            kind: effect.kind,
+            title: effect.title,
+            status: effect.status,
+            children: [],
+            depth: 0,
+        });
+    }
+    // Second pass: wire parent-child relationships
+    const roots = [];
+    for (const node of nodeMap.values()) {
+        if (node.parentId && nodeMap.has(node.parentId)) {
+            nodeMap.get(node.parentId).children.push(node);
+        }
+        else {
+            roots.push(node);
+        }
+    }
+    // Third pass: compute depths
+    function setDepth(node, depth) {
+        node.depth = depth;
+        for (const child of node.children) {
+            setDepth(child, depth + 1);
+        }
+    }
+    for (const root of roots) {
+        setDepth(root, 0);
+    }
+    return roots;
+}
+// ---------------------------------------------------------------------------
+// ASCII tree rendering (terminal)
+// ---------------------------------------------------------------------------
+const STATUS_ICON = {
+    pending: '○', // ○
+    running: '◔', // ◔
+    completed: '✔', // ✔
+    failed: '✘', // ✘
+    skipped: '–', // –
+};
+function renderNodeText(node, prefix, isLast, lines) {
+    const connector = isLast ? '└── ' : '├── ';
+    const icon = STATUS_ICON[node.status] ?? '?';
+    lines.push(`${prefix}${connector}${icon} [${node.kind}] ${node.title} (${node.status})`);
+    const childPrefix = prefix + (isLast ? '    ' : '│   ');
+    for (let i = 0; i < node.children.length; i++) {
+        renderNodeText(node.children[i], childPrefix, i === node.children.length - 1, lines);
+    }
+}
+export function formatEffectTreeText(tree) {
+    if (tree.length === 0)
+        return '(empty tree)';
+    const lines = [];
+    for (let i = 0; i < tree.length; i++) {
+        const root = tree[i];
+        const icon = STATUS_ICON[root.status] ?? '?';
+        lines.push(`${icon} [${root.kind}] ${root.title} (${root.status})`);
+        const childPrefix = i < tree.length - 1 ? '│   ' : '    ';
+        for (let j = 0; j < root.children.length; j++) {
+            renderNodeText(root.children[j], childPrefix, j === root.children.length - 1, lines);
+        }
+    }
+    return lines.join('\n');
+}
+// ---------------------------------------------------------------------------
+// HTML tree rendering (collapsible)
+// ---------------------------------------------------------------------------
+const STATUS_CLASS = {
+    pending: 'effect-pending',
+    running: 'effect-running',
+    completed: 'effect-completed',
+    failed: 'effect-failed',
+    skipped: 'effect-skipped',
+};
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+function renderNodeHtml(node) {
+    const cls = STATUS_CLASS[node.status] ?? 'effect-pending';
+    const icon = STATUS_ICON[node.status] ?? '?';
+    const hasChildren = node.children.length > 0;
+    let html = `<li class="effect-node ${cls}" data-effect-id="${escapeHtml(node.id)}" data-depth="${node.depth}">`;
+    if (hasChildren) {
+        html += `<details open>`;
+        html += `<summary>${icon} <span class="effect-kind">[${escapeHtml(node.kind)}]</span> ${escapeHtml(node.title)} <span class="effect-status">(${node.status})</span></summary>`;
+        html += `<ul>`;
+        for (const child of node.children) {
+            html += renderNodeHtml(child);
+        }
+        html += `</ul></details>`;
+    }
+    else {
+        html += `${icon} <span class="effect-kind">[${escapeHtml(node.kind)}]</span> ${escapeHtml(node.title)} <span class="effect-status">(${node.status})</span>`;
+    }
+    html += `</li>`;
+    return html;
+}
+export function renderEffectTreeHtml(tree) {
+    if (tree.length === 0)
+        return '<ul class="effect-tree"><li>(empty tree)</li></ul>';
+    let html = '<ul class="effect-tree">';
+    for (const root of tree) {
+        html += renderNodeHtml(root);
+    }
+    html += '</ul>';
+    return html;
+}
+//# sourceMappingURL=EffectTreeView.js.map

package/dist/components/Rendering/EffectTreeView.js.map

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

package/dist/components/Rendering/MessageTypeRenderer.d.ts

@@ -0,0 +1,4 @@
+export type MessageType = 'text' | 'code' | 'tool_call' | 'tool_result' | 'thinking' | 'error' | 'system';
+export declare function detectMessageType(content: string): MessageType;
+export declare function formatMessageText(content: string, type: MessageType): string;
+export declare function formatMessageHtml(content: string, type: MessageType): string;

package/dist/components/Rendering/MessageTypeRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTypeRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/MessageTypeRenderer.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAa1G,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW,CAW9D;AAkCD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,CAa5E;AAwBD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,CAsB5E"}

package/dist/components/Rendering/MessageTypeRenderer.js

@@ -0,0 +1,108 @@
+// MessageTypeRenderer.ts — Message type detection and rendering (GAP-UX-001d)
+// Pure TypeScript: detects message types and renders with appropriate formatting.
+// ---------------------------------------------------------------------------
+// Message type detection
+// ---------------------------------------------------------------------------
+const CODE_BLOCK_PATTERN = /^```[\s\S]*```$/m;
+const TOOL_CALL_PATTERN = /^\s*\{[\s\S]*"tool_name"\s*:/;
+const TOOL_RESULT_PATTERN = /^\s*\{[\s\S]*"tool_result"\s*:/;
+const THINKING_PATTERN = /^<thinking>[\s\S]*<\/thinking>$/;
+const ERROR_PATTERN = /^(Error|ERROR|Exception|FATAL|Traceback)[\s:]/;
+const SYSTEM_PATTERN = /^\[system\]|^\[SYSTEM\]/;
+export function detectMessageType(content) {
+    const trimmed = content.trim();
+    if (SYSTEM_PATTERN.test(trimmed))
+        return 'system';
+    if (ERROR_PATTERN.test(trimmed))
+        return 'error';
+    if (THINKING_PATTERN.test(trimmed))
+        return 'thinking';
+    if (TOOL_CALL_PATTERN.test(trimmed))
+        return 'tool_call';
+    if (TOOL_RESULT_PATTERN.test(trimmed))
+        return 'tool_result';
+    if (CODE_BLOCK_PATTERN.test(trimmed))
+        return 'code';
+    return 'text';
+}
+// ---------------------------------------------------------------------------
+// Text formatting
+// ---------------------------------------------------------------------------
+const TYPE_PREFIX = {
+    text: '',
+    code: '┌─ code ──────────────────\n',
+    tool_call: '⇒ Tool Call:\n',
+    tool_result: '⇐ Tool Result:\n',
+    thinking: '\u{1F4AD} Thinking:\n',
+    error: '⚠ Error:\n',
+    system: 'ℹ System:\n',
+};
+const TYPE_SUFFIX = {
+    text: '',
+    code: '\n└─────────────────────────┘',
+    tool_call: '',
+    tool_result: '',
+    thinking: '',
+    error: '',
+    system: '',
+};
+function stripCodeFences(content) {
+    return content.replace(/^```\w*\n?/, '').replace(/\n?```$/, '');
+}
+function stripThinkingTags(content) {
+    return content.replace(/^<thinking>\n?/, '').replace(/\n?<\/thinking>$/, '');
+}
+export function formatMessageText(content, type) {
+    let body = content;
+    switch (type) {
+        case 'code':
+            body = stripCodeFences(body.trim());
+            break;
+        case 'thinking':
+            body = stripThinkingTags(body.trim());
+            break;
+    }
+    return `${TYPE_PREFIX[type]}${body}${TYPE_SUFFIX[type]}`;
+}
+// ---------------------------------------------------------------------------
+// HTML rendering
+// ---------------------------------------------------------------------------
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+const TYPE_HTML_CLASS = {
+    text: 'msg-text',
+    code: 'msg-code',
+    tool_call: 'msg-tool-call',
+    tool_result: 'msg-tool-result',
+    thinking: 'msg-thinking',
+    error: 'msg-error',
+    system: 'msg-system',
+};
+export function formatMessageHtml(content, type) {
+    const cls = TYPE_HTML_CLASS[type];
+    let body = content;
+    switch (type) {
+        case 'code':
+            body = stripCodeFences(body.trim());
+            return `<div class="${cls}"><pre><code>${escapeHtml(body)}</code></pre></div>`;
+        case 'thinking':
+            body = stripThinkingTags(body.trim());
+            return `<div class="${cls}"><em>${escapeHtml(body)}</em></div>`;
+        case 'error':
+            return `<div class="${cls}"><strong>${escapeHtml(body)}</strong></div>`;
+        case 'tool_call':
+            return `<div class="${cls}"><pre class="tool-call">${escapeHtml(body)}</pre></div>`;
+        case 'tool_result':
+            return `<div class="${cls}"><pre class="tool-result">${escapeHtml(body)}</pre></div>`;
+        case 'system':
+            return `<div class="${cls}"><span class="system-msg">${escapeHtml(body)}</span></div>`;
+        default:
+            return `<div class="${cls}"><p>${escapeHtml(body)}</p></div>`;
+    }
+}
+//# sourceMappingURL=MessageTypeRenderer.js.map

package/dist/components/Rendering/MessageTypeRenderer.js.map

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

package/dist/components/Rendering/ProgressStatusLine.d.ts

@@ -0,0 +1,9 @@
+export interface ProgressData {
+    current: number;
+    total: number;
+    label: string;
+    startedAt: number;
+    estimatedCompletion?: number;
+}
+export declare function formatProgressBar(data: ProgressData, width?: number): string;
+export declare function formatStatusLine(data: ProgressData, now?: number): string;

package/dist/components/Rendering/ProgressStatusLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStatusLine.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/ProgressStatusLine.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AASD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,GAAE,MAAW,GAAG,MAAM,CAQhF;AAqCD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAQzE"}

package/dist/components/Rendering/ProgressStatusLine.js

@@ -0,0 +1,57 @@
+// ProgressStatusLine.ts — Progress bar and status line formatting (GAP-UX-001e)
+// Pure TypeScript: renders progress bars and status lines as strings.
+// ---------------------------------------------------------------------------
+// Progress bar rendering
+// ---------------------------------------------------------------------------
+const FILL_CHAR = '█'; // █
+const EMPTY_CHAR = '░'; // ░
+export function formatProgressBar(data, width = 20) {
+    const safeTotal = Math.max(data.total, 1);
+    const ratio = Math.min(Math.max(data.current / safeTotal, 0), 1);
+    const filled = Math.round(ratio * width);
+    const empty = width - filled;
+    const percent = Math.round(ratio * 100);
+    return `[${FILL_CHAR.repeat(filled)}${EMPTY_CHAR.repeat(empty)}] ${percent}%`;
+}
+// ---------------------------------------------------------------------------
+// Time remaining
+// ---------------------------------------------------------------------------
+function formatDuration(ms) {
+    if (ms < 0)
+        return '0s';
+    const totalSeconds = Math.floor(ms / 1000);
+    if (totalSeconds < 60)
+        return `${totalSeconds}s`;
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    if (minutes < 60)
+        return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
+    const hours = Math.floor(minutes / 60);
+    const remainingMinutes = minutes % 60;
+    return remainingMinutes > 0 ? `${hours}h ${remainingMinutes}m` : `${hours}h`;
+}
+function estimateRemaining(data, now) {
+    if (data.estimatedCompletion != null) {
+        const remaining = data.estimatedCompletion - now;
+        return remaining > 0 ? formatDuration(remaining) : 'any moment';
+    }
+    // Derive from elapsed time and progress
+    const elapsed = now - data.startedAt;
+    if (elapsed <= 0 || data.current <= 0)
+        return null;
+    const totalEstimate = (elapsed / data.current) * data.total;
+    const remaining = totalEstimate - elapsed;
+    return remaining > 0 ? formatDuration(remaining) : 'any moment';
+}
+// ---------------------------------------------------------------------------
+// Status line rendering
+// ---------------------------------------------------------------------------
+export function formatStatusLine(data, now) {
+    const currentTime = now ?? Date.now();
+    const bar = formatProgressBar(data);
+    const stepLabel = `Step ${data.current}/${data.total}`;
+    const remaining = estimateRemaining(data, currentTime);
+    const remainingText = remaining ? ` (${remaining} remaining)` : '';
+    return `${stepLabel} — ${data.label} ${bar}${remainingText}`;
+}
+//# sourceMappingURL=ProgressStatusLine.js.map

package/dist/components/Rendering/ProgressStatusLine.js.map

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

package/dist/components/Rendering/StreamingOutputPanel.d.ts

@@ -0,0 +1,20 @@
+export interface StreamPanel {
+    id: string;
+    title: string;
+    lines: string[];
+    maxLines: number;
+    autoScroll: boolean;
+}
+export declare class StreamPanelManager {
+    private panels;
+    addPanel(id: string, title: string, opts?: {
+        maxLines?: number;
+        autoScroll?: boolean;
+    }): StreamPanel;
+    appendLine(panelId: string, line: string): void;
+    getPanel(id: string): StreamPanel | undefined;
+    listPanels(): StreamPanel[];
+    removePanel(id: string): boolean;
+    clear(panelId: string): void;
+}
+export declare function formatPanelOutput(panel: StreamPanel, width?: number): string;

package/dist/components/Rendering/StreamingOutputPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamingOutputPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/StreamingOutputPanel.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;CACrB;AAMD,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,MAAM,CAAkC;IAEhD,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,WAAW;IAYpG,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAW/C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAI7C,UAAU,IAAI,WAAW,EAAE;IAI3B,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAIhC,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAI7B;AAUD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,GAAE,MAAW,GAAG,MAAM,CA6BhF"}

package/dist/components/Rendering/StreamingOutputPanel.js

@@ -0,0 +1,75 @@
+// StreamingOutputPanel.ts — Streaming output panel management (GAP-UX-001f)
+// Pure TypeScript: manages panels of streaming output with scrollback.
+// ---------------------------------------------------------------------------
+// StreamPanelManager
+// ---------------------------------------------------------------------------
+export class StreamPanelManager {
+    panels = new Map();
+    addPanel(id, title, opts) {
+        const panel = {
+            id,
+            title,
+            lines: [],
+            maxLines: opts?.maxLines ?? 500,
+            autoScroll: opts?.autoScroll ?? true,
+        };
+        this.panels.set(id, panel);
+        return panel;
+    }
+    appendLine(panelId, line) {
+        const panel = this.panels.get(panelId);
+        if (!panel)
+            return;
+        panel.lines.push(line);
+        // Trim from front if exceeding maxLines
+        if (panel.lines.length > panel.maxLines) {
+            const excess = panel.lines.length - panel.maxLines;
+            panel.lines.splice(0, excess);
+        }
+    }
+    getPanel(id) {
+        return this.panels.get(id);
+    }
+    listPanels() {
+        return Array.from(this.panels.values());
+    }
+    removePanel(id) {
+        return this.panels.delete(id);
+    }
+    clear(panelId) {
+        const panel = this.panels.get(panelId);
+        if (panel)
+            panel.lines = [];
+    }
+}
+// ---------------------------------------------------------------------------
+// Panel text rendering
+// ---------------------------------------------------------------------------
+function repeatChar(char, count) {
+    return count > 0 ? char.repeat(count) : '';
+}
+export function formatPanelOutput(panel, width = 80) {
+    const innerWidth = Math.max(width - 4, 10); // 2 border chars + 2 padding
+    const titleText = ` ${panel.title} `;
+    const titlePadding = Math.max(innerWidth - titleText.length, 0);
+    const leftPad = Math.floor(titlePadding / 2);
+    const rightPad = titlePadding - leftPad;
+    const lines = [];
+    // Top border with title
+    lines.push(`┌${repeatChar('─', leftPad)}${titleText}${repeatChar('─', rightPad)}┐`);
+    // Content lines
+    if (panel.lines.length === 0) {
+        lines.push(`│ ${repeatChar(' ', innerWidth)} │`);
+    }
+    else {
+        for (const line of panel.lines) {
+            const truncated = line.length > innerWidth ? line.slice(0, innerWidth - 1) + '…' : line;
+            const padded = truncated + repeatChar(' ', innerWidth - truncated.length);
+            lines.push(`│ ${padded} │`);
+        }
+    }
+    // Bottom border
+    lines.push(`└${repeatChar('─', innerWidth + 2)}┘`);
+    return lines.join('\n');
+}
+//# sourceMappingURL=StreamingOutputPanel.js.map

package/dist/components/Rendering/StreamingOutputPanel.js.map

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

package/dist/components/Rendering/StructuredDiffView.d.ts

@@ -0,0 +1,13 @@
+export type DiffLineType = 'add' | 'remove' | 'context';
+export interface DiffLine {
+    type: DiffLineType;
+    content: string;
+    lineNumber: number | null;
+}
+export interface DiffHunk {
+    header: string;
+    lines: DiffLine[];
+}
+export declare function parseDiffOutput(diffText: string): DiffHunk[];
+export declare function formatDiffText(hunks: DiffHunk[]): string;
+export declare function formatDiffHtml(hunks: DiffHunk[]): string;

package/dist/components/Rendering/StructuredDiffView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructuredDiffView.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/StructuredDiffView.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAExD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAMD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,EAAE,CAyC5D;AAMD,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAaxD;AA0BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAuBxD"}

package/dist/components/Rendering/StructuredDiffView.js

@@ -0,0 +1,106 @@
+// StructuredDiffView.ts — Unified diff parsing and rendering (GAP-UX-001b)
+// Pure TypeScript: parses unified diff output, renders text or HTML.
+// ---------------------------------------------------------------------------
+// Diff parsing
+// ---------------------------------------------------------------------------
+export function parseDiffOutput(diffText) {
+    const hunks = [];
+    const rawLines = diffText.split('\n');
+    let currentHunk = null;
+    let oldLine = 0;
+    let newLine = 0;
+    for (const rawLine of rawLines) {
+        // Hunk header: @@ -oldStart,oldCount +newStart,newCount @@
+        const hunkMatch = rawLine.match(/^@@\s+-(\d+)(?:,\d+)?\s+\+(\d+)(?:,\d+)?\s+@@(.*)$/);
+        if (hunkMatch) {
+            currentHunk = { header: rawLine, lines: [] };
+            hunks.push(currentHunk);
+            oldLine = parseInt(hunkMatch[1], 10);
+            newLine = parseInt(hunkMatch[2], 10);
+            continue;
+        }
+        // Skip file headers (---, +++, diff, index)
+        if (rawLine.startsWith('---') || rawLine.startsWith('+++') || rawLine.startsWith('diff ') || rawLine.startsWith('index ')) {
+            continue;
+        }
+        if (!currentHunk)
+            continue;
+        if (rawLine.startsWith('+')) {
+            currentHunk.lines.push({ type: 'add', content: rawLine.slice(1), lineNumber: newLine });
+            newLine++;
+        }
+        else if (rawLine.startsWith('-')) {
+            currentHunk.lines.push({ type: 'remove', content: rawLine.slice(1), lineNumber: oldLine });
+            oldLine++;
+        }
+        else if (rawLine.startsWith(' ') || rawLine === '') {
+            const content = rawLine.startsWith(' ') ? rawLine.slice(1) : rawLine;
+            currentHunk.lines.push({ type: 'context', content, lineNumber: newLine });
+            oldLine++;
+            newLine++;
+        }
+    }
+    return hunks;
+}
+// ---------------------------------------------------------------------------
+// Text rendering
+// ---------------------------------------------------------------------------
+export function formatDiffText(hunks) {
+    if (hunks.length === 0)
+        return '(no changes)';
+    const lines = [];
+    for (const hunk of hunks) {
+        lines.push(hunk.header);
+        for (const line of hunk.lines) {
+            const prefix = line.type === 'add' ? '+' : line.type === 'remove' ? '-' : ' ';
+            const lineNum = line.lineNumber != null ? String(line.lineNumber).padStart(4) : '    ';
+            lines.push(`${lineNum} ${prefix} ${line.content}`);
+        }
+    }
+    return lines.join('\n');
+}
+// ---------------------------------------------------------------------------
+// HTML rendering
+// ---------------------------------------------------------------------------
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+const DIFF_LINE_CLASS = {
+    add: 'diff-add',
+    remove: 'diff-remove',
+    context: 'diff-context',
+};
+const DIFF_LINE_BG = {
+    add: '#e6ffec',
+    remove: '#ffebe9',
+    context: 'transparent',
+};
+export function formatDiffHtml(hunks) {
+    if (hunks.length === 0)
+        return '<div class="diff-view">(no changes)</div>';
+    let html = '<div class="diff-view">';
+    for (const hunk of hunks) {
+        html += `<div class="diff-hunk">`;
+        html += `<div class="diff-header">${escapeHtml(hunk.header)}</div>`;
+        html += `<table class="diff-table">`;
+        for (const line of hunk.lines) {
+            const cls = DIFF_LINE_CLASS[line.type];
+            const bg = DIFF_LINE_BG[line.type];
+            const prefix = line.type === 'add' ? '+' : line.type === 'remove' ? '-' : ' ';
+            const lineNum = line.lineNumber != null ? String(line.lineNumber) : '';
+            html += `<tr class="${cls}" style="background:${bg}">`;
+            html += `<td class="diff-line-num">${lineNum}</td>`;
+            html += `<td class="diff-prefix">${prefix}</td>`;
+            html += `<td class="diff-content">${escapeHtml(line.content)}</td>`;
+            html += `</tr>`;
+        }
+        html += `</table></div>`;
+    }
+    html += '</div>';
+    return html;
+}
+//# sourceMappingURL=StructuredDiffView.js.map

package/dist/components/Rendering/StructuredDiffView.js.map

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

package/dist/components/Rendering/SubagentDrillDown.d.ts

@@ -0,0 +1,46 @@
+export type SubagentStatus = 'idle' | 'running' | 'completed' | 'failed' | 'cancelled';
+export interface SubagentEffect {
+    id: string;
+    kind: string;
+    title: string;
+    status: string;
+}
+export interface SubagentView {
+    agentId: string;
+    status: SubagentStatus;
+    tokenUsage: {
+        input: number;
+        output: number;
+    };
+    effects: SubagentEffect[];
+    duration: number;
+    model: string;
+}
+export interface SubagentDrillDownData {
+    agents: SubagentView[];
+    selectedAgentId?: string;
+    expandedEffects: Set<string>;
+}
+export interface ProgressAgent {
+    id: string;
+    status?: string;
+    model?: string;
+    tokenUsage?: {
+        input?: number;
+        output?: number;
+    };
+    effects?: Array<{
+        id: string;
+        kind: string;
+        title: string;
+        status: string;
+    }>;
+    startedAt?: number;
+    completedAt?: number;
+}
+export interface ProgressTracker {
+    agents: ProgressAgent[];
+}
+export declare function buildSubagentView(tracker: ProgressTracker): SubagentDrillDownData;
+export declare function formatSubagentSummary(view: SubagentView): string;
+export declare function formatSubagentDetail(view: SubagentView): string;

package/dist/components/Rendering/SubagentDrillDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubagentDrillDown.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/SubagentDrillDown.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEvF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC9B;AAMD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AAMD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,eAAe,GAAG,qBAAqB,CAuBjF;AA+CD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAMhE;AAMD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAoB/D"}

package/dist/components/Rendering/SubagentDrillDown.js

@@ -0,0 +1,101 @@
+// SubagentDrillDown.ts — Subagent drill-down view construction and rendering (GAP-SUBOBS-005)
+// Pure TypeScript: builds subagent views and renders summary/detail strings.
+// ---------------------------------------------------------------------------
+// View construction
+// ---------------------------------------------------------------------------
+export function buildSubagentView(tracker) {
+    const agents = tracker.agents.map((agent) => ({
+        agentId: agent.id,
+        status: normalizeStatus(agent.status),
+        tokenUsage: {
+            input: agent.tokenUsage?.input ?? 0,
+            output: agent.tokenUsage?.output ?? 0,
+        },
+        effects: (agent.effects ?? []).map((e) => ({
+            id: e.id,
+            kind: e.kind,
+            title: e.title,
+            status: e.status,
+        })),
+        duration: computeDuration(agent.startedAt, agent.completedAt),
+        model: agent.model ?? 'unknown',
+    }));
+    return {
+        agents,
+        selectedAgentId: undefined,
+        expandedEffects: new Set(),
+    };
+}
+function normalizeStatus(status) {
+    const s = (status ?? '').toLowerCase();
+    if (s === 'idle' || s === 'running' || s === 'completed' || s === 'failed' || s === 'cancelled') {
+        return s;
+    }
+    if (s === 'error')
+        return 'failed';
+    if (s === 'done' || s === 'success')
+        return 'completed';
+    return 'idle';
+}
+function computeDuration(startedAt, completedAt) {
+    if (startedAt == null)
+        return 0;
+    const end = completedAt ?? Date.now();
+    return Math.max(end - startedAt, 0);
+}
+// ---------------------------------------------------------------------------
+// Formatting helpers
+// ---------------------------------------------------------------------------
+function formatDuration(ms) {
+    if (ms < 1000)
+        return `${ms}ms`;
+    const seconds = Math.floor(ms / 1000);
+    if (seconds < 60)
+        return `${seconds}s`;
+    const minutes = Math.floor(seconds / 60);
+    const remainingSeconds = seconds % 60;
+    return remainingSeconds > 0 ? `${minutes}m ${remainingSeconds}s` : `${minutes}m`;
+}
+function formatTokens(usage) {
+    return `${usage.input.toLocaleString()}in/${usage.output.toLocaleString()}out`;
+}
+const STATUS_ICON = {
+    idle: '○', // ○
+    running: '◔', // ◔
+    completed: '✔', // ✔
+    failed: '✘', // ✘
+    cancelled: '–', // –
+};
+// ---------------------------------------------------------------------------
+// Summary rendering (one-line per agent)
+// ---------------------------------------------------------------------------
+export function formatSubagentSummary(view) {
+    const icon = STATUS_ICON[view.status] ?? '?';
+    const dur = formatDuration(view.duration);
+    const tokens = formatTokens(view.tokenUsage);
+    const effectCount = view.effects.length;
+    return `${icon} ${view.agentId} [${view.model}] ${view.status} | ${dur} | ${tokens} | ${effectCount} effect${effectCount !== 1 ? 's' : ''}`;
+}
+// ---------------------------------------------------------------------------
+// Detail rendering (expanded with effects)
+// ---------------------------------------------------------------------------
+export function formatSubagentDetail(view) {
+    const lines = [];
+    const icon = STATUS_ICON[view.status] ?? '?';
+    lines.push(`${icon} Agent: ${view.agentId}`);
+    lines.push(`  Model:    ${view.model}`);
+    lines.push(`  Status:   ${view.status}`);
+    lines.push(`  Duration: ${formatDuration(view.duration)}`);
+    lines.push(`  Tokens:   ${formatTokens(view.tokenUsage)}`);
+    if (view.effects.length > 0) {
+        lines.push(`  Effects (${view.effects.length}):`);
+        for (const effect of view.effects) {
+            lines.push(`    │ [${effect.kind}] ${effect.title} (${effect.status})`);
+        }
+    }
+    else {
+        lines.push('  Effects: (none)');
+    }
+    return lines.join('\n');
+}
+//# sourceMappingURL=SubagentDrillDown.js.map

package/dist/components/Rendering/SubagentDrillDown.js.map

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

package/dist/components/Rendering/index.d.ts

@@ -0,0 +1,12 @@
+export { buildEffectTree, formatEffectTreeText, renderEffectTreeHtml, } from './EffectTreeView.js';
+export type { EffectStatus, EffectTreeNode, FlatEffect, } from './EffectTreeView.js';
+export { formatProgressBar, formatStatusLine, } from './ProgressStatusLine.js';
+export type { ProgressData, } from './ProgressStatusLine.js';
+export { StreamPanelManager, formatPanelOutput, } from './StreamingOutputPanel.js';
+export type { StreamPanel, } from './StreamingOutputPanel.js';
+export { parseDiffOutput, formatDiffText, formatDiffHtml, } from './StructuredDiffView.js';
+export type { DiffLine, DiffLineType, DiffHunk, } from './StructuredDiffView.js';
+export { detectMessageType, formatMessageText, formatMessageHtml, } from './MessageTypeRenderer.js';
+export type { MessageType, } from './MessageTypeRenderer.js';
+export { buildSubagentView, formatSubagentSummary, formatSubagentDetail, } from './SubagentDrillDown.js';
+export type { SubagentStatus, SubagentEffect, SubagentView, SubagentDrillDownData, ProgressAgent, ProgressTracker, } from './SubagentDrillDown.js';

package/dist/components/Rendering/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rendering/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,YAAY,EACZ,cAAc,EACd,UAAU,GACX,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,YAAY,GACb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,WAAW,GACZ,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,GACT,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,WAAW,GACZ,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,eAAe,GAChB,MAAM,wBAAwB,CAAC"}

package/dist/components/Rendering/index.js

@@ -0,0 +1,10 @@
+// Rendering primitives barrel export — pure TypeScript rendering utilities
+// for effect trees, progress bars, streaming panels, diffs, message types,
+// and subagent drill-down views.
+export { buildEffectTree, formatEffectTreeText, renderEffectTreeHtml, } from './EffectTreeView.js';
+export { formatProgressBar, formatStatusLine, } from './ProgressStatusLine.js';
+export { StreamPanelManager, formatPanelOutput, } from './StreamingOutputPanel.js';
+export { parseDiffOutput, formatDiffText, formatDiffHtml, } from './StructuredDiffView.js';
+export { detectMessageType, formatMessageText, formatMessageHtml, } from './MessageTypeRenderer.js';
+export { buildSubagentView, formatSubagentSummary, formatSubagentDetail, } from './SubagentDrillDown.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Rendering/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Rendering/index.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,2EAA2E;AAC3E,iCAAiC;AAEjC,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAO7B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AAKjC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAKnC,OAAO,EACL,eAAe,EACf,cAAc,EACd,cAAc,GACf,MAAM,yBAAyB,CAAC;AAOjC,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a5c-ai/genty-ui",
-  "version": "5.1.1-staging.fee05906043b",
+  "version": "6.0.0",
   "type": "module",
   "license": "MIT",
   "description": "Shared UI foundation and session-flow projection surface for browser and React Native adapters apps",
@@ -102,6 +102,12 @@
         "types": "./dist/components/primitives/index.d.ts",
         "default": "./dist/components/primitives/index.js"
       }
+    },
+    "./rendering": {
+      "import": {
+        "types": "./dist/components/Rendering/index.d.ts",
+        "default": "./dist/components/Rendering/index.js"
+      }
     }
   },
   "files": [
@@ -117,13 +123,13 @@
     "build:realtime": "npm run build --workspace=@a5c-ai/atlas && npm run build --workspace=@a5c-ai/comm-adapter && npm run build",
     "clean": "rimraf dist tsconfig.tsbuildinfo",
     "codegen": "tsx src/codegen/swift-types.ts && tsx src/codegen/kotlin-types.ts",
-    "test": "vitest run --root ../../.. --config vitest.config.ts packages/adapters/ui",
-    "test:realtime": "vitest run --root ../../.. --config vitest.config.ts \"packages/adapters/ui/src/session-flow*.test.ts\" \"packages/adapters/ui/src/screens/SessionDetailScreen.test.tsx\" \"packages/adapters/ui/src/release-verification.test.ts\"",
+    "test": "vitest run --root ../../.. --config vitest.config.ts packages/genty/ui",
+    "test:realtime": "vitest run --root ../../.. --config vitest.config.ts \"packages/genty/ui/src/session-flow*.test.ts\" \"packages/genty/ui/src/screens/SessionDetailScreen.test.tsx\" \"packages/genty/ui/src/release-verification.test.ts\"",
     "verify:release": "node ./scripts/verify-release.mjs",
     "prepublishOnly": "npm run build:realtime && npm run test:realtime && npm run verify:release"
   },
   "dependencies": {
-    "@a5c-ai/comm-adapter": "5.1.1-staging.fee05906043b",
+    "@a5c-ai/comm-adapter": "6.0.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-native": "^0.85.3",