@artkit-ai/react 0.1.0 → 0.2.0

package/dist/components/editor.js

@@ -1,161 +1,111 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Redo2, RotateCcw, Undo2 } from 'lucide-react';
-import { Suspense, use, useCallback, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore, } from 'react';
+import { Redo2, Save, Undo2 } from 'lucide-react';
+import { Suspense, use, useEffect, useMemo, useState, useSyncExternalStore } from 'react';
 import { useArtkit } from '../context.js';
-import { EditorSession } from '../editor-session.js';
+import { DraftSession } from '../editor-session.js';
 import { useArtifact } from '../hooks.js';
 import { hashString } from '../styles.js';
-import { ChangeList, cx, ErrorBoundary, ErrorMessage, errorMessage, formatDate, Loading, rootAttributes, slot, useAnnouncer, } from './shared.js';
-import { ArtifactView, KindRenderer, renderContext } from './view.js';
+import { cx, ErrorBoundary, ErrorMessage, Loading, rootAttributes, slot } from './shared.js';
+import { ArtifactView, renderContext } from './view.js';
 /**
- * Kind editor host (spec §13.1, §13.6). Falls back to `ArtifactView` when the kind has no editor loader,
- * when the permission is `read` or while another actor holds the lock. The editor module is only loaded
- * here, when editing starts.
+ * Editor of one artifact (spec §11.6). Edits are applied to a local draft; nothing reaches the server. The Save button
+ * emits the draft through `onSave`, and Ctrl/Cmd+S does the same. Undo and redo are local.
  */
 export function ArtifactEditor(props) {
     const ctx = useArtkit();
-    const { t } = ctx;
-    const id = props.id ?? props.artifact?.id;
-    const query = useArtifact(id, props.artifact ? { initial: props.artifact } : {});
-    const artifact = query.artifact;
+    const fetched = useArtifact(props.artifact ? undefined : props.id);
+    const artifact = props.artifact ?? fetched.artifact;
     if (!artifact) {
-        return (_jsx("div", { className: cx('ak-root ak-editor', props.className), ...rootAttributes(ctx), children: query.error ? (_jsx(ErrorMessage, { error: query.error, onRetry: () => void query.refresh().catch(() => undefined) })) : (_jsx(Loading, {})) }));
+        return (_jsx("div", { className: cx('ak-root ak-editor', props.className), ...rootAttributes(ctx), children: fetched.error ? (_jsx(ErrorMessage, { error: fetched.error, onRetry: () => void fetched.refresh().catch(() => undefined) })) : (_jsx(Loading, {})) }));
     }
-    const editable = (props.permission ?? 'edit') === 'edit' &&
-        ctx.hasEditor(artifact.kind) &&
-        ctx.registry.has(artifact.kind);
-    if (!editable || props.lockedBy) {
-        return (_jsxs("div", { className: cx('ak-root ak-editor', props.className), ...rootAttributes(ctx, artifact.themeId), "data-readonly": "true", children: [props.lockedBy ? (_jsx("p", { ...slot(props.slots, 'notice', 'ak-notice'), role: "status", children: t('lockedBy', { actor: t(`actor_${props.lockedBy.type}`) }) })) : null, _jsx(ArtifactView, { artifact: artifact, ...(props.lockedBy && props.partial !== undefined ? { partial: props.partial } : {}) })] }));
+    const editable = !props.readOnly && ctx.hasEditor(artifact.format) && ctx.registry.has(artifact.format);
+    if (!editable) {
+        return (_jsx("div", { className: cx('ak-root ak-editor', props.className), ...rootAttributes(ctx, artifact.themeId), "data-readonly": "true", children: _jsx(ArtifactView, { artifact: artifact }) }));
     }
     return _jsx(EditingHost, { ...props, artifact: artifact }, artifact.id);
 }
-function EditingHost(props) {
+function EditingHost({ artifact, readOnly, onSave, onChange, className, slots, }) {
     const ctx = useArtkit();
-    const { t, client, cache, registry } = ctx;
-    const callbacks = useRef(props);
-    callbacks.current = props;
-    const artifactId = props.artifact.id;
-    const [session] = useState(() => new EditorSession({
-        registry,
-        artifact: props.artifact,
-        locale: ctx.locale,
-        ...(props.groupingWindowMs === undefined ? {} : { groupingWindowMs: props.groupingWindowMs }),
-        send: (request) => client.apply(artifactId, request),
-        load: (version) => cache.load(artifactId, version, version === undefined),
-        onCommitted: (result) => {
-            cache.put(result.artifact);
-            callbacks.current.onCommitted?.(result);
-        },
-    }));
-    const state = useSyncExternalStore(session.subscribe, session.getSnapshot, session.getSnapshot);
-    // Newer versions from the cache or props (agent commits, refetches) are rebased into the session.
+    const [session] = useState(() => new DraftSession({ registry: ctx.registry, artifact, locale: ctx.locale }));
+    const snapshot = useSyncExternalStore(session.subscribe, session.getSnapshot, session.getSnapshot);
+    const [saving, setSaving] = useState(false);
+    const [saveError, setSaveError] = useState();
+    // A newer artifact from the application (after a save, or a reload) moves the draft forward.
     useEffect(() => {
-        session.receive(props.artifact);
-    }, [session, props.artifact]);
-    useEffect(() => {
-        cache.put(state.confirmed);
-    }, [cache, state.confirmed]);
-    // Unmounting must not lose the last keystrokes still waiting in the grouping window.
-    useEffect(() => () => session.flush(), [session]);
-    const [live, announce] = useAnnouncer();
-    const lastSeq = useRef(0);
-    useEffect(() => {
-        const event = state.event;
-        if (!event || event.seq === lastSeq.current)
-            return;
-        lastSeq.current = event.seq;
-        switch (event.type) {
-            case 'saved':
-                announce(t('savedVersion', { version: event.version }));
-                break;
-            case 'undone':
-                announce(t('undone'));
-                break;
-            case 'redone':
-                announce(t('redone'));
-                break;
-            case 'rebased':
-                announce(t('agentUpdated', { version: event.version }));
-                break;
-            case 'rejected':
-            case 'rolled_back':
-                announce(t('rolledBack', { message: errorMessage(event.error, event.error.message) }));
-                callbacks.current.onError?.(event.error);
-                break;
-            case 'conflict':
-                announce(t('conflictTitle'));
-                break;
-            case 'conflict_resolved':
-                break;
+        if (artifact.version !== session.getSnapshot().baseVersion ||
+            artifact.id !== session.getSnapshot().artifact.id) {
+            session.load(artifact);
         }
-    }, [state.event, announce, t]);
-    const [, forceRender] = useState(0);
+    }, [artifact, session]);
     useEffect(() => {
-        if (!state.lockedUntil)
+        onChange?.(snapshot);
+    }, [snapshot, onChange]);
+    const draft = snapshot.artifact;
+    const canSave = Boolean(onSave) && snapshot.dirty && !saving && !readOnly;
+    async function save() {
+        if (!canSave || !onSave)
             return;
-        const delay = Date.parse(state.lockedUntil) - Date.now();
-        if (delay <= 0)
-            return;
-        const timer = setTimeout(() => forceRender((n) => n + 1), delay + 10);
-        return () => clearTimeout(timer);
-    }, [state.lockedUntil]);
-    const locked = state.lockedUntil !== undefined && Date.parse(state.lockedUntil) > Date.now();
-    const readOnly = state.status === 'conflict' || locked;
-    const onKeyDown = useCallback((event) => {
-        if (event.defaultPrevented || !(event.ctrlKey || event.metaKey) || event.altKey)
+        setSaving(true);
+        setSaveError(undefined);
+        try {
+            await onSave({
+                artifactId: draft.id,
+                format: draft.format,
+                baseVersion: snapshot.baseVersion,
+                title: draft.title,
+                locale: draft.locale,
+                themeId: draft.themeId,
+                content: draft.content,
+                operations: snapshot.operations,
+            });
+        }
+        catch (error) {
+            setSaveError(error);
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    function onKeyDown(event) {
+        if (event.defaultPrevented || !(event.metaKey || event.ctrlKey))
             return;
         const key = event.key.toLowerCase();
-        if (key === 'z' && !event.shiftKey) {
+        if (key === 's') {
+            event.preventDefault();
+            void save();
+        }
+        else if (key === 'z' && !event.shiftKey) {
             event.preventDefault();
             session.undo();
         }
-        else if ((key === 'z' && event.shiftKey) || key === 'y') {
+        else if (key === 'y' || (key === 'z' && event.shiftKey)) {
             event.preventDefault();
             session.redo();
         }
-    }, [session]);
-    const onBlur = useCallback((event) => {
-        if (!event.currentTarget.contains(event.relatedTarget))
-            session.flush();
-    }, [session]);
-    const view = state.view;
-    const renderCtx = useMemo(() => renderContext(ctx, view.themeId, view.locale, 'screen', false), [ctx, view.themeId, view.locale]);
-    const lint = useMemo(() => {
-        try {
-            return registry
-                .get(props.artifact.kind)
-                .lint(view.content, { locale: view.locale, theme: ctx.themeFor(view.themeId) });
-        }
-        catch {
-            return [];
-        }
-    }, [ctx, registry, props.artifact.kind, view]);
-    const emit = useCallback((operations, options) => {
-        session.emit(operations, options);
-    }, [session]);
-    const statusText = state.status === 'saving'
-        ? t('saving')
-        : state.status === 'editing'
-            ? t('unsaved')
-            : state.status === 'conflict'
-                ? t('conflictTitle')
-                : t('saved');
-    return (_jsxs("section", { className: cx('ak-root ak-editor', props.className), ...rootAttributes(ctx, view.themeId), "aria-label": t('editorLabel', { title: view.title }), lang: view.locale, onKeyDown: onKeyDown, onBlur: onBlur, "data-status": state.status, children: [live, _jsxs("div", { ...slot(props.slots, 'toolbar', 'ak-editor-toolbar'), role: "toolbar", "aria-label": t('editorLabel', { title: view.title }), children: [_jsxs("button", { type: "button", className: "ak-button", onClick: session.undo, disabled: !state.canUndo, "aria-keyshortcuts": "Control+Z Meta+Z", children: [_jsx(Undo2, { "aria-hidden": "true" }), t('undo')] }), _jsxs("button", { type: "button", className: "ak-button", onClick: session.redo, disabled: !state.canRedo, "aria-keyshortcuts": "Control+Shift+Z Meta+Shift+Z Control+Y", children: [_jsx(Redo2, { "aria-hidden": "true" }), t('redo')] }), lint.length > 0 ? (_jsx("span", { className: "ak-badge", children: t('lintWarnings', { count: lint.length }) })) : null, _jsx("span", { ...slot(props.slots, 'status', 'ak-editor-status'), "aria-hidden": "true", children: statusText })] }), locked && state.lockedUntil ? (_jsx("p", { ...slot(props.slots, 'notice', 'ak-notice'), role: "status", children: t('lockedUntil', { time: formatDate(state.lockedUntil, ctx.locale) }) })) : null, state.error && state.status !== 'conflict' ? (_jsx(ErrorMessage, { error: state.error, onDismiss: session.dismissError, ...slot(props.slots, 'error', '') })) : null, state.conflict ? _jsx(ConflictBox, { state: state, session: session, slots: props.slots }) : null, _jsx("div", { ...slot(props.slots, 'body', 'ak-view-body'), children: _jsx(ErrorBoundary, { onReset: () => ctx.resetLoad('editor', props.artifact.kind), fallback: (error, reset) => (_jsxs(_Fragment, { children: [_jsx(ErrorMessage, { error: error, onRetry: reset }), _jsx(KindRenderer, { kind: props.artifact.kind, content: view.content, ctx: renderCtx })] })), children: _jsx(Suspense, { fallback: _jsx(KindRenderer, { kind: props.artifact.kind, content: view.content, ctx: renderCtx }), children: _jsx(LoadedEditor, { kind: props.artifact.kind, content: view.content, ctx: renderCtx, emit: emit, readOnly: readOnly, lint: lint }) }) }) })] }));
+    }
+    const emit = (operations, options) => {
+        void session.apply(operations, { ...(options?.kind ? { kind: options.kind } : {}) });
+    };
+    const actions = {
+        canUndo: snapshot.canUndo,
+        canRedo: snapshot.canRedo,
+        undo: () => session.undo(),
+        redo: () => session.redo(),
+        dirty: snapshot.dirty,
+        saving,
+        canSave,
+        save: () => void save(),
+    };
+    return (_jsxs("section", { className: cx('ak-root ak-editor', className), ...rootAttributes(ctx, draft.themeId), "data-dirty": snapshot.dirty || undefined, onKeyDown: onKeyDown, children: [snapshot.error ? _jsx(ErrorMessage, { error: snapshot.error, onDismiss: () => session.undo() }) : null, saveError ? _jsx(ErrorMessage, { error: saveError }) : null, _jsx("div", { ...slot(slots, 'body', 'ak-editor-body'), children: _jsx(ErrorBoundary, { fallback: (error) => _jsx(ErrorMessage, { error: error }), children: _jsx(Suspense, { fallback: _jsx(Loading, {}), children: _jsx(LoadedEditor, { slots: slots, actions: actions, format: draft.format, content: draft.content, ctx: ctx, themeId: draft.themeId, locale: draft.locale, emit: emit, readOnly: Boolean(readOnly), lint: snapshot.lint }) }) }) })] }));
 }
-function ConflictBox({ state, session, slots, }) {
-    const { t } = useArtkit();
-    const conflict = state.conflict;
-    const first = useRef(null);
-    const titleId = useId();
-    useEffect(() => {
-        first.current?.focus();
-    }, []);
-    const undoing = conflict.reason === 'undo' || conflict.reason === 'redo';
-    return (_jsxs("section", { ...slot(slots, 'conflict', 'ak-conflict'), role: "alert", "aria-labelledby": titleId, children: [_jsx("h3", { className: "ak-conflict-title", id: titleId, children: t('conflictTitle') }), _jsx("p", { children: undoing ? t('conflictUndoBody') : t('conflictBody', { version: conflict.latest.version }) }), _jsx(ChangeList, { changes: conflict.changes }), _jsxs("div", { className: "ak-approval-actions", children: [_jsx("button", { ref: first, type: "button", className: "ak-button", "data-variant": "primary", onClick: () => session.resolveConflict('keep-theirs'), children: t('keepTheirs') }), _jsxs("button", { type: "button", className: "ak-button", onClick: () => session.resolveConflict('reapply'), children: [_jsx(RotateCcw, { "aria-hidden": "true" }), t('reapplyMine')] })] })] }));
+function LoadedEditor({ format, content, ctx, themeId, locale, emit, readOnly, lint, actions, slots, }) {
+    const { Editor, css, toolbar } = use(ctx.loadEditor(format));
+    const renderCtx = useMemo(() => renderContext(ctx, themeId, locale, 'screen', false), [ctx, themeId, locale]);
+    return (_jsxs(_Fragment, { children: [css ? (_jsx("style", { href: `artkit-editor-${format}-${hashString(css)}`, precedence: "artkit", nonce: ctx.nonce, children: css })) : null, toolbar === 'format' ? null : _jsx(HostToolbar, { actions: actions, slots: slots }), _jsx(Editor, { content: content, ctx: renderCtx, emit: emit, readOnly: readOnly, lint: lint, actions: actions })] }));
 }
-function LoadedEditor({ kind, content, ctx: renderCtx, emit, readOnly, lint, }) {
-    const ctx = useArtkit();
-    const { Editor, css } = use(ctx.loadEditor(kind));
-    return (_jsxs(_Fragment, { children: [css ? (_jsx("style", { href: `artkit-editor-${kind}-${hashString(css)}`, precedence: "artkit", nonce: ctx.nonce, children: css })) : null, _jsx(Editor, { content: content, ctx: renderCtx, emit: emit, readOnly: readOnly, lint: lint })] }));
+/** Undo, redo, save status and save, drawn by the host above editors that do not draw their own toolbar. */
+function HostToolbar({ actions, slots }) {
+    const { t } = useArtkit();
+    return (_jsxs("header", { ...slot(slots, 'toolbar', 'ak-editor-toolbar'), children: [_jsxs("div", { className: "ak-editor-history", children: [_jsx("button", { type: "button", className: "ak-button", "data-variant": "quiet", disabled: !actions.canUndo, onClick: actions.undo, "aria-label": t('undo'), title: t('undo'), children: _jsx(Undo2, { "aria-hidden": "true" }) }), _jsx("button", { type: "button", className: "ak-button", "data-variant": "quiet", disabled: !actions.canRedo, onClick: actions.redo, "aria-label": t('redo'), title: t('redo'), children: _jsx(Redo2, { "aria-hidden": "true" }) })] }), _jsx("span", { ...slot(slots, 'status', 'ak-editor-status'), role: "status", "aria-live": "polite", children: actions.dirty ? t('unsaved') : t('saved') }), _jsxs("button", { type: "button", className: "ak-button", "data-variant": "primary", disabled: !actions.canSave, onClick: actions.save, children: [_jsx(Save, { "aria-hidden": "true" }), actions.saving ? t('saving') : t('save')] })] }));
 }
 //# sourceMappingURL=editor.js.map

package/dist/components/editor.js.map

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

package/dist/components/icons.d.ts

@@ -1,8 +1,8 @@
 import { type LucideIcon } from 'lucide-react';
 /** Lucide icon per native kind; unknown kinds get a generic file. */
 export declare const KIND_ICONS: Record<string, LucideIcon>;
-export declare function KindIcon({ kind, className }: {
-    kind: string;
+export declare function KindIcon({ format, className }: {
+    format: string;
     className?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=icons.d.ts.map

package/dist/components/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,EAAiC,MAAM,cAAc,CAAC;AAE9F,qEAAqE;AACrE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAKjD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGjF"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,EAAiC,MAAM,cAAc,CAAC;AAE9F,qEAAqE;AACrE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAKjD,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAGrF"}

package/dist/components/icons.js

@@ -7,8 +7,8 @@ export const KIND_ICONS = {
     slides: Presentation,
     diagram: Workflow,
 };
-export function KindIcon({ kind, className }) {
-    const Icon = KIND_ICONS[kind] ?? File;
+export function KindIcon({ format, className }) {
+    const Icon = KIND_ICONS[format] ?? File;
     return _jsx(Icon, { "aria-hidden": "true", focusable: "false", className: className });
 }
 //# sourceMappingURL=icons.js.map

package/dist/components/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAmB,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE9F,qEAAqE;AACrE,MAAM,CAAC,MAAM,UAAU,GAA+B;IACpD,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAwC;IAChF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;IACtC,OAAO,KAAC,IAAI,mBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,GAAI,CAAC;AAC7E,CAAC"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/components/icons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAmB,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE9F,qEAAqE;AACrE,MAAM,CAAC,MAAM,UAAU,GAA+B;IACpD,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAA0C;IACpF,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC;IACxC,OAAO,KAAC,IAAI,mBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,GAAI,CAAC;AAC7E,CAAC"}

package/dist/components/panel.d.ts

@@ -1,26 +1,20 @@
-import type { Actor, Artifact } from '@artkit-ai/core';
+import type { Artifact } from '@artkit-ai/core';
 import { type ReactNode } from 'react';
-import type { StatusAction } from '../client.js';
-import { type EditorPermission } from './editor.js';
+import type { DraftSnapshot } from '../editor-session.js';
+import { type ArtifactEditorProps } from './editor.js';
 import { type Slots } from './shared.js';
-export type PanelTab = 'view' | 'code' | 'history';
-export type ArtifactPanelPart = 'header' | 'title' | 'toolbar' | 'tabs' | 'body' | 'code' | 'history';
+export type PanelTab = 'view' | 'edit' | 'code';
+export type ArtifactPanelPart = 'header' | 'title' | 'toolbar' | 'tabs' | 'body' | 'code';
 export interface ArtifactPanelProps {
     id?: string;
     artifact?: Artifact;
     tab?: PanelTab;
     defaultTab?: PanelTab;
     onTabChange?(tab: PanelTab): void;
-    /** Selected version (undefined = latest). Controlled when `onVersionChange` is given with it. */
-    version?: number;
-    onVersionChange?(version: number | undefined): void;
-    /** `edit` shows the kind editor in the View tab for the latest version (default `read`). */
-    permission?: EditorPermission;
-    /** Streaming preview and lock state, forwarded to the view/editor. */
-    partial?: unknown;
-    lockedBy?: Actor | null;
-    /** Lifecycle actions offered; defaults depend on the status. `false` hides them. */
-    actions?: StatusAction[] | false;
+    /** Save action of the editor tab: the application decides what saving means. */
+    onSave?: ArtifactEditorProps['onSave'];
+    /** Draft changes, forwarded from the editor tab. */
+    onChange?(snapshot: DraftSnapshot): void;
     /** Export formats; defaults to the provider's server formats plus browser exporters. */
     exportFormats?: string[];
     onClose?(): void;
@@ -29,6 +23,9 @@ export interface ArtifactPanelProps {
     className?: string;
     slots?: Slots<ArtifactPanelPart>;
 }
-/** Assistant-style side panel: View, Code and History tabs, version selector, export and lifecycle (spec §13.1). */
+/**
+ * Side panel of one artifact: View, Edit and Code tabs and the export menu (spec §13.1). There is no history, approval
+ * or archive here: the application owns versions and publication.
+ */
 export declare function ArtifactPanel(props: ArtifactPanelProps): import("react").JSX.Element;
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/components/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAgC,MAAM,iBAAiB,CAAC;AAErF,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAKjD,OAAO,EAAkB,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAQL,KAAK,KAAK,EAIX,MAAM,aAAa,CAAC;AAGrB,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEtG,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,WAAW,CAAC,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,CAAC;IAClC,iGAAiG;IACjG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,4FAA4F;IAC5F,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACxB,oFAAoF;IACpF,OAAO,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACjC,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CAClC;AAoBD,oHAAoH;AACpH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAqRtD"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/components/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAML,KAAK,KAAK,EAGX,MAAM,aAAa,CAAC;AAGrB,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1F,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,WAAW,CAAC,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,CAAC;IAClC,gFAAgF;IAChF,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACvC,oDAAoD;IACpD,QAAQ,CAAC,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IACzC,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CAClC;AAKD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAkItD"}

package/dist/components/panel.js

@@ -1,31 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Archive, Check, ChevronDown, Copy, Download, Eye, History, Rocket, Send, X } from 'lucide-react';
+import { ChevronDown, Copy, Download, X } from 'lucide-react';
 import { useCallback, useEffect, useId, useMemo, useRef, useState, } from 'react';
 import { useArtkit } from '../context.js';
-import { useArtifact, useArtifactExport, useArtifactHistory } from '../hooks.js';
-import { RejectForm } from './approval.js';
+import { useArtifact, useArtifactExport } from '../hooks.js';
 import { ArtifactEditor } from './editor.js';
-import { ChangeList, cx, ErrorMessage, formatDate, kindLabel, Loading, rootAttributes, StatusBadge, slot, useAnnouncer, } from './shared.js';
+import { cx, ErrorMessage, formatLabel, Loading, rootAttributes, slot, useAnnouncer, } from './shared.js';
 import { ArtifactView } from './view.js';
-const DEFAULT_ACTIONS = {
-    draft: ['submit', 'archive'],
-    pending_approval: ['approve', 'reject', 'archive'],
-    published: ['archive'],
-    archived: [],
-};
-const ACTION_FROM = {
-    submit: ['draft'],
-    approve: ['pending_approval'],
-    reject: ['pending_approval'],
-    publish: ['draft', 'pending_approval'],
-    archive: ['draft', 'pending_approval', 'published'],
-};
-const TABS = ['view', 'code', 'history'];
-const TAB_LABEL = { view: 'tabView', code: 'tabCode', history: 'tabHistory' };
-/** Assistant-style side panel: View, Code and History tabs, version selector, export and lifecycle (spec §13.1). */
+const TABS = ['view', 'edit', 'code'];
+const TAB_LABEL = { view: 'tabView', edit: 'tabEdit', code: 'tabCode' };
+/**
+ * Side panel of one artifact: View, Edit and Code tabs and the export menu (spec §13.1). There is no history, approval
+ * or archive here: the application owns versions and publication.
+ */
 export function ArtifactPanel(props) {
     const ctx = useArtkit();
-    const { t, client, cache } = ctx;
+    const { t } = ctx;
     const id = props.id ?? props.artifact?.id;
     const latestQuery = useArtifact(id, props.artifact ? { initial: props.artifact } : {});
     const latest = latestQuery.artifact;
@@ -35,59 +24,15 @@ export function ArtifactPanel(props) {
         setOwnTab(next);
         props.onTabChange?.(next);
     };
-    const [ownVersion, setOwnVersion] = useState(undefined);
-    const selectedVersion = props.onVersionChange ? props.version : (props.version ?? ownVersion);
-    const selectVersion = (next) => {
-        setOwnVersion(next);
-        props.onVersionChange?.(next);
-    };
-    const viewingLatest = selectedVersion === undefined || selectedVersion === latest?.version;
-    const selectedQuery = useArtifact(viewingLatest ? undefined : id, selectedVersion === undefined ? {} : { version: selectedVersion });
-    const shown = viewingLatest ? latest : selectedQuery.artifact;
-    const history = useArtifactHistory(id);
-    const exporter = useArtifactExport(id ?? '', latest?.kind);
+    const exporter = useArtifactExport(id ?? '', latest?.format);
     const [live, announce] = useAnnouncer();
-    const [statusBusy, setStatusBusy] = useState(undefined);
-    const [actionError, setActionError] = useState(undefined);
-    const [rejecting, setRejecting] = useState(false);
-    const [reason, setReason] = useState('');
     const baseId = useId();
     if (!latest || !id) {
         return (_jsx("aside", { className: cx('ak-root ak-panel', props.className), ...rootAttributes(ctx), children: latestQuery.error ? (_jsx(ErrorMessage, { error: latestQuery.error, onRetry: () => void latestQuery.refresh().catch(() => undefined) })) : (_jsx(Loading, {})) }));
     }
-    const actions = (props.actions === false ? [] : (props.actions ?? DEFAULT_ACTIONS[latest.status])).filter((action) => ACTION_FROM[action].includes(latest.status));
-    async function runAction(action, message) {
-        if (!latest)
-            return;
-        setStatusBusy(action);
-        setActionError(undefined);
-        try {
-            const updated = await client.setStatus(latest.id, action, message);
-            cache.put(updated);
-            announce(t('statusChanged', { status: t(`status_${updated.status}`) }));
-            setRejecting(false);
-            setReason('');
-        }
-        catch (error) {
-            setActionError(error);
-        }
-        finally {
-            setStatusBusy(undefined);
-        }
-    }
-    async function restore(version) {
-        try {
-            const result = await history.restore(version);
-            announce(t('restored', { version, newVersion: result.version }));
-            selectVersion(undefined);
-        }
-        catch (error) {
-            setActionError(error);
-        }
-    }
     async function exportAs(format) {
         try {
-            const result = await exporter.exportArtifact(format, viewingLatest ? {} : { version: selectedVersion });
+            const result = await exporter.exportArtifact(format, {});
             announce(t('exported', { filename: result.filename }));
         }
         catch {
@@ -113,18 +58,8 @@ export function ArtifactPanel(props) {
         selectTab(next);
         document.getElementById(tabId(next))?.focus();
     };
-    const versionOptions = mergeVersions(history.entries, latest.version);
     const exportFormats = props.exportFormats ?? exporter.formats;
-    return (_jsxs("aside", { className: cx('ak-root ak-panel', props.className), ...rootAttributes(ctx, latest.themeId), "aria-labelledby": `${baseId}-title`, "data-kind": latest.kind, children: [live, _jsxs("header", { ...slot(props.slots, 'header', 'ak-panel-header'), children: [_jsx("h2", { id: `${baseId}-title`, ...slot(props.slots, 'title', 'ak-panel-title'), children: latest.title }), _jsx("span", { className: "ak-history-meta", children: kindLabel(ctx, latest.kind) }), _jsx(StatusBadge, { status: latest.status }), props.headerActions, props.onClose ? (_jsx("button", { type: "button", className: "ak-button", "data-variant": "quiet", onClick: props.onClose, "aria-label": t('close'), children: _jsx(X, { "aria-hidden": "true" }) })) : null] }), _jsxs("div", { ...slot(props.slots, 'toolbar', 'ak-panel-toolbar'), children: [_jsx("label", { htmlFor: `${baseId}-version`, children: t('version') }), _jsxs("select", { id: `${baseId}-version`, className: "ak-select", value: viewingLatest ? '' : String(selectedVersion), onChange: (event) => selectVersion(event.target.value === '' ? undefined : Number(event.target.value)), children: [_jsx("option", { value: "", children: `${t('versionShort', { version: latest.version })} (${t('latest')})` }), versionOptions
-                                .filter((version) => version !== latest.version)
-                                .map((version) => (_jsx("option", { value: String(version), children: t('versionShort', { version }) }, version)))] }), _jsx(ExportMenu, { formats: exportFormats, pending: exporter.pending, onOpen: () => void exporter.loadFormats(), onSelect: (format) => void exportAs(format) }), actions.map((action) => action === 'reject' ? (_jsxs("button", { type: "button", className: "ak-button", "data-variant": "danger", disabled: statusBusy !== undefined, onClick: () => setRejecting(true), children: [_jsx(X, { "aria-hidden": "true" }), t('action_reject')] }, action)) : (_jsxs("button", { type: "button", className: "ak-button", "data-variant": action === 'approve' || action === 'submit' || action === 'publish' ? 'primary' : undefined, disabled: statusBusy !== undefined, onClick: () => void runAction(action), children: [_jsx(ActionIcon, { action: action }), t(`action_${action}`)] }, action)))] }), rejecting ? (_jsx("div", { className: "ak-panel-toolbar", children: _jsx(RejectForm, { busy: statusBusy !== undefined, requireReason: true, reason: reason, onReasonChange: setReason, onSubmit: () => void runAction('reject', reason.trim()), onCancel: () => setRejecting(false) }) })) : null, actionError ? _jsx(ErrorMessage, { error: actionError, onDismiss: () => setActionError(undefined) }) : null, exporter.error ? _jsx(ErrorMessage, { error: exporter.error }) : null, exporter.warnings.length > 0 ? (_jsxs("div", { className: "ak-notice", role: "status", children: [t('exportWarnings'), _jsx("ul", { children: exporter.warnings.map((warning) => (_jsx("li", { children: warning }, warning))) })] })) : null, _jsx("div", { ...slot(props.slots, 'tabs', 'ak-tabs'), role: "tablist", "aria-label": t('tabsLabel'), children: TABS.map((name) => (_jsx("button", { id: tabId(name), type: "button", role: "tab", className: "ak-tab", "aria-selected": tab === name, "aria-controls": panelId(name), tabIndex: tab === name ? 0 : -1, onClick: () => selectTab(name), onKeyDown: onTabKeyDown, children: t(TAB_LABEL[name]) }, name))) }), _jsxs("div", { ...slot(props.slots, 'body', 'ak-panel-body'), role: "tabpanel", id: panelId(tab), "aria-labelledby": tabId(tab), children: [tab === 'view' ? (viewingLatest && (props.permission === 'edit' || props.lockedBy) ? (_jsx(ArtifactEditor, { artifact: latest, permission: props.permission ?? 'read', ...(props.lockedBy ? { lockedBy: props.lockedBy } : {}), ...(props.partial === undefined ? {} : { partial: props.partial }) })) : shown ? (_jsx(ArtifactView, { artifact: shown, ...(viewingLatest && props.partial !== undefined ? { partial: props.partial } : {}) })) : selectedQuery.error ? (_jsx(ErrorMessage, { error: selectedQuery.error })) : (_jsx(Loading, {}))) : null, tab === 'code' ? _jsx(CodeTab, { artifact: shown, slots: props.slots }) : null, tab === 'history' ? (_jsx(HistoryTab, { history: history, latestVersion: latest.version, selectedVersion: viewingLatest ? latest.version : selectedVersion, slots: props.slots, onView: (version) => {
-                            selectVersion(version === latest.version ? undefined : version);
-                            selectTab('view');
-                        }, onRestore: (version) => void restore(version) })) : null] })] }));
-}
-function mergeVersions(entries, latest) {
-    const versions = new Set([latest, ...entries.map((entry) => entry.version)]);
-    return [...versions].sort((a, b) => b - a);
+    return (_jsxs("aside", { className: cx('ak-root ak-panel', props.className), ...rootAttributes(ctx, latest.themeId), "aria-labelledby": `${baseId}-title`, "data-format": latest.format, children: [live, _jsxs("header", { ...slot(props.slots, 'header', 'ak-panel-header'), children: [_jsx("h2", { id: `${baseId}-title`, ...slot(props.slots, 'title', 'ak-panel-title'), children: latest.title }), _jsx("span", { className: "ak-history-meta", children: formatLabel(ctx, latest.format) }), _jsx("span", { className: "ak-badge", children: t('versionShort', { version: latest.version }) }), props.headerActions, _jsx(ExportMenu, { formats: exportFormats, pending: exporter.pending, onOpen: () => void exporter.loadFormats(), onSelect: (format) => void exportAs(format) }), props.onClose ? (_jsx("button", { type: "button", className: "ak-button", "data-variant": "quiet", onClick: props.onClose, "aria-label": t('close'), children: _jsx(X, { "aria-hidden": "true" }) })) : null] }), exporter.error ? _jsx(ErrorMessage, { error: exporter.error, className: "ak-panel-notice" }) : null, _jsx("div", { role: "tablist", "aria-label": latest.title, ...slot(props.slots, 'tabs', 'ak-tabs'), children: TABS.map((name) => (_jsx("button", { id: tabId(name), type: "button", role: "tab", className: "ak-tab", "aria-selected": tab === name, "aria-controls": panelId(name), tabIndex: tab === name ? 0 : -1, onClick: () => selectTab(name), onKeyDown: onTabKeyDown, children: t(TAB_LABEL[name]) }, name))) }), _jsxs("div", { id: panelId(tab), role: "tabpanel", "aria-labelledby": tabId(tab), ...slot(props.slots, 'body', 'ak-panel-body'), children: [tab === 'view' ? _jsx(ArtifactView, { artifact: latest }) : null, tab === 'edit' ? (_jsx(ArtifactEditor, { artifact: latest, ...(props.onSave ? { onSave: props.onSave } : {}), ...(props.onChange ? { onChange: props.onChange } : {}) })) : null, tab === 'code' ? _jsx(CodeTab, { artifact: latest, slots: props.slots }) : null] })] }));
 }
 function CodeTab({ artifact, slots, }) {
     const { t } = useArtkit();
@@ -137,20 +72,6 @@ function CodeTab({ artifact, slots, }) {
                     clipboard.writeText(text).then(() => setCopied(true), () => setCopied(false));
                 }, children: [_jsx(Copy, { "aria-hidden": "true" }), copied ? t('copied') : t('copy')] })) : null, _jsx("pre", { ...slot(slots, 'code', 'ak-code'), children: _jsx("code", { children: text }) })] }));
 }
-function HistoryTab(props) {
-    const ctx = useArtkit();
-    const { t } = ctx;
-    const { history } = props;
-    if (history.error && history.entries.length === 0)
-        return _jsx(ErrorMessage, { error: history.error, onRetry: () => void history.refresh() });
-    if (history.loading && history.entries.length === 0)
-        return _jsx(Loading, {});
-    if (history.entries.length === 0)
-        return _jsx("p", { className: "ak-notice", children: t('historyEmpty') });
-    return (_jsxs("div", { children: [_jsx("ol", { ...slot(props.slots, 'history', 'ak-history'), reversed: true, children: history.entries.map((entry) => (_jsxs("li", { className: "ak-history-entry", "aria-current": entry.version === props.selectedVersion ? 'true' : undefined, children: [_jsxs("div", { className: "ak-history-head", children: [_jsx("strong", { children: t('versionShort', { version: entry.version }) }), _jsxs("span", { className: "ak-history-meta", children: [formatDate(entry.createdAt, ctx.locale), " \u00B7", ' ', t('by', { actor: t(`actor_${entry.actor.type}`) }), entry.restoredFrom !== undefined
-                                            ? ` · ${t('restoredFrom', { version: entry.restoredFrom })}`
-                                            : ''] }), _jsxs("span", { className: "ak-history-actions", children: [_jsxs("button", { type: "button", className: "ak-button", "aria-label": t('viewVersion', { version: entry.version }), onClick: () => props.onView(entry.version), children: [_jsx(Eye, { "aria-hidden": "true" }), t('tabView')] }), entry.version !== props.latestVersion ? (_jsxs("button", { type: "button", className: "ak-button", "aria-label": t('restoreVersion', { version: entry.version }), disabled: history.restoring !== undefined, onClick: () => props.onRestore(entry.version), children: [_jsx(History, { "aria-hidden": "true" }), t('restore')] })) : null] })] }), entry.message ? _jsx("p", { className: "ak-history-meta", children: entry.message }) : null, entry.diff.length > 0 ? _jsx(ChangeList, { changes: entry.diff }) : null] }, entry.version))) }), history.hasMore ? (_jsx("button", { type: "button", className: "ak-button", disabled: history.loading, onClick: () => void history.loadMore(), children: t('loadMore') })) : null] }));
-}
 function ExportMenu(props) {
     const { t } = useArtkit();
     const [open, setOpen] = useState(false);
@@ -208,9 +129,4 @@ function ExportMenu(props) {
                         props.onSelect(format);
                     }, children: format.toUpperCase() }, format)))) })) : null] }));
 }
-const ACTION_ICONS = { submit: Send, approve: Check, publish: Rocket, archive: Archive };
-function ActionIcon({ action }) {
-    const Icon = ACTION_ICONS[action];
-    return Icon ? _jsx(Icon, { "aria-hidden": "true" }) : null;
-}
 //# sourceMappingURL=panel.js.map