pith-ui 0.0.0-stage → 0.1.1

package/dist/workspace.d.ts

@@ -0,0 +1,92 @@
+import { type ActionResult } from './core.js';
+export interface ComposerViewState {
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    action?: 'send' | 'queue' | 'stop';
+    actionDisabled?: boolean;
+    model?: {
+        label: string;
+        description: string;
+        disabled?: boolean;
+    };
+    thinking?: {
+        options: readonly {
+            value: string;
+            label: string;
+        }[];
+        value: string;
+        disabled?: boolean;
+    };
+}
+export interface ComposerViewOptions {
+    prefix?: string;
+    onSubmit?: (text: string) => void | ActionResult | Promise<void | ActionResult>;
+    onStop?: () => void | ActionResult | Promise<void | ActionResult>;
+    onInput?: (text: string) => void;
+    onModel?: () => void;
+    onAttach?: () => void;
+    onImages?: (files: File[]) => void;
+    onThinkingChange?: (value: string) => void;
+}
+export declare function createComposerView(options?: ComposerViewOptions): {
+    element: HTMLFormElement;
+    input: HTMLTextAreaElement;
+    update: (state: ComposerViewState) => void;
+    getValue: () => string;
+    reset(value: string): void;
+    focus: () => void;
+    resize: () => void;
+    pickImages(): void;
+    destroy(): void;
+};
+export type WorkspaceDialogName = 'model' | 'settings' | 'workspace' | 'permissions' | 'delete' | 'rename' | 'queue-edit' | 'message-edit' | 'resources' | 'connections' | 'preview' | 'image';
+export interface ActionScope {
+    kind: 'global' | 'conversation' | 'workspace' | 'active';
+    id?: string;
+}
+export interface WorkspaceShellOptions {
+    brand: Node;
+    prefix?: string;
+    composer?: ComposerViewOptions;
+    onDialogClose?: (name: WorkspaceDialogName) => void;
+    onSearch?: (query: string) => void;
+    onBusyAction?: (key: string) => void;
+}
+export interface WorkspaceShellState {
+    workspace?: string;
+    conversation?: string;
+    reconnecting?: boolean;
+    error?: {
+        message: string;
+        hidden?: boolean;
+    };
+    busy?: {
+        key: string;
+        message: string;
+        actionLabel: string;
+    } | null;
+}
+export declare function createWorkspaceShell(options: WorkspaceShellOptions): {
+    element: HTMLDivElement;
+    composer: {
+        element: HTMLFormElement;
+        input: HTMLTextAreaElement;
+        update: (state: ComposerViewState) => void;
+        getValue: () => string;
+        reset(value: string): void;
+        focus: () => void;
+        resize: () => void;
+        pickImages(): void;
+        destroy(): void;
+    };
+    part: <T extends HTMLElement = HTMLElement>(name: string) => T;
+    update(state: Readonly<WorkspaceShellState>): void;
+    setSidebarOpen: (open: boolean) => void;
+    openDialog(name: WorkspaceDialogName): void;
+    closeDialog(name: WorkspaceDialogName): void;
+    isDialogOpen(name: WorkspaceDialogName): boolean;
+    updateActionAvailability(unavailable: (scope: ActionScope) => boolean, root?: ParentNode): void;
+    destroy(): void;
+};
+//# sourceMappingURL=workspace.d.ts.map

package/dist/workspace.d.ts.map

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

package/dist/workspace.js

@@ -0,0 +1,288 @@
+import { Generation } from './core.js';
+import { icon } from './dom.js';
+import { controlDisabled } from './core.js';
+import { adoptProductParts, reconcileSelectOptions } from './foundations.js';
+import { installDialogLifecycle } from './surface.js';
+let sequence = 0;
+function identify(root, prefix) {
+    if (!prefix)
+        return;
+    const attributes = ['id', 'for', 'aria-labelledby', 'aria-describedby', 'aria-controls', 'data-close'];
+    for (const node of [root, ...root.querySelectorAll('*')])
+        for (const attribute of attributes) {
+            const value = node.getAttribute(attribute);
+            if (value)
+                node.setAttribute(attribute, value.split(' ').map(part => prefix + part).join(' '));
+        }
+}
+export function createComposerView(options = {}) {
+    const holder = document.createElement('div');
+    holder.innerHTML = `<form id="composer-form" class="pui-composer">
+        <div id="draft-images" class="pui-draft-images" aria-label="Image attachments" hidden></div>
+        <input id="image-picker" type="file" accept="image/png,image/jpeg,image/gif,image/webp" multiple hidden />
+        <textarea id="composer-input" rows="1" placeholder="Ask Pith to help with your work…" aria-label="Message Pith"></textarea>
+        <div class="pui-composer-toolbar">
+          <div class="pui-composer-context">
+            <button id="attach-images" type="button" class="pui-quiet-icon pui-attach-images" data-action="attach-images" aria-label="Attach images" title="Attach images">${icon('image')}</button>
+            <label class="pui-permission-control" id="permission-control">${icon('shield')}<span class="pui-sr-only">Conversation permissions</span><select id="permission-mode" aria-describedby="permission-description"><option value="ask">Ask before changes</option><option value="workspace-write">Allow workspace changes</option><option value="full-access">Full access</option></select>${icon('down')}</label>
+          </div>
+          <div class="pui-composer-actions"><button id="composer-model" type="button" class="pui-composer-model" data-action="model" data-idle-action data-global-idle aria-label="Choose model">Choose model</button><label class="pui-composer-thinking"><span class="pui-sr-only">Thinking effort</span><select id="composer-thinking" aria-label="Thinking effort"></select></label><button id="send-button" class="pui-send-button" type="submit" aria-label="Send message">${icon('arrow')}</button></div>
+        </div>
+      </form>`;
+    const element = holder.firstElementChild;
+    const input = element.querySelector('textarea');
+    const action = element.querySelector('[type="submit"]');
+    const model = element.querySelector('[data-action="model"]');
+    const thinking = element.querySelector('[aria-label="Thinking effort"]');
+    const imagePicker = element.querySelector('[type="file"]');
+    identify(element, options.prefix ?? 'pui-composer-' + ++sequence + '-');
+    const generation = new Generation();
+    const parts = adoptProductParts(element);
+    let destroyed = false;
+    let pending = false, last = {}, lastAction = 'send';
+    const error = document.createElement('div');
+    error.className = 'pui-form-error';
+    error.setAttribute('role', 'alert');
+    error.hidden = true;
+    element.insertBefore(error, element.firstChild);
+    const resize = () => { input.style.height = 'auto'; input.style.height = Math.min(input.scrollHeight, 180) + 'px'; };
+    const update = (state) => {
+        if (destroyed)
+            return;
+        last = state;
+        parts.control(input).update({ disabled: !!state.disabled, readOnly: !!state.readOnly, ...(state.placeholder !== undefined ? { placeholder: state.placeholder } : {}) });
+        if (state.action && state.action !== lastAction) {
+            lastAction = state.action;
+            action.type = state.action === 'stop' ? 'button' : 'submit';
+            action.innerHTML = icon(state.action === 'stop' ? 'stop' : 'arrow');
+            action.classList.toggle('pui-is-stop', state.action === 'stop');
+        }
+        const actionLabel = lastAction === 'stop' ? 'Stop agent' : lastAction === 'queue' ? 'Queue message' : 'Send message';
+        action.setAttribute('aria-label', actionLabel);
+        action.title = actionLabel;
+        parts.action(action).update({ disabled: !!(state.actionDisabled || state.disabled), pending });
+        if (state.model) {
+            parts.action(model).update({ label: state.model.label, title: state.model.description, disabled: !!state.model.disabled });
+        }
+        if (state.thinking) {
+            const { options: choices, value, disabled } = state.thinking;
+            reconcileSelectOptions(thinking, choices, value);
+            parts.control(thinking).update({ disabled: !!disabled });
+            thinking.parentElement.hidden = choices.length < 2;
+        }
+        parts.update();
+    };
+    const onInput = () => { resize(); options.onInput?.(input.value); };
+    const run = async (callback, textSubmission = true) => {
+        if (!callback || pending || action.disabled || (textSubmission && (input.disabled || input.readOnly)))
+            return;
+        const seq = generation.next();
+        pending = true;
+        error.hidden = true;
+        error.textContent = '';
+        update(last);
+        try {
+            const result = await callback();
+            if (generation.current(seq) && result && !result.ok) {
+                error.textContent = result.error;
+                error.hidden = false;
+            }
+        }
+        catch (reason) {
+            if (generation.current(seq)) {
+                error.textContent = reason instanceof Error ? reason.message : String(reason);
+                error.hidden = false;
+            }
+        }
+        finally {
+            if (generation.current(seq)) {
+                pending = false;
+                update(last);
+            }
+        }
+    };
+    const submit = (event) => { if (options.onSubmit) {
+        event.preventDefault();
+        const text = input.value;
+        void run(() => options.onSubmit(text));
+    } };
+    const stop = () => { if (action.type === 'button')
+        void run(options.onStop, false); };
+    const keydown = (event) => {
+        if (options.onSubmit && event.key === 'Enter' && !event.shiftKey && !event.isComposing) {
+            event.preventDefault();
+            if (action.type === 'submit')
+                element.requestSubmit();
+        }
+    };
+    const click = (event) => {
+        const button = event.target.closest('button');
+        if (!button || button.disabled)
+            return;
+        const callback = button === model ? options.onModel : button.hasAttribute('data-action') && button.dataset.action === 'attach-images' ? options.onAttach : undefined;
+        if (callback) {
+            event.stopPropagation();
+            callback();
+        }
+    };
+    const chooseThinking = () => options.onThinkingChange?.(thinking.value);
+    const images = () => { const files = Array.from(imagePicker.files ?? []); imagePicker.value = ''; options.onImages?.(files); };
+    element.addEventListener('click', click);
+    thinking.addEventListener('change', chooseThinking);
+    imagePicker.addEventListener('change', images);
+    input.addEventListener('input', onInput);
+    input.addEventListener('keydown', keydown);
+    element.addEventListener('submit', submit);
+    action.addEventListener('click', stop);
+    return { element, input, update, getValue: () => input.value,
+        reset(value) { if (destroyed)
+            return; generation.invalidate(); pending = false; error.hidden = true; error.textContent = ''; input.value = value; update(last); resize(); }, focus: () => { if (!destroyed)
+            input.focus(); }, resize,
+        pickImages() { if (!destroyed)
+            imagePicker.click(); },
+        destroy() { if (destroyed)
+            return; destroyed = true; generation.destroy(); parts.destroy(); input.removeEventListener('input', onInput); input.removeEventListener('keydown', keydown); element.removeEventListener('submit', submit); action.removeEventListener('click', stop); element.removeEventListener('click', click); thinking.removeEventListener('change', chooseThinking); imagePicker.removeEventListener('change', images); element.remove(); } };
+}
+export function createWorkspaceShell(options) {
+    const element = document.createElement('div');
+    element.className = 'pui-app';
+    element.innerHTML = `
+  <aside class="pui-sidebar" id="sidebar">
+    <div class="pui-brand"><span data-brand-slot></span></div>
+    <div class="pui-sidebar-section-label">WORKSPACES <button class="pui-quiet-icon" data-action="workspace" aria-label="Manage workspaces">${icon('plus')}</button></div>
+    <label class="pui-history-search">${icon('search')}<span class="pui-sr-only">Search conversation titles</span><input id="history-search" type="search" placeholder="Search conversations" autocomplete="off" /></label>
+    <nav id="history-list" class="pui-history-list" aria-label="Workspaces and conversations"></nav>
+    <div class="pui-sidebar-bottom">
+      <button class="pui-settings-button" data-action="resources">${icon('file')}<span>Workspace resources</span></button>
+      <button class="pui-settings-button" data-action="connections">${icon('plug')}<span>Connections</span></button>
+      <button class="pui-settings-button" data-action="settings">${icon('settings')}<span>Settings</span></button>
+      <div id="connection-status" class="pui-local-status" role="status" hidden><span class="pui-status-dot pui-reconnecting" aria-hidden="true"></span><span>Reconnecting…</span></div>
+    </div>
+  </aside>
+  <div id="conversation-menu" class="pui-sidebar-conversation-menu" role="menu" hidden></div>
+  <div class="pui-sidebar-scrim" id="sidebar-scrim"></div>
+  <main class="pui-main">
+    <header class="pui-topbar">
+      <button class="pui-quiet-icon pui-mobile-menu" data-action="menu" aria-label="Open sidebar">${icon('menu')}</button>
+      <div class="pui-breadcrumb">${icon('folder')}<span id="workspace-label">No workspace</span>${icon('chevron', 'pui-breadcrumb-chevron')}<span class="pui-breadcrumb-current" id="conversation-label">New conversation</span></div>
+      <div class="pui-conversation-actions"><button class="pui-quiet-icon pui-compact-action" data-sdk="compact" data-sdk-idle title="Compress context by summarizing older messages" aria-label="Compress context">${icon('compress')}<span>Compact</span></button><div id="artifacts-control" class="pui-artifacts-control" hidden><button id="artifacts-toggle" type="button" class="pui-quiet-icon pui-artifacts-toggle" aria-label="Conversation files" title="Conversation files" aria-expanded="false" aria-controls="artifacts">${icon('file')}<span id="artifacts-count" class="pui-artifacts-count" aria-hidden="true"></span></button><section id="artifacts" class="pui-artifacts-panel" aria-labelledby="artifacts-title" tabindex="-1" hidden></section></div></div>
+    </header>
+    <section id="conversation-find" class="pui-conversation-find" aria-label="Find in conversation" hidden>
+      <input type="search" aria-label="Find in this conversation" placeholder="Find in this conversation" autocomplete="off" />
+      <span data-find-count role="status" aria-live="polite"></span>
+      <button type="button" class="pui-quiet-icon pui-find-previous" data-find-previous aria-label="Previous match" title="Previous match (Shift+Enter)">${icon('down')}</button>
+      <button type="button" class="pui-quiet-icon" data-find-next aria-label="Next match" title="Next match (Enter)">${icon('down')}</button>
+      <button type="button" class="pui-quiet-icon" data-find-close aria-label="Close search" title="Close (Esc)">${icon('close')}</button>
+    </section>
+    <div class="pui-conversation-region"><section id="chat-scroll" class="pui-chat-scroll" aria-label="Conversation" tabindex="-1">
+      <div id="welcome" class="pui-welcome"></div>
+      <div id="messages" class="pui-messages" aria-live="polite" aria-relevant="additions text"></div>
+    </section><button id="back-to-latest" type="button" class="pui-secondary-button pui-back-to-latest" hidden>${icon('down')}<span>Back to latest</span></button></div>
+    <div class="pui-composer-region">
+      <div class="pui-composer-panels">
+      <div id="approval" class="pui-approval-region"></div>
+      <div id="workspace-busy" class="pui-workspace-busy" hidden></div><div id="inline-error" class="pui-inline-error" role="alert" hidden></div>
+      <section id="task-failure" class="pui-task-failure" role="status" hidden></section>
+      <details id="run-status" class="pui-run-status" hidden><summary id="run-status-summary"></summary><div id="run-status-details"><div id="runtime-values"></div><details id="cost-requests" class="pui-cost-requests" hidden><summary>Request breakdown</summary><div id="cost-ledger"></div></details></div></details>
+      <section id="queued-messages" class="pui-queued-messages" aria-label="Pending messages" aria-live="polite" hidden></section>
+      </div>
+      <div data-composer-slot></div>
+      <p id="image-guidance" class="pui-composer-note pui-image-guidance" hidden></p>
+      <p class="pui-composer-note" id="permission-description">Pith can read workspace files. Changes and commands require your approval.</p>
+    </div>
+  </main>
+  <section id="completion-notices" class="pui-completion-notices" aria-label="Completed tasks" aria-live="polite"></section>
+  <span id="copy-status" class="pui-sr-only" role="status" aria-live="polite"></span>
+  <dialog id="model-dialog" class="pui-modal pui-model-modal" aria-labelledby="model-title"><div id="model-content"></div></dialog>
+  <dialog id="settings-dialog" class="pui-modal" aria-labelledby="settings-title"><div id="settings-content"></div></dialog>
+  <dialog id="workspace-dialog" class="pui-modal" aria-labelledby="workspace-title"><div id="workspace-content"></div></dialog>
+  <dialog id="permissions-dialog" class="pui-modal pui-permission-modal" aria-labelledby="full-access-title"><div id="permissions-content"></div></dialog>
+  <dialog id="delete-dialog" class="pui-modal" aria-labelledby="delete-title"><div id="delete-content"></div></dialog>
+  <dialog id="rename-dialog" class="pui-modal" aria-labelledby="rename-title"><div id="rename-content"></div></dialog>
+  <dialog id="queue-edit-dialog" class="pui-modal" aria-labelledby="queue-edit-title"><div id="queue-edit-content"></div></dialog>
+  <dialog id="message-edit-dialog" class="pui-modal" aria-labelledby="message-edit-title"><div id="message-edit-content"></div></dialog>
+  <dialog id="resources-dialog" class="pui-modal pui-feature-modal" aria-labelledby="resources-title"><div id="resources-content"></div></dialog>
+  <dialog id="connections-dialog" class="pui-modal pui-feature-modal" aria-labelledby="connections-title"><div id="connections-content"></div></dialog>
+  <dialog id="preview-dialog" class="pui-modal pui-file-preview-modal" aria-labelledby="preview-title"><div id="preview-content"></div></dialog>
+  <dialog id="image-dialog"></dialog>
+`;
+    element.querySelector('[data-brand-slot]').replaceWith(options.brand);
+    const prefix = options.prefix ?? 'pui-workspace-' + ++sequence + '-';
+    const composer = createComposerView({ ...options.composer, prefix: '' });
+    element.querySelector('[data-composer-slot]').replaceWith(composer.element);
+    identify(element, prefix);
+    const part = (name) => element.querySelector('[id="' + prefix + name + '"]');
+    let destroyed = false;
+    const parts = adoptProductParts(element);
+    const dialogs = new Map(Array.from(element.querySelectorAll('dialog'), dialog => {
+        const name = dialog.id.slice(prefix.length).replace(/-dialog$/, '');
+        return [name, installDialogLifecycle(dialog, { onClose: () => options.onDialogClose?.(name) })];
+    }));
+    const setSidebarOpen = (open) => { if (destroyed)
+        return; part('sidebar').classList.toggle('pui-open', open); part('sidebar-scrim').classList.toggle('pui-visible', open); };
+    const sidebarClick = (event) => { const target = event.target; if (target === part('sidebar-scrim') || target.closest('[data-action="menu"]')) {
+        setSidebarOpen(target !== part('sidebar-scrim'));
+        event.stopPropagation();
+    } };
+    const search = part('history-search');
+    const onSearch = () => options.onSearch?.(search.value);
+    search.addEventListener('input', onSearch);
+    element.addEventListener('click', sidebarClick);
+    const busy = part('workspace-busy');
+    const onBusy = (event) => { if (event.target.closest('button') && busy.dataset.key) {
+        event.stopPropagation();
+        options.onBusyAction?.(busy.dataset.key);
+    } };
+    busy.addEventListener('click', onBusy);
+    return { element, composer, part, update(state) {
+            if (destroyed)
+                return;
+            if (state.workspace !== undefined)
+                part('workspace-label').textContent = state.workspace;
+            if (state.conversation !== undefined)
+                part('conversation-label').textContent = state.conversation;
+            part('connection-status').hidden = !state.reconnecting;
+            if (state.error) {
+                part('inline-error').textContent = state.error.message;
+                part('inline-error').hidden = !!state.error.hidden || !state.error.message;
+            }
+            if (state.busy !== undefined) {
+                busy.hidden = !state.busy;
+                if (state.busy) {
+                    if (!busy.firstChild) {
+                        busy.append(document.createElement('span'), document.createElement('button'));
+                        const button = busy.lastElementChild;
+                        button.type = 'button';
+                        button.className = 'pui-text-button';
+                    }
+                    busy.dataset.key = state.busy.key;
+                    if (busy.firstElementChild.textContent !== state.busy.message)
+                        busy.firstElementChild.textContent = state.busy.message;
+                    if (busy.lastElementChild.textContent !== state.busy.actionLabel)
+                        busy.lastElementChild.textContent = state.busy.actionLabel;
+                }
+            }
+            parts.update();
+        }, setSidebarOpen,
+        openDialog(name) { if (!destroyed) {
+            setSidebarOpen(false);
+            dialogs.get(name)?.open();
+        } },
+        closeDialog(name) { if (!destroyed)
+            dialogs.get(name)?.close(); },
+        isDialogOpen(name) { return !destroyed && !!dialogs.get(name)?.isOpen(); },
+        updateActionAvailability(unavailable, root = element) {
+            if (destroyed)
+                return;
+            for (const button of root.querySelectorAll('[data-idle-action], [data-global-idle], [data-mcp-edit], [data-action="new-mcp"]')) {
+                const scope = button.hasAttribute('data-global-idle') || button.hasAttribute('data-mcp-edit') || button.dataset.action === 'new-mcp' ? { kind: 'global' } : button.dataset.idleConversation ? { kind: 'conversation', id: button.dataset.idleConversation } : button.dataset.idleWorkspace ? { kind: 'workspace', id: button.dataset.idleWorkspace } : { kind: 'active' };
+                button.disabled = controlDisabled(button, unavailable(scope));
+            }
+            for (const link of root.querySelectorAll('a[data-download-conversation]'))
+                link.setAttribute('aria-disabled', String(unavailable({ kind: 'conversation', id: link.dataset.downloadConversation })));
+        },
+        destroy() { if (destroyed)
+            return; destroyed = true; for (const dialog of dialogs.values())
+            dialog.destroy(); parts.destroy(); search.removeEventListener('input', onSearch); element.removeEventListener('click', sidebarClick); busy.removeEventListener('click', onBusy); composer.destroy(); element.remove(); } };
+}
+//# sourceMappingURL=workspace.js.map

package/dist/workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace.js","sourceRoot":"","sources":["../src/workspace.ts"],"names":[],"mappings":"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","sourcesContent":["import { Generation, type UIBlock, type ActionResult } from './core.js';\nimport { icon } from './dom.js';\nimport { controlDisabled } from './core.js';\nimport { adoptProductParts, reconcileSelectOptions } from './foundations.js';\nimport { installDialogLifecycle } from './surface.js';\n\nexport interface ComposerViewState {\n  placeholder?: string; disabled?: boolean; readOnly?: boolean;\n  action?: 'send' | 'queue' | 'stop'; actionDisabled?: boolean;\n  model?: { label: string; description: string; disabled?: boolean };\n  thinking?: { options: readonly { value: string; label: string }[]; value: string; disabled?: boolean };\n}\nexport interface ComposerViewOptions {\n  prefix?: string;\n  onSubmit?: (text: string) => void | ActionResult | Promise<void | ActionResult>;\n  onStop?: () => void | ActionResult | Promise<void | ActionResult>;\n  onInput?: (text: string) => void;\n  onModel?: () => void;\n  onAttach?: () => void;\n  onImages?: (files: File[]) => void;\n  onThinkingChange?: (value: string) => void;\n}\nlet sequence = 0;\nfunction identify(root: HTMLElement, prefix: string): void {\n  if (!prefix) return;\n  const attributes = ['id', 'for', 'aria-labelledby', 'aria-describedby', 'aria-controls', 'data-close'];\n  for (const node of [root, ...root.querySelectorAll<HTMLElement>('*')]) for (const attribute of attributes) {\n    const value = node.getAttribute(attribute); if (value) node.setAttribute(attribute, value.split(' ').map(part => prefix + part).join(' '));\n  }\n}\nexport function createComposerView(options: ComposerViewOptions = {}) {\n  const holder = document.createElement('div'); holder.innerHTML = `<form id=\"composer-form\" class=\"pui-composer\">\n        <div id=\"draft-images\" class=\"pui-draft-images\" aria-label=\"Image attachments\" hidden></div>\n        <input id=\"image-picker\" type=\"file\" accept=\"image/png,image/jpeg,image/gif,image/webp\" multiple hidden />\n        <textarea id=\"composer-input\" rows=\"1\" placeholder=\"Ask Pith to help with your work…\" aria-label=\"Message Pith\"></textarea>\n        <div class=\"pui-composer-toolbar\">\n          <div class=\"pui-composer-context\">\n            <button id=\"attach-images\" type=\"button\" class=\"pui-quiet-icon pui-attach-images\" data-action=\"attach-images\" aria-label=\"Attach images\" title=\"Attach images\">${icon('image')}</button>\n            <label class=\"pui-permission-control\" id=\"permission-control\">${icon('shield')}<span class=\"pui-sr-only\">Conversation permissions</span><select id=\"permission-mode\" aria-describedby=\"permission-description\"><option value=\"ask\">Ask before changes</option><option value=\"workspace-write\">Allow workspace changes</option><option value=\"full-access\">Full access</option></select>${icon('down')}</label>\n          </div>\n          <div class=\"pui-composer-actions\"><button id=\"composer-model\" type=\"button\" class=\"pui-composer-model\" data-action=\"model\" data-idle-action data-global-idle aria-label=\"Choose model\">Choose model</button><label class=\"pui-composer-thinking\"><span class=\"pui-sr-only\">Thinking effort</span><select id=\"composer-thinking\" aria-label=\"Thinking effort\"></select></label><button id=\"send-button\" class=\"pui-send-button\" type=\"submit\" aria-label=\"Send message\">${icon('arrow')}</button></div>\n        </div>\n      </form>`;\n  const element = holder.firstElementChild as HTMLFormElement;\n  const input = element.querySelector<HTMLTextAreaElement>('textarea')!;\n  const action = element.querySelector<HTMLButtonElement>('[type=\"submit\"]')!;\n  const model = element.querySelector<HTMLButtonElement>('[data-action=\"model\"]')!;\n  const thinking = element.querySelector<HTMLSelectElement>('[aria-label=\"Thinking effort\"]')!;\n  const imagePicker = element.querySelector<HTMLInputElement>('[type=\"file\"]')!;\n  identify(element, options.prefix ?? 'pui-composer-' + ++sequence + '-');\n  const generation = new Generation();\n  const parts = adoptProductParts(element);\n  let destroyed = false;\n  let pending = false, last: ComposerViewState = {}, lastAction = 'send';\n  const error = document.createElement('div'); error.className = 'pui-form-error'; error.setAttribute('role','alert'); error.hidden = true; element.insertBefore(error, element.firstChild);\n  const resize = () => { input.style.height = 'auto'; input.style.height = Math.min(input.scrollHeight, 180) + 'px'; };\n  const update = (state: ComposerViewState) => {\n    if (destroyed) return;\n    last = state;\n    parts.control(input).update({ disabled: !!state.disabled, readOnly: !!state.readOnly, ...(state.placeholder !== undefined ? { placeholder: state.placeholder } : {}) });\n    if (state.action && state.action !== lastAction) { lastAction = state.action; action.type = state.action === 'stop' ? 'button' : 'submit'; action.innerHTML = icon(state.action === 'stop' ? 'stop' : 'arrow'); action.classList.toggle('pui-is-stop', state.action === 'stop'); }\n    const actionLabel = lastAction === 'stop' ? 'Stop agent' : lastAction === 'queue' ? 'Queue message' : 'Send message';\n    action.setAttribute('aria-label', actionLabel); action.title = actionLabel;\n    parts.action(action).update({ disabled: !!(state.actionDisabled || state.disabled), pending });\n    if (state.model) {\n      parts.action(model).update({ label: state.model.label, title: state.model.description, disabled: !!state.model.disabled });\n    }\n    if (state.thinking) {\n      const { options: choices, value, disabled } = state.thinking;\n      reconcileSelectOptions(thinking, choices, value);\n      parts.control(thinking).update({ disabled: !!disabled }); thinking.parentElement!.hidden = choices.length < 2;\n    }\n    parts.update();\n  };\n  const onInput = () => { resize(); options.onInput?.(input.value); };\n  const run = async (callback: (() => void | ActionResult | Promise<void | ActionResult>) | undefined, textSubmission = true) => {\n    if (!callback || pending || action.disabled || (textSubmission && (input.disabled || input.readOnly))) return;\n    const seq = generation.next(); pending = true; error.hidden = true; error.textContent = ''; update(last);\n    try {\n      const result = await callback();\n      if (generation.current(seq) && result && !result.ok) { error.textContent = result.error; error.hidden = false; }\n    } catch (reason) {\n      if (generation.current(seq)) { error.textContent = reason instanceof Error ? reason.message : String(reason); error.hidden = false; }\n    } finally { if (generation.current(seq)) { pending = false; update(last); } }\n  };\n  const submit = (event: SubmitEvent) => { if (options.onSubmit) { event.preventDefault(); const text = input.value; void run(() => options.onSubmit!(text)); } };\n  const stop = () => { if (action.type === 'button') void run(options.onStop, false); };\n  const keydown = (event: KeyboardEvent) => {\n    if (options.onSubmit && event.key === 'Enter' && !event.shiftKey && !event.isComposing) {\n      event.preventDefault();\n      if (action.type === 'submit') element.requestSubmit();\n    }\n  };\n  const click = (event: MouseEvent) => {\n    const button = (event.target as Element).closest<HTMLButtonElement>('button');\n    if (!button || button.disabled) return;\n    const callback = button === model ? options.onModel : button.hasAttribute('data-action') && button.dataset.action === 'attach-images' ? options.onAttach : undefined;\n    if (callback) { event.stopPropagation(); callback(); }\n  };\n  const chooseThinking = () => options.onThinkingChange?.(thinking.value);\n  const images = () => { const files = Array.from(imagePicker.files ?? []); imagePicker.value = ''; options.onImages?.(files); };\n  element.addEventListener('click', click); thinking.addEventListener('change', chooseThinking); imagePicker.addEventListener('change', images);\n  input.addEventListener('input', onInput); input.addEventListener('keydown', keydown); element.addEventListener('submit', submit); action.addEventListener('click', stop);\n  return { element, input, update, getValue: () => input.value,\n    reset(value: string) { if (destroyed) return; generation.invalidate(); pending = false; error.hidden = true; error.textContent = ''; input.value = value; update(last); resize(); }, focus: () => { if (!destroyed) input.focus(); }, resize,\n    pickImages() { if (!destroyed) imagePicker.click(); },\n    destroy() { if (destroyed) return; destroyed = true; generation.destroy(); parts.destroy(); input.removeEventListener('input', onInput); input.removeEventListener('keydown', keydown); element.removeEventListener('submit', submit); action.removeEventListener('click', stop); element.removeEventListener('click', click); thinking.removeEventListener('change', chooseThinking); imagePicker.removeEventListener('change', images); element.remove(); } };\n\n}\n\nexport type WorkspaceDialogName = 'model' | 'settings' | 'workspace' | 'permissions' | 'delete' | 'rename' | 'queue-edit' | 'message-edit' | 'resources' | 'connections' | 'preview' | 'image';\nexport interface ActionScope { kind: 'global' | 'conversation' | 'workspace' | 'active'; id?: string; }\nexport interface WorkspaceShellOptions { brand: Node; prefix?: string; composer?: ComposerViewOptions; onDialogClose?: (name: WorkspaceDialogName) => void; onSearch?: (query: string) => void; onBusyAction?: (key: string) => void; }\nexport interface WorkspaceShellState { workspace?: string; conversation?: string; reconnecting?: boolean; error?: { message: string; hidden?: boolean }; busy?: { key: string; message: string; actionLabel: string } | null; }\nexport function createWorkspaceShell(options: WorkspaceShellOptions) {\n  const element = document.createElement('div'); element.className = 'pui-app';\n  element.innerHTML = `\n  <aside class=\"pui-sidebar\" id=\"sidebar\">\n    <div class=\"pui-brand\"><span data-brand-slot></span></div>\n    <div class=\"pui-sidebar-section-label\">WORKSPACES <button class=\"pui-quiet-icon\" data-action=\"workspace\" aria-label=\"Manage workspaces\">${icon('plus')}</button></div>\n    <label class=\"pui-history-search\">${icon('search')}<span class=\"pui-sr-only\">Search conversation titles</span><input id=\"history-search\" type=\"search\" placeholder=\"Search conversations\" autocomplete=\"off\" /></label>\n    <nav id=\"history-list\" class=\"pui-history-list\" aria-label=\"Workspaces and conversations\"></nav>\n    <div class=\"pui-sidebar-bottom\">\n      <button class=\"pui-settings-button\" data-action=\"resources\">${icon('file')}<span>Workspace resources</span></button>\n      <button class=\"pui-settings-button\" data-action=\"connections\">${icon('plug')}<span>Connections</span></button>\n      <button class=\"pui-settings-button\" data-action=\"settings\">${icon('settings')}<span>Settings</span></button>\n      <div id=\"connection-status\" class=\"pui-local-status\" role=\"status\" hidden><span class=\"pui-status-dot pui-reconnecting\" aria-hidden=\"true\"></span><span>Reconnecting…</span></div>\n    </div>\n  </aside>\n  <div id=\"conversation-menu\" class=\"pui-sidebar-conversation-menu\" role=\"menu\" hidden></div>\n  <div class=\"pui-sidebar-scrim\" id=\"sidebar-scrim\"></div>\n  <main class=\"pui-main\">\n    <header class=\"pui-topbar\">\n      <button class=\"pui-quiet-icon pui-mobile-menu\" data-action=\"menu\" aria-label=\"Open sidebar\">${icon('menu')}</button>\n      <div class=\"pui-breadcrumb\">${icon('folder')}<span id=\"workspace-label\">No workspace</span>${icon('chevron', 'pui-breadcrumb-chevron')}<span class=\"pui-breadcrumb-current\" id=\"conversation-label\">New conversation</span></div>\n      <div class=\"pui-conversation-actions\"><button class=\"pui-quiet-icon pui-compact-action\" data-sdk=\"compact\" data-sdk-idle title=\"Compress context by summarizing older messages\" aria-label=\"Compress context\">${icon('compress')}<span>Compact</span></button><div id=\"artifacts-control\" class=\"pui-artifacts-control\" hidden><button id=\"artifacts-toggle\" type=\"button\" class=\"pui-quiet-icon pui-artifacts-toggle\" aria-label=\"Conversation files\" title=\"Conversation files\" aria-expanded=\"false\" aria-controls=\"artifacts\">${icon('file')}<span id=\"artifacts-count\" class=\"pui-artifacts-count\" aria-hidden=\"true\"></span></button><section id=\"artifacts\" class=\"pui-artifacts-panel\" aria-labelledby=\"artifacts-title\" tabindex=\"-1\" hidden></section></div></div>\n    </header>\n    <section id=\"conversation-find\" class=\"pui-conversation-find\" aria-label=\"Find in conversation\" hidden>\n      <input type=\"search\" aria-label=\"Find in this conversation\" placeholder=\"Find in this conversation\" autocomplete=\"off\" />\n      <span data-find-count role=\"status\" aria-live=\"polite\"></span>\n      <button type=\"button\" class=\"pui-quiet-icon pui-find-previous\" data-find-previous aria-label=\"Previous match\" title=\"Previous match (Shift+Enter)\">${icon('down')}</button>\n      <button type=\"button\" class=\"pui-quiet-icon\" data-find-next aria-label=\"Next match\" title=\"Next match (Enter)\">${icon('down')}</button>\n      <button type=\"button\" class=\"pui-quiet-icon\" data-find-close aria-label=\"Close search\" title=\"Close (Esc)\">${icon('close')}</button>\n    </section>\n    <div class=\"pui-conversation-region\"><section id=\"chat-scroll\" class=\"pui-chat-scroll\" aria-label=\"Conversation\" tabindex=\"-1\">\n      <div id=\"welcome\" class=\"pui-welcome\"></div>\n      <div id=\"messages\" class=\"pui-messages\" aria-live=\"polite\" aria-relevant=\"additions text\"></div>\n    </section><button id=\"back-to-latest\" type=\"button\" class=\"pui-secondary-button pui-back-to-latest\" hidden>${icon('down')}<span>Back to latest</span></button></div>\n    <div class=\"pui-composer-region\">\n      <div class=\"pui-composer-panels\">\n      <div id=\"approval\" class=\"pui-approval-region\"></div>\n      <div id=\"workspace-busy\" class=\"pui-workspace-busy\" hidden></div><div id=\"inline-error\" class=\"pui-inline-error\" role=\"alert\" hidden></div>\n      <section id=\"task-failure\" class=\"pui-task-failure\" role=\"status\" hidden></section>\n      <details id=\"run-status\" class=\"pui-run-status\" hidden><summary id=\"run-status-summary\"></summary><div id=\"run-status-details\"><div id=\"runtime-values\"></div><details id=\"cost-requests\" class=\"pui-cost-requests\" hidden><summary>Request breakdown</summary><div id=\"cost-ledger\"></div></details></div></details>\n      <section id=\"queued-messages\" class=\"pui-queued-messages\" aria-label=\"Pending messages\" aria-live=\"polite\" hidden></section>\n      </div>\n      <div data-composer-slot></div>\n      <p id=\"image-guidance\" class=\"pui-composer-note pui-image-guidance\" hidden></p>\n      <p class=\"pui-composer-note\" id=\"permission-description\">Pith can read workspace files. Changes and commands require your approval.</p>\n    </div>\n  </main>\n  <section id=\"completion-notices\" class=\"pui-completion-notices\" aria-label=\"Completed tasks\" aria-live=\"polite\"></section>\n  <span id=\"copy-status\" class=\"pui-sr-only\" role=\"status\" aria-live=\"polite\"></span>\n  <dialog id=\"model-dialog\" class=\"pui-modal pui-model-modal\" aria-labelledby=\"model-title\"><div id=\"model-content\"></div></dialog>\n  <dialog id=\"settings-dialog\" class=\"pui-modal\" aria-labelledby=\"settings-title\"><div id=\"settings-content\"></div></dialog>\n  <dialog id=\"workspace-dialog\" class=\"pui-modal\" aria-labelledby=\"workspace-title\"><div id=\"workspace-content\"></div></dialog>\n  <dialog id=\"permissions-dialog\" class=\"pui-modal pui-permission-modal\" aria-labelledby=\"full-access-title\"><div id=\"permissions-content\"></div></dialog>\n  <dialog id=\"delete-dialog\" class=\"pui-modal\" aria-labelledby=\"delete-title\"><div id=\"delete-content\"></div></dialog>\n  <dialog id=\"rename-dialog\" class=\"pui-modal\" aria-labelledby=\"rename-title\"><div id=\"rename-content\"></div></dialog>\n  <dialog id=\"queue-edit-dialog\" class=\"pui-modal\" aria-labelledby=\"queue-edit-title\"><div id=\"queue-edit-content\"></div></dialog>\n  <dialog id=\"message-edit-dialog\" class=\"pui-modal\" aria-labelledby=\"message-edit-title\"><div id=\"message-edit-content\"></div></dialog>\n  <dialog id=\"resources-dialog\" class=\"pui-modal pui-feature-modal\" aria-labelledby=\"resources-title\"><div id=\"resources-content\"></div></dialog>\n  <dialog id=\"connections-dialog\" class=\"pui-modal pui-feature-modal\" aria-labelledby=\"connections-title\"><div id=\"connections-content\"></div></dialog>\n  <dialog id=\"preview-dialog\" class=\"pui-modal pui-file-preview-modal\" aria-labelledby=\"preview-title\"><div id=\"preview-content\"></div></dialog>\n  <dialog id=\"image-dialog\"></dialog>\n`;\n  element.querySelector('[data-brand-slot]')!.replaceWith(options.brand);\n  const prefix = options.prefix ?? 'pui-workspace-' + ++sequence + '-';\n  const composer = createComposerView({ ...options.composer, prefix: '' }); element.querySelector('[data-composer-slot]')!.replaceWith(composer.element);\n  identify(element, prefix);\n  const part = <T extends HTMLElement = HTMLElement>(name: string) => element.querySelector<T>('[id=\"' + prefix + name + '\"]')!;\n  let destroyed = false;\n  const parts = adoptProductParts(element);\n  const dialogs = new Map(Array.from(element.querySelectorAll<HTMLDialogElement>('dialog'), dialog => {\n    const name = dialog.id.slice(prefix.length).replace(/-dialog$/, '') as WorkspaceDialogName;\n    return [name, installDialogLifecycle(dialog, { onClose: () => options.onDialogClose?.(name) })] as const;\n  }));\n  const setSidebarOpen = (open: boolean) => { if (destroyed) return; part('sidebar').classList.toggle('pui-open', open); part('sidebar-scrim').classList.toggle('pui-visible', open); };\n  const sidebarClick = (event: MouseEvent) => { const target = event.target as Element; if (target === part('sidebar-scrim') || target.closest('[data-action=\"menu\"]')) { setSidebarOpen(target !== part('sidebar-scrim')); event.stopPropagation(); } };\n  const search = part<HTMLInputElement>('history-search'); const onSearch = () => options.onSearch?.(search.value);\n  search.addEventListener('input', onSearch); element.addEventListener('click', sidebarClick);\n  const busy = part('workspace-busy');\n  const onBusy = (event: MouseEvent) => { if ((event.target as Element).closest('button') && busy.dataset.key) { event.stopPropagation(); options.onBusyAction?.(busy.dataset.key); } };\n  busy.addEventListener('click', onBusy);\n  return { element, composer, part, update(state: Readonly<WorkspaceShellState>) {\n    if (destroyed) return;\n    if (state.workspace !== undefined) part('workspace-label').textContent = state.workspace;\n    if (state.conversation !== undefined) part('conversation-label').textContent = state.conversation;\n    part('connection-status').hidden = !state.reconnecting;\n    if (state.error) { part('inline-error').textContent = state.error.message; part('inline-error').hidden = !!state.error.hidden || !state.error.message; }\n    if (state.busy !== undefined) {\n      busy.hidden = !state.busy;\n      if (state.busy) {\n        if (!busy.firstChild) { busy.append(document.createElement('span'), document.createElement('button')); const button = busy.lastElementChild as HTMLButtonElement; button.type = 'button'; button.className = 'pui-text-button'; }\n        busy.dataset.key = state.busy.key;\n        if (busy.firstElementChild!.textContent !== state.busy.message) busy.firstElementChild!.textContent = state.busy.message;\n        if (busy.lastElementChild!.textContent !== state.busy.actionLabel) busy.lastElementChild!.textContent = state.busy.actionLabel;\n      }\n    }\n    parts.update();\n  }, setSidebarOpen,\n  openDialog(name: WorkspaceDialogName) { if (!destroyed) { setSidebarOpen(false); dialogs.get(name)?.open(); } },\n  closeDialog(name: WorkspaceDialogName) { if (!destroyed) dialogs.get(name)?.close(); },\n  isDialogOpen(name: WorkspaceDialogName) { return !destroyed && !!dialogs.get(name)?.isOpen(); },\n  updateActionAvailability(unavailable: (scope: ActionScope) => boolean, root: ParentNode = element) {\n    if (destroyed) return;\n    for (const button of root.querySelectorAll<HTMLButtonElement>('[data-idle-action], [data-global-idle], [data-mcp-edit], [data-action=\"new-mcp\"]')) {\n      const scope: ActionScope = button.hasAttribute('data-global-idle') || button.hasAttribute('data-mcp-edit') || button.dataset.action === 'new-mcp' ? { kind: 'global' } : button.dataset.idleConversation ? { kind: 'conversation', id: button.dataset.idleConversation } : button.dataset.idleWorkspace ? { kind: 'workspace', id: button.dataset.idleWorkspace } : { kind: 'active' };\n      button.disabled = controlDisabled(button, unavailable(scope));\n    }\n    for (const link of root.querySelectorAll<HTMLAnchorElement>('a[data-download-conversation]')) link.setAttribute('aria-disabled', String(unavailable({ kind: 'conversation', id: link.dataset.downloadConversation })));\n  },\n  destroy() { if (destroyed) return; destroyed = true; for (const dialog of dialogs.values()) dialog.destroy(); parts.destroy(); search.removeEventListener('input', onSearch); element.removeEventListener('click', sidebarClick); busy.removeEventListener('click', onBusy); composer.destroy(); element.remove(); } };\n}\n"]}

package/package.json

@@ -1,6 +1,29 @@
 {
   "name": "pith-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.1",
+  "description": "Native TypeScript building blocks with explicit behavior and a human-verifiable component showroom.",
+  "type": "module",
+  "license": "AGPL-3.0-only",
+  "repository": { "type": "git", "url": "git+https://github.com/minifish-org/pith-ui.git" },
+  "exports": {
+    ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js" },
+    "./styles.css": "./dist/styles.css"
+  },
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.js",
+  "files": ["dist", "README.md", "AI.md", "API.md", "LICENSE"],
+  "sideEffects": ["**/*.css"],
+  "scripts": {
+    "check": "tsc --noEmit",
+    "build": "tsc -p tsconfig.build.json && node scripts/build.ts",
+    "test": "tsc -p tsconfig.test.json && node --test test-dist/tests/*.test.js",
+    "test:browser": "playwright test",
+    "dev": "vite --host 127.0.0.1",
+    "showroom:build": "vite build",
+    "preview": "vite preview --host 127.0.0.1",
+    "prepack": "npm run build"
+  },
+  "dependencies": { "dompurify": "3.4.16", "marked": "16.4.2" },
+  "devDependencies": { "@playwright/test": "1.64.0", "@types/node": "^25.0.0", "typescript": "5.9.3", "vite": "7.3.6" },
+  "engines": { "node": ">=22.18.0" }
+}