@graphvideo/workbench 1.0.0

package/dist/plugins/pluginManager.d.ts

@@ -0,0 +1,20 @@
+import type { StudioPluginManifest } from '@graphvideo/backend-sdk';
+import type { WorkbenchContextStore } from '../context/workbenchContextStore';
+import type { ElementLoader } from '../elements/elementLoader';
+export interface PluginRuntimeManagerOptions {
+    contextStore: WorkbenchContextStore;
+    elementLoader: ElementLoader;
+}
+/** Renderer lifecycle only. Backend plugins are composed once in Electron main and require restart. */
+export declare class PluginRuntimeManager {
+    private readonly options;
+    constructor(options: PluginRuntimeManagerOptions);
+    uninstall(manifest: StudioPluginManifest | {
+        id: string;
+        contributes?: {
+            backend?: string;
+            elements?: readonly string[];
+            workspaces?: readonly string[];
+        };
+    }): Promise<void>;
+}

package/dist/preferences/themePreferences.d.ts

@@ -0,0 +1,9 @@
+/** 工作台主题与根元素应用：四套内置主题，产品默认可配，用户保存值优先。 */
+export type ThemeName = 'dark' | 'light' | 'xueqing' | 'shiliuqun';
+export declare const themeNames: readonly ThemeName[];
+export declare const defaultTheme: ThemeName;
+export declare function isThemeName(value: unknown): value is ThemeName;
+/** 用户保存值优先；缺失或失效回退到产品默认。 */
+export declare function readThemePreference(productDefault?: ThemeName, storage?: Pick<Storage, 'getItem'>): ThemeName;
+/** 应用到根元素并持久化；浮动窗口经属性同步跟随。 */
+export declare function applyThemePreference(theme: ThemeName, root?: HTMLElement, storage?: Pick<Storage, 'setItem'>): void;

package/dist/preferences/typographyPreferences.d.ts

@@ -0,0 +1,16 @@
+export type InterfaceFont = 'default' | 'system' | 'mono';
+export type InterfaceFontSize = 'compact' | 'standard' | 'comfortable';
+export interface TypographyPreferences {
+    font: InterfaceFont;
+    size: InterfaceFontSize;
+}
+export declare const interfaceFontOptions: Array<{
+    value: InterfaceFont;
+    label: string;
+}>;
+export declare const interfaceFontSizeOptions: Array<{
+    value: InterfaceFontSize;
+    label: string;
+}>;
+export declare function readTypographyPreferences(storage?: Pick<Storage, 'getItem'>): TypographyPreferences;
+export declare function applyTypographyPreferences(preferences: TypographyPreferences, root?: HTMLElement, storage?: Pick<Storage, 'setItem'>): void;

package/dist/registry/eventRegistry.d.ts

@@ -0,0 +1,29 @@
+declare const eventPayload: unique symbol;
+export interface EventToken<T> {
+    readonly id: string;
+    readonly [eventPayload]?: (payload: T) => T;
+}
+export type EventListener<T> = (payload: Readonly<T>) => void | Promise<void>;
+export interface EventListenerDefinition<T = unknown> {
+    event: EventToken<T>;
+    listener: EventListener<T>;
+}
+export interface EventListenerFailure {
+    eventId: string;
+    owner: string;
+    error: unknown;
+}
+export declare function defineEvent<T>(id: string): EventToken<T>;
+export declare class EventRegistry {
+    private readonly listeners;
+    private reportFailure;
+    constructor(reportFailure?: (failure: EventListenerFailure) => void);
+    setFailureReporter(reportFailure: (failure: EventListenerFailure) => void): void;
+    replaceOwner(owner: string, definitions: EventListenerDefinition<any>[]): void;
+    listen<T>(owner: string, event: EventToken<T>, listener: EventListener<T>): () => void;
+    unregisterOwner(owner: string): void;
+    emit<T>(event: EventToken<T>, payload: Readonly<T>): void;
+    listenerCount<T>(event: EventToken<T>): number;
+    private assertDefinitions;
+}
+export {};

package/dist/registry/extensionRegistry.d.ts

@@ -0,0 +1,11 @@
+import type { ExtensionDefinition } from '../elements/types';
+export declare class ExtensionRegistry {
+    private readonly registry;
+    readonly subscribe: (listener: () => void) => () => boolean;
+    readonly getSnapshot: () => number;
+    register(owner: string, extension: ExtensionDefinition): void;
+    assertCanReplace(owner: string, values: ExtensionDefinition[]): void;
+    replaceOwner(owner: string, values: ExtensionDefinition[]): void;
+    unregisterOwner(owner: string): void;
+    list(point?: string): ExtensionDefinition[];
+}

package/dist/registry/ownedRegistry.d.ts

@@ -0,0 +1,21 @@
+export interface OwnedEntry<T> {
+    owner: string;
+    value: T;
+}
+export declare class OwnedRegistry<T extends {
+    id: string;
+}> {
+    private readonly entries;
+    private readonly listeners;
+    private version;
+    readonly subscribe: (listener: () => void) => () => boolean;
+    readonly getSnapshot: () => number;
+    register(owner: string, value: T): void;
+    assertCanReplace(owner: string, values: T[]): void;
+    replaceOwner(owner: string, values: T[]): void;
+    unregisterOwner(owner: string): void;
+    get(id: string): T | undefined;
+    list(): T[];
+    ownerOf(id: string): string | undefined;
+    private emit;
+}

package/dist/registry/panelRegistry.d.ts

@@ -0,0 +1,13 @@
+import type { PanelDefinition } from '../elements/types';
+export declare class PanelRegistry {
+    private readonly registry;
+    readonly subscribe: (listener: () => void) => () => boolean;
+    readonly getSnapshot: () => number;
+    register(owner: string, panel: PanelDefinition): void;
+    assertCanReplace(owner: string, panels: PanelDefinition[]): void;
+    replaceOwner(owner: string, panels: PanelDefinition[]): void;
+    unregisterOwner(owner: string): void;
+    get(id: string): PanelDefinition | undefined;
+    list(): PanelDefinition[];
+    ownerOf(id: string): string | undefined;
+}

package/dist/registry/serviceRegistry.d.ts

@@ -0,0 +1,28 @@
+declare const serviceValue: unique symbol;
+export interface ServiceToken<T> {
+    readonly id: string;
+    readonly [serviceValue]?: (value: T) => T;
+}
+export interface ServiceProviderDefinition<T = unknown> {
+    id: string;
+    token: ServiceToken<T>;
+    value: T;
+}
+export declare function defineService<T>(id: string): ServiceToken<T>;
+export declare class ServiceRegistry {
+    private readonly providers;
+    private readonly listeners;
+    private version;
+    readonly subscribe: (listener: () => void) => () => boolean;
+    readonly getSnapshot: () => number;
+    assertCanReplace(owner: string, definitions: ServiceProviderDefinition<any>[]): void;
+    replaceOwner(owner: string, definitions: ServiceProviderDefinition<any>[]): void;
+    unregisterOwner(owner: string): void;
+    get<T>(token: ServiceToken<T>): T | undefined;
+    require<T>(token: ServiceToken<T>): T;
+    has<T>(token: ServiceToken<T>): boolean;
+    getOwnerDefinitions(owner: string): ServiceProviderDefinition<any>[];
+    ownerOf<T>(token: ServiceToken<T>): string | undefined;
+    private emit;
+}
+export {};

package/dist/registry/stateRegistry.d.ts

@@ -0,0 +1,16 @@
+import type { ElementStateBinding, ElementStateDefinition, ElementStateHandle } from '../elements/types';
+export declare class ElementStateRegistry {
+    private readonly definitions;
+    private readonly cells;
+    assertCanReplace(owner: string, definitions: ElementStateDefinition[]): void;
+    replaceOwner(owner: string, definitions: ElementStateDefinition[]): void;
+    unregisterOwner(owner: string): void;
+    bind<T>(owner: string, stateId: string, binding: ElementStateBinding): ElementStateHandle<T>;
+    listDefinitions(): {
+        owner: string;
+        definition: ElementStateDefinition<unknown>;
+    }[];
+    getOwnerDefinitions(owner: string): ElementStateDefinition<unknown>[];
+    private definitionKey;
+    private cellKey;
+}

package/dist/ui/AudioPlayer.d.ts

@@ -0,0 +1,5 @@
+export declare function AudioPlayer({ source, label, className }: {
+    source: string;
+    label: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/ui/FloatingScrollbars.d.ts

@@ -0,0 +1,9 @@
+export declare function calculateFloatingThumb(trackSize: number, viewportSize: number, contentSize: number, scrollOffset: number): {
+    offset: number;
+    size: number;
+    scrollRange: number;
+    thumbRange: number;
+} | null;
+export declare function FloatingScrollbars({ ownerDocument }: {
+    ownerDocument?: Document;
+}): import("react").ReactPortal | null;

package/dist/ui/InlineSelect.d.ts

@@ -0,0 +1,16 @@
+export interface InlineSelectOption {
+    value: string;
+    label: string;
+}
+interface InlineSelectProps {
+    align?: 'start' | 'end';
+    ariaLabel: string;
+    className?: string;
+    disabled?: boolean;
+    menuClassName?: string;
+    onChange(value: string): void;
+    options: InlineSelectOption[];
+    value: string;
+}
+export declare function InlineSelect({ align, ariaLabel, className, disabled, menuClassName, onChange, options, value }: InlineSelectProps): import("react").JSX.Element | null;
+export {};

package/dist/ui/LargeTextEditorDialog.d.ts

@@ -0,0 +1,14 @@
+export interface LargeTextEditorDialogProps {
+    busy?: boolean;
+    label?: string;
+    onChange(value: string): void;
+    onClose(): void;
+    onSave?: () => void | Promise<void>;
+    placeholder?: string;
+    readOnly?: boolean;
+    saveDisabled?: boolean;
+    saveLabel?: string;
+    title: string;
+    value: string;
+}
+export declare function LargeTextEditorDialog({ busy, label, onChange, onClose, onSave, placeholder, readOnly, saveDisabled, saveLabel, title, value, }: LargeTextEditorDialogProps): import("react").ReactPortal | null;

package/dist/workbench.css

@@ -0,0 +1,2 @@
+:root{--font-family-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-mono:"SF Mono", Monaco, Menlo, Consolas, "Cascadia Code", "Courier New", monospace;--font-size-xs:9px;--font-size-sm:10px;--font-size-md:11px;--font-size-base:12px;--font-size-lg:13px;--font-size-xl:16px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.45;--line-height-body:1.5;--line-height-comfortable:1.55;--line-height-relaxed:1.6;--line-height-prose:1.65;--line-height-editor:20px}:root[data-font-family=system]{--font-family-ui:system-ui, "Microsoft YaHei", sans-serif}:root[data-font-family=mono]{--font-family-ui:var(--font-family-mono)}:root[data-font-size=compact]{--font-size-xs:8px;--font-size-sm:9px;--font-size-md:10px;--font-size-base:11px;--font-size-lg:12px;--font-size-xl:14px}:root[data-font-size=comfortable]{--font-size-xs:10px;--font-size-sm:11px;--font-size-md:12px;--font-size-base:13px;--font-size-lg:14px;--font-size-xl:18px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--palette-neutral-1000:#080a0d;--palette-neutral-950:#111318;--palette-neutral-925:#14171c;--palette-neutral-900:#17191e;--palette-neutral-875:#191c21;--palette-neutral-850:#1c1f25;--palette-neutral-825:#202329;--palette-neutral-800:#22252c;--palette-neutral-750:#292d35;--palette-neutral-700:#30343c;--palette-neutral-650:#343842;--palette-neutral-600:#454b57;--palette-neutral-500:#656b75;--palette-neutral-400:#8b919c;--palette-neutral-300:#aeb3bc;--palette-neutral-200:#d6d9df;--palette-neutral-100:#eef2ff;--palette-white:#fff;--palette-black:#000;--palette-blue-500:#6b8cff;--palette-blue-400:#7e9aff;--palette-green-500:#6fcf97;--palette-yellow-500:#e8bd68;--palette-red-500:#ed7474;--palette-cyan-500:#67c8d8;--palette-purple-500:#b88ae8;--palette-orange-500:#e89a62;--palette-xueqing:#bdb5d7;--palette-ziluolan:#7356b1;--palette-mingyuedang:#d6d4cd;--palette-shiliuqun:#b3392f;--surface-canvas:var(--palette-neutral-950);--surface-header:#111318;--surface-panel:var(--palette-neutral-850);--surface-hover:color-mix(in srgb, var(--palette-neutral-750), var(--palette-white) 6%);--border-subtle:color-mix(in srgb, var(--palette-neutral-650), transparent 35%);--border-strong:var(--palette-neutral-600);--accent-primary:#38bdf8;--status-success:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--canvas-grid-dot:#94a3b814;--edge-conduit:#64748b73;--port-idle:#64748b;--surface-app:var(--palette-neutral-900);--surface-panel-subtle:var(--palette-neutral-800);--surface-raised:var(--palette-neutral-750);--surface-input:var(--palette-neutral-925);--surface-document:var(--palette-neutral-875);--surface-selected:color-mix(in srgb, var(--palette-blue-500), transparent 72%);--selection-indicator:var(--palette-blue-400);--surface-backdrop:color-mix(in srgb, var(--palette-neutral-1000), transparent 18%);--content-primary:var(--palette-neutral-200);--content-secondary:var(--palette-neutral-400);--content-tertiary:var(--palette-neutral-500);--content-on-action:var(--palette-neutral-100);--border-default:var(--palette-neutral-650);--focus-ring:var(--palette-blue-500);--action-primary-bg:var(--palette-blue-500);--action-primary-bg-hover:color-mix(in srgb, var(--palette-blue-500), var(--palette-white) 12%);--action-primary-border:color-mix(in srgb, var(--palette-blue-500), var(--palette-white) 28%);--action-primary-fg:var(--content-on-action);--state-success-fg:var(--palette-green-500);--state-success-bg:color-mix(in srgb, var(--palette-green-500), transparent 86%);--state-success-border:color-mix(in srgb, var(--palette-green-500), transparent 66%);--state-warning-fg:var(--palette-yellow-500);--state-warning-bg:color-mix(in srgb, var(--palette-yellow-500), transparent 90%);--state-warning-border:color-mix(in srgb, var(--palette-yellow-500), transparent 76%);--state-danger-fg:var(--palette-red-500);--state-danger-bg:color-mix(in srgb, var(--palette-red-500), transparent 87%);--state-danger-border:color-mix(in srgb, var(--palette-red-500), transparent 68%);--icon-brand-fg:var(--palette-neutral-100);--icon-brand-bg-start:var(--palette-blue-400);--icon-brand-bg-end:#506bd6;--icon-brand-shadow:#2945aa59;--icon-node-text:#77b8ef;--icon-node-image:var(--palette-orange-500);--icon-node-video:var(--palette-purple-500);--icon-node-audio:var(--palette-green-500);--icon-node-style:var(--palette-yellow-500);--scrollbar-thumb:#8b919c7a;--scrollbar-thumb-hover:#aeb3bcad;--shadow-floating:0 14px 48px color-mix(in srgb, var(--palette-black), transparent 38%);--overlay-scrim:color-mix(in srgb, var(--palette-neutral-1000), transparent 24%);--button-bg:var(--surface-raised);--button-bg-hover:var(--surface-hover);--button-border:var(--border-strong);--button-fg:var(--content-primary);--field-bg:var(--surface-input);--field-border:var(--border-default);--field-fg:var(--content-primary);--generation-border:color-mix(in srgb, var(--content-tertiary), transparent 68%);--terminal-background:var(--surface-document);--terminal-foreground:var(--content-primary);--terminal-cursor:var(--focus-ring);--terminal-selection:var(--surface-selected);--terminal-black:var(--content-tertiary);--terminal-red:var(--state-danger-fg);--terminal-green:var(--state-success-fg);--terminal-yellow:var(--state-warning-fg);--terminal-blue:var(--action-primary-bg);--terminal-magenta:var(--icon-node-video);--terminal-cyan:var(--icon-node-text);--terminal-white:var(--content-secondary);--terminal-bright-black:var(--content-secondary);--terminal-bright-red:var(--terminal-red);--terminal-bright-green:var(--terminal-green);--terminal-bright-yellow:var(--terminal-yellow);--terminal-bright-blue:var(--focus-ring);--terminal-bright-magenta:var(--terminal-magenta);--terminal-bright-cyan:var(--terminal-cyan);--terminal-bright-white:var(--content-primary);--header-height:27px;--topbar-height:38px;--footer-height:23px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-canvas:#f8fafc;--surface-header:#fff;--surface-panel:#fff;--surface-hover:#0000000d;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--accent-primary:#0284c7;--status-success:#059669;--status-warning:#d97706;--status-danger:#dc2626;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--canvas-grid-dot:#0f172a17;--edge-conduit:#94a3b8b3;--port-idle:#94a3b8}:root[data-theme=light],:root[data-theme=xueqing],:root[data-theme=shiliuqun]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-canvas:#f8fafc;--surface-app:#f1f5f9;--surface-header:#fff;--surface-panel:#fff;--surface-panel-subtle:#f8fafc;--surface-raised:#fff;--surface-document:#fff;--surface-input:#f8fafc;--surface-hover:#0000000d;--surface-selected:#e2e8f0;--selection-indicator:#0284c7;--surface-backdrop:#0f172a59;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--content-primary:#0f172a;--content-secondary:#475569;--content-tertiary:#94a3b8;--content-on-action:#fff;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-subtle:#e2e8f0;--focus-ring:#0284c7;--accent-primary:#0284c7;--status-success:#059669;--status-warning:#d97706;--status-danger:#dc2626;--canvas-grid-dot:#0f172a14;--edge-conduit:#0284c759;--port-idle:#94a3b8;--palette-neutral-1000:#fff;--palette-neutral-950:#f8fafc;--palette-neutral-925:#f1f5f9;--palette-neutral-900:#e2e8f0;--palette-neutral-850:#cbd5e1;--palette-neutral-800:#94a3b8;--palette-neutral-700:#64748b;--palette-neutral-600:#475569;--palette-neutral-500:#334155;--palette-neutral-400:#1e293b;--palette-neutral-300:#0f172a;--palette-neutral-200:#0f172a;--palette-neutral-100:#0f172a;--palette-blue-500:#0284c7;--palette-blue-400:#0369a1;--palette-green-500:#059669;--palette-yellow-500:#d97706;--palette-red-500:#dc2626;--action-primary-bg:#0284c7;--action-primary-bg-hover:#0369a1;--action-primary-border:#0284c7;--state-success-fg:#059669;--state-warning-fg:#d97706;--state-danger-fg:#dc2626;--icon-brand-fg:#fff;--icon-brand-bg-start:#0284c7;--icon-brand-bg-end:#0369a1;--icon-brand-shadow:#0284c73d;--icon-node-text:#0284c7;--icon-node-image:#d97706;--icon-node-video:#7c3aed;--icon-node-audio:#059669;--icon-node-style:#ca8a04;--scrollbar-thumb:#64748b4d;--scrollbar-thumb-hover:#64748b80;--shadow-floating:0 14px 48px #0f172a1f;--overlay-scrim:#0f172a59;--terminal-background:#fff;--terminal-foreground:#0f172a;--terminal-cursor:#0284c7;--terminal-selection:#cbd5e1;--terminal-black:#0f172a;--terminal-red:#b91c1c;--terminal-green:#15803d;--terminal-yellow:#b45309;--terminal-blue:#1d4ed8;--terminal-magenta:#7e22ce;--terminal-cyan:#0e7490;--terminal-white:#334155;--terminal-bright-black:#475569;--terminal-bright-red:#dc2626;--terminal-bright-green:#16a34a;--terminal-bright-yellow:#d97706;--terminal-bright-blue:#2563eb;--terminal-bright-magenta:#9333ea;--terminal-bright-cyan:#0284c7;--terminal-bright-white:#020617}:root[data-theme=xueqing]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-canvas:#f7f6fa;--surface-app:#f2f0f7;--surface-header:#fff;--surface-panel:#fff;--surface-panel-subtle:#fbfbfe;--surface-raised:#fff;--surface-document:#fff;--surface-input:#fbfbfe;--surface-hover:#7356b10d;--surface-selected:#bdb5d738;--selection-indicator:#7356b1;--surface-backdrop:#1f163347;--text-primary:#1e172e;--text-secondary:#5a4f70;--text-tertiary:#9286a6;--content-primary:#1e172e;--content-secondary:#5a4f70;--content-tertiary:#9286a6;--content-on-action:#fff;--border-default:#e9e5f2;--border-strong:#d7d0e5;--border-subtle:#f2eef8;--focus-ring:#7356b1;--accent-primary:#7356b1;--action-primary-bg:#7356b1;--action-primary-bg-hover:#5e429b;--action-primary-border:#7356b1;--action-primary-fg:#fff;--status-success:#059669;--status-warning:#d97706;--status-danger:#dc2626;--state-success-fg:#059669;--state-warning-fg:#d97706;--state-danger-fg:#dc2626;--icon-brand-fg:#fff;--icon-brand-bg-start:#7356b1;--icon-brand-bg-end:#5e429b;--icon-brand-shadow:#7356b133;--icon-node-text:#7356b1;--icon-node-image:#d97706;--icon-node-video:#7c3aed;--icon-node-audio:#059669;--icon-node-style:#ca8a04;--canvas-grid-dot:#7356b114;--edge-conduit:#7356b159;--port-idle:#9286a6;--scrollbar-thumb:#7356b133;--scrollbar-thumb-hover:#7356b166;--shadow-floating:0 14px 48px #1f16331a;--overlay-scrim:#1f163340;--terminal-background:#fff;--terminal-foreground:#1e172e;--terminal-cursor:#7356b1;--terminal-selection:#ebe6f5;--terminal-black:#1e172e;--terminal-red:#b91c1c;--terminal-green:#15803d;--terminal-yellow:#b45309;--terminal-blue:#5243aa;--terminal-magenta:#7356b1;--terminal-cyan:#0e7490;--terminal-white:#5a4f70;--terminal-bright-black:#5a4f70;--terminal-bright-red:#dc2626;--terminal-bright-green:#16a34a;--terminal-bright-yellow:#d97706;--terminal-bright-blue:#7356b1;--terminal-bright-magenta:#8e6dd1;--terminal-bright-cyan:#0284c7;--terminal-bright-white:#0f0a1c}:root[data-theme=shiliuqun]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-canvas:#f7f6f3;--surface-app:#f0eeea;--surface-header:#fff;--surface-panel:#fff;--surface-panel-subtle:#fcfbfa;--surface-raised:#fff;--surface-document:#fff;--surface-input:#fcfbfa;--surface-hover:#b3392f0d;--surface-selected:#d6d4cd59;--selection-indicator:#b3392f;--surface-backdrop:#2a1d1b47;--text-primary:#241918;--text-secondary:#63504d;--text-tertiary:#968582;--content-primary:#241918;--content-secondary:#63504d;--content-tertiary:#968582;--content-on-action:#fff;--border-default:#e8e6e0;--border-strong:#d5d1c8;--border-subtle:#f1efe9;--focus-ring:#b3392f;--accent-primary:#b3392f;--action-primary-bg:#b3392f;--action-primary-bg-hover:#962c23;--action-primary-border:#b3392f;--action-primary-fg:#fff;--status-success:#059669;--status-warning:#d97706;--status-danger:#b3392f;--state-success-fg:#059669;--state-warning-fg:#d97706;--state-danger-fg:#b3392f;--icon-brand-fg:#fff;--icon-brand-bg-start:#b3392f;--icon-brand-bg-end:#962c23;--icon-brand-shadow:#b3392f33;--icon-node-text:#b3392f;--icon-node-image:#d97706;--icon-node-video:#7c3aed;--icon-node-audio:#059669;--icon-node-style:#ca8a04;--canvas-grid-dot:#b3392f14;--edge-conduit:#b3392f59;--port-idle:#968582;--scrollbar-thumb:#b3392f33;--scrollbar-thumb-hover:#b3392f66;--shadow-floating:0 14px 48px #2a1d1b1a;--overlay-scrim:#2a1d1b40;--terminal-background:#fff;--terminal-foreground:#241918;--terminal-cursor:#b3392f;--terminal-selection:#edeae4;--terminal-black:#241918;--terminal-red:#b3392f;--terminal-green:#15803d;--terminal-yellow:#b45309;--terminal-blue:#1d4ed8;--terminal-magenta:#86198f;--terminal-cyan:#0e7490;--terminal-white:#63504d;--terminal-bright-black:#63504d;--terminal-bright-red:#d32f2f;--terminal-bright-green:#16a34a;--terminal-bright-yellow:#d97706;--terminal-bright-blue:#2563eb;--terminal-bright-magenta:#b3392f;--terminal-bright-cyan:#0284c7;--terminal-bright-white:#170d0c}.workspace{background:var(--surface-app);min-width:0;min-height:0;padding:3px;overflow:hidden}.workspace-pages{min-width:0;min-height:0;position:relative;overflow:hidden}.workspace-page{position:absolute;inset:0}.workspace-page.is-inactive{pointer-events:none;display:none}.element-page-host{inset:var(--topbar-height) 0 var(--footer-height);z-index:30;grid-template-rows:var(--header-height) minmax(0, 1fr);background:var(--surface-panel);display:grid;position:absolute}.element-page-host>header{color:var(--content-secondary);background:var(--surface-header);border-bottom:1px solid var(--border-default);align-items:center;gap:6px;padding:0 7px;display:flex}.element-page-host>header strong{color:var(--content-primary);flex:1}.element-page-host>header button{width:22px;height:21px;color:var(--content-secondary);cursor:pointer;background:0 0;border-radius:3px;place-items:center;padding:0;display:grid}.element-page-host>header button:hover{color:var(--content-primary);background:var(--surface-hover)}.element-page-content{min-width:0;min-height:0;overflow:hidden}.area-slot{width:100%;min-width:0;height:100%;min-height:0}.dock-split{width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.dock-split.is-horizontal{grid-template-rows:minmax(0,1fr)}.dock-split.is-vertical{grid-template-columns:minmax(0,1fr)}.dock-pane{min-width:0;min-height:0;overflow:hidden}.area-shell{grid-template-rows:var(--header-height) minmax(0, 1fr);background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:3px;width:100%;min-width:0;height:100%;display:grid;overflow:hidden}.area-shell.is-focused{border-color:var(--border-strong);box-shadow:inset 2px 0 0 var(--selection-indicator)}.area-header{min-width:0;color:var(--content-secondary);background:var(--surface-panel-subtle);border-bottom:1px solid var(--border-default);-webkit-user-select:none;user-select:none;align-items:center;gap:3px;padding:0 4px 0 6px;display:flex}.area-header>svg{color:var(--content-tertiary)}.area-panel-select{max-width:160px;color:var(--content-primary);font-weight:var(--font-weight-semibold)}.area-panel-select .inline-select-trigger{width:100%;height:21px;padding:0 4px}.area-header-spacer{flex:1}.area-header-button{width:21px;height:21px;color:var(--content-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;place-items:center;padding:0;display:grid}.area-header-button:hover{color:var(--content-primary);background:var(--surface-hover)}.area-header-button:active{background:var(--surface-selected)}.area-header-button:focus-visible{outline:1px solid var(--focus-ring);outline-offset:-1px}.area-header-button:disabled{opacity:.28;cursor:default}.area-content{min-width:0;min-height:0;overflow:hidden}.panel-instance{width:100%;height:100%;display:none;position:relative}.panel-instance.is-active{display:block}.extension-slot-header{display:contents}.extension-slot-overlay{pointer-events:none;position:absolute;inset:0}.extension-slot-overlay>*{pointer-events:auto}.missing-element-panel{width:100%;height:100%;color:var(--content-tertiary);background:var(--surface-panel);place-content:center;justify-items:center;gap:7px;display:grid}.missing-element-panel strong{color:var(--content-secondary);font-weight:var(--font-weight-medium)}.missing-element-panel span{font:var(--font-size-sm) var(--font-family-mono)}.dock-resizer{z-index:10;background:var(--surface-app);touch-action:none;border-radius:0;padding:0}.dock-split.is-horizontal>.dock-resizer{cursor:col-resize}.dock-split.is-vertical>.dock-resizer{cursor:row-resize}.dock-resizer:hover,.is-resizing .dock-resizer{background:var(--surface-selected)}body.is-resizing{-webkit-user-select:none;user-select:none}.floating-area-placeholder{width:100%;height:100%;color:var(--content-tertiary);background:var(--surface-panel);border:1px dashed var(--border-strong);place-content:center;justify-items:center;gap:7px;display:grid}.floating-area-placeholder button{height:24px;color:var(--content-secondary);background:var(--surface-raised);border:1px solid var(--border-strong);cursor:pointer;border-radius:3px;padding:0 8px}.floating-area-placeholder button:hover{color:var(--content-primary);background:var(--surface-hover)}.floating-panel-body,.floating-panel-root,.floating-area-content,.area-render-root{background:var(--surface-canvas);width:100%;height:100%;margin:0;overflow:hidden}.floating-area-content{padding:1px}.area-render-root .area-shell{height:100%}.workspace-tabs{flex:auto;align-self:stretch;align-items:center;gap:3px;min-width:0;margin-left:8px;display:flex;overflow:hidden}.workspace-tabs button{min-width:0;max-width:130px;height:100%;color:var(--content-secondary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:0 12px;overflow:hidden}.workspace-tabs button:hover{color:var(--content-primary);background:var(--surface-hover)}.workspace-tabs button.is-active{color:var(--content-primary);background:var(--surface-selected);border-bottom-color:var(--selection-indicator)}.workspace-tabs button:focus-visible{outline-color:var(--focus-ring)}@media (width<=1180px){.workspace-tabs button{max-width:88px;padding:0 8px}}@media (width<=920px){.workspace-tabs button{max-width:64px;padding:0 6px}}.inline-select{min-width:0;position:relative}.inline-select-trigger{min-width:0;height:22px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:4px;padding:0 5px;display:inline-flex}.inline-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inline-select-trigger>svg{color:var(--content-tertiary);flex:none}.inline-select-trigger:hover,.inline-select:focus-within .inline-select-trigger{color:var(--content-primary);background:var(--surface-hover)}.inline-select:focus-within .inline-select-trigger{outline:1px solid var(--focus-ring);outline-offset:-1px}.inline-select-menu{z-index:10000;min-width:max-content;max-width:min(280px,80vw);color:var(--content-primary);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-floating);border-radius:4px;padding:3px;display:grid;position:fixed;overflow:auto}.inline-select-menu button{min-width:0;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:5px 7px;overflow:hidden}.inline-select-menu button:hover,.inline-select-menu button.is-selected{background:var(--surface-selected)}.inline-select-menu button.is-selected{color:var(--content-primary);box-shadow:inset 2px 0 0 var(--selection-indicator)}.large-text-dialog-backdrop{z-index:10000;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.large-text-dialog{width:min(1040px,100vw - 48px);min-width:0;height:min(760px,100vh - 48px);min-height:360px;color:var(--content-primary);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-floating);border-radius:7px;grid-template-rows:46px minmax(0,1fr) 50px;display:grid;overflow:hidden}.large-text-dialog>header,.large-text-dialog>footer{background:var(--surface-panel-subtle);align-items:center;gap:8px;padding:0 12px;display:flex}.large-text-dialog>header{border-bottom:1px solid var(--border-subtle)}.large-text-dialog>header strong{min-width:0;font-size:var(--font-size-lg);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.large-text-dialog>header button{width:28px;height:28px;color:var(--content-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;place-items:center;padding:0;display:grid}.large-text-dialog>header button:hover:not(:disabled){color:var(--content-primary);background:var(--surface-hover)}.large-text-dialog>label{min-height:0;color:var(--content-secondary);font-size:var(--font-size-base);grid-template-rows:auto minmax(0,1fr);gap:7px;padding:14px;display:grid}.large-text-dialog textarea{resize:none;width:100%;min-width:0;height:100%;min-height:0;color:var(--content-primary);background:var(--surface-input);border:1px solid var(--field-border);font:var(--font-size-xl)/var(--line-height-prose) var(--font-family-mono);border-radius:4px;padding:14px}.large-text-dialog textarea:focus{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-1px}.large-text-dialog textarea[readonly]{color:var(--content-secondary)}.large-text-dialog>footer{border-top:1px solid var(--border-subtle);justify-content:flex-end}.large-text-dialog>footer>span{color:var(--content-tertiary);font-size:var(--font-size-md);margin-right:auto}.large-text-dialog>footer button{min-width:68px;height:30px;color:var(--button-fg);background:var(--button-bg);border:1px solid var(--button-border);font-size:var(--font-size-base);cursor:pointer;border-radius:3px;padding:0 10px}.large-text-dialog>footer button:hover:not(:disabled){background:var(--button-bg-hover)}.large-text-dialog>footer button.is-primary{color:var(--action-primary-fg);background:var(--action-primary-bg);border-color:var(--action-primary-border)}.large-text-dialog>footer button.is-primary:hover:not(:disabled){background:var(--action-primary-bg-hover)}.large-text-dialog button:disabled{cursor:default;opacity:.5}@media (width<=640px),(height<=480px){.large-text-dialog-backdrop{padding:10px}.large-text-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px);min-height:0}.large-text-dialog>label{padding:10px}.large-text-dialog>footer>span{display:none}}.panel{background:var(--surface-panel);width:100%;min-width:0;height:100%;min-height:0}.panel-toolbar,.panel-statusbar{color:var(--content-secondary);background:var(--surface-panel-subtle);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.panel-toolbar{border-bottom:1px solid var(--border-default);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 6px;display:grid;overflow:hidden}.toolbar-group{align-items:center;gap:4px;min-width:0;display:flex}.toolbar-primary{overflow:hidden}.toolbar-actions{flex:none}.tool-button,.icon-button{height:22px;color:var(--content-secondary);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.tool-button{white-space:nowrap;gap:5px;padding:0 7px}.tool-button:hover,.icon-button:hover{color:var(--content-primary);background:var(--surface-hover)}.tool-button.is-active{color:var(--content-primary);background:var(--surface-selected)}.icon-button{width:22px;padding:0}.toolbar-divider{background:var(--border-default);width:1px;height:15px;margin:0 3px}.floating-scrollbars{z-index:5000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-scrollbar-thumb{background:var(--scrollbar-thumb);pointer-events:auto;touch-action:none;background-clip:padding-box;border:1px solid #0000;border-radius:999px;min-width:5px;min-height:5px;transition:background .1s;position:fixed}.floating-scrollbar-thumb.is-vertical{width:6px}.floating-scrollbar-thumb.is-horizontal{height:6px}.floating-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}
+/*$vite$:1*/

package/dist/workspaces/WorkspacePages.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 工作区页面容器：全部实例常驻、非激活隐藏。
+ * 切页不卸载 Element，实例状态与资源随页面保留。
+ */
+export declare function WorkspacePages(): import("react").JSX.Element;

package/dist/workspaces/WorkspaceTabs.d.ts

@@ -0,0 +1,2 @@
+/** 工作区标签导航：读工作区列表与激活态，经 `workspace.activate` 命令切换。 */
+export declare function WorkspaceTabs(): import("react").JSX.Element;

package/dist/workspaces/layoutPreferences.d.ts

@@ -0,0 +1,10 @@
+import type { DockNode, WorkspaceRuntimeState } from '../dock/workspaceTypes';
+interface StoredWorkspaceLayout {
+    layout: DockNode;
+    focusedAreaId: string;
+}
+export declare function loadWorkspaceDefault(workspaceId: string): StoredWorkspaceLayout | null;
+export declare function saveWorkspaceDefault(workspace: WorkspaceRuntimeState): void;
+export declare function loadActiveWorkspacePreference(): string | null;
+export declare function saveActiveWorkspacePreference(workspaceId: string): void;
+export {};

package/dist/workspaces/manifest.d.ts

@@ -0,0 +1,25 @@
+import type { WorkspaceRuntimeState } from '../dock/workspaceTypes';
+interface SourceArea {
+    kind: 'area';
+    id: string;
+    panelId: string;
+    instanceId: string;
+}
+interface SourceSplit {
+    kind: 'split';
+    id: string;
+    direction: 'horizontal' | 'vertical';
+    ratio: number;
+    first: SourceDockNode;
+    second: SourceDockNode;
+}
+type SourceDockNode = SourceArea | SourceSplit;
+export interface WorkspaceDefinition {
+    id: string;
+    name: string;
+    order: number;
+    layout: SourceDockNode;
+}
+export declare function parseWorkspaceDefinition(folderId: string, text: string): WorkspaceDefinition;
+export declare function createWorkspaceRuntime(definition: WorkspaceDefinition): WorkspaceRuntimeState;
+export {};

package/dist/workspaces/workspaceCommands.d.ts

@@ -0,0 +1,16 @@
+import type { CommandRegistry } from '../commands/commandRegistry';
+import type { WorkspaceRuntimeState } from '../dock/workspaceTypes';
+/** 工作区命令的目标：宿主提供工作区存储，工作台提供命令装配。 */
+export interface WorkspaceCommandTarget {
+    activate(workspaceId: string): void;
+    focus(workspaceId: string, areaId: string): void;
+    switchPanel(workspaceId: string, areaId: string, panelId: string): void;
+    splitArea(workspaceId: string, areaId: string, direction: 'horizontal' | 'vertical'): void;
+    closeArea(workspaceId: string, areaId: string): void;
+    resizeSplit(workspaceId: string, splitId: string, ratio: number, historyGroupId?: string): void;
+    swapAreas(workspaceId: string, sourceAreaId: string, targetAreaId: string): void;
+    toggleMaximize(workspaceId: string, areaId: string): void;
+    readWorkspace(workspaceId: string): WorkspaceRuntimeState | undefined;
+}
+/** 注册工作区与 Dock 命令；布局偏好读写由工作台统一管理。 */
+export declare function registerWorkspaceCommands(commands: CommandRegistry, target: WorkspaceCommandTarget, owner?: string): void;

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@graphvideo/workbench",
+  "version": "1.0.0",
+  "description": "Zero-business-semantics UI workbench for GraphFramework",
+  "license": "Apache-2.0",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:vd249175-cpu/GSDK.git",
+    "directory": "workbench"
+  },
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./styles.css": "./dist/workbench.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@graphvideo/backend-sdk": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "lucide-react": "^1.30.0"
+  }
+}