@workbench-kit/shell-react 0.0.2-prototype.0.2.6 → 0.0.2-prototype.0.2.8

package/src/{workbench-layout-storage.ts → workbench/layout-storage.ts}

@@ -1,145 +1,134 @@
-import {
-  parseWorkbenchLayoutConfig,
-  type WorkbenchLayoutConfig,
-} from '@workbench-kit/workbench-config';
-import {
-  createWorkbenchLayoutState,
-  type WorkbenchStorageReader,
-  type WorkbenchStorageWriter,
-  type WorkbenchLayoutState,
-  type WorkbenchLayoutStateInput,
-} from '@workbench-kit/workbench-core';
-
-export const DEFAULT_WORKBENCH_LAYOUT_STORAGE_KEY = 'workbench-kit/.workbench/layout';
-
-export function isWorkbenchLayoutPersistenceAvailable(): boolean {
-  try {
-    return typeof globalThis.localStorage !== 'undefined';
-  } catch {
-    return false;
-  }
-}
-
-export function workbenchLayoutConfigToInput(
-  config: WorkbenchLayoutConfig,
-): WorkbenchLayoutStateInput {
-  return {
-    activityBar: {
-      hiddenItemIds: config.activityBar.hiddenItemIds,
-      itemOrder: config.activityBar.itemOrder,
-      visible: config.activityBar.visible,
-    },
-    auxiliaryBar: {
-      visible: config.auxiliaryBar.visible,
-    },
-    panel: {
-      visible: config.panel.visible,
-    },
-    sideBar: {
-      activeViewContainer: config.sideBar.activeViewContainer,
-      sizePercent: config.sideBar.sizePercent,
-      visible: config.sideBar.visible,
-    },
-  };
-}
-
-export function workbenchLayoutStateToStorageValue(
-  state: WorkbenchLayoutState,
-): WorkbenchLayoutConfig {
-  return {
-    activityBar: {
-      visible: state.activityBar.visible,
-      ...(state.activityBar.hiddenItemIds?.length
-        ? { hiddenItemIds: [...state.activityBar.hiddenItemIds] }
-        : {}),
-      ...(state.activityBar.itemOrder?.length
-        ? { itemOrder: [...state.activityBar.itemOrder] }
-        : {}),
-    },
-    auxiliaryBar: {
-      visible: state.auxiliaryBar.visible,
-    },
-    panel: {
-      visible: state.panel.visible,
-    },
-    sideBar: {
-      visible: state.sideBar.visible,
-      ...(state.sideBar.activeViewContainer
-        ? { activeViewContainer: state.sideBar.activeViewContainer }
-        : {}),
-      ...(state.sideBar.sizePercent !== undefined
-        ? { sizePercent: state.sideBar.sizePercent }
-        : {}),
-    },
-  };
-}
-
-export function readPersistedWorkbenchLayout(
-  storageKey = DEFAULT_WORKBENCH_LAYOUT_STORAGE_KEY,
-  storage?: WorkbenchStorageReader,
-): WorkbenchLayoutStateInput | undefined {
-  const resolvedStorage = storage ?? getBrowserLocalStorage();
-  if (!resolvedStorage) return undefined;
-
-  try {
-    const raw = resolvedStorage.getItem(storageKey);
-    if (!raw) return undefined;
-
-    return workbenchLayoutConfigToInput(parseWorkbenchLayoutConfig(JSON.parse(raw) as unknown));
-  } catch {
-    return undefined;
-  }
-}
-
-export function writePersistedWorkbenchLayout(
-  state: WorkbenchLayoutState,
-  storageKey = DEFAULT_WORKBENCH_LAYOUT_STORAGE_KEY,
-  storage?: WorkbenchStorageWriter,
-): void {
-  const resolvedStorage = storage ?? getBrowserLocalStorage();
-  if (!resolvedStorage) return;
-
-  try {
-    resolvedStorage.setItem(
-      storageKey,
-      JSON.stringify(workbenchLayoutStateToStorageValue(state), null, 2),
-    );
-  } catch {
-    // Ignore quota and security errors so the shell keeps working offline.
-  }
-}
-
-export function resolvePersistedWorkbenchLayout(
-  initialLayout: WorkbenchLayoutStateInput | undefined,
-  options: {
-    persistLayout?: boolean | undefined;
-    storage?: WorkbenchStorageReader | undefined;
-    storageKey?: string | undefined;
-  } = {},
-): WorkbenchLayoutStateInput | undefined {
-  const {
-    initialLayout: baseLayout,
-    persistLayout = options.storage !== undefined || isWorkbenchLayoutPersistenceAvailable(),
-    storage,
-    storageKey = DEFAULT_WORKBENCH_LAYOUT_STORAGE_KEY,
-  } = { initialLayout, ...options };
-
-  if (!persistLayout) {
-    return baseLayout;
-  }
-
-  const persisted = readPersistedWorkbenchLayout(storageKey, storage);
-  if (!persisted) {
-    return baseLayout;
-  }
-
-  return createWorkbenchLayoutState(persisted, createWorkbenchLayoutState(baseLayout ?? {}));
-}
-
-function getBrowserLocalStorage(): (WorkbenchStorageReader & WorkbenchStorageWriter) | undefined {
-  if (!isWorkbenchLayoutPersistenceAvailable()) {
-    return undefined;
-  }
-
-  return globalThis.localStorage;
-}
+import {
+  parseWorkbenchLayoutConfig,
+  type WorkbenchLayoutConfig,
+} from '@workbench-kit/workbench-config';
+import {
+  createBrowserWorkbenchStorage,
+  createWorkbenchLayoutState,
+  type WorkbenchStorageReader,
+  type WorkbenchStorageWriter,
+  type WorkbenchLayoutState,
+  type WorkbenchLayoutStateInput,
+} from '@workbench-kit/workbench-core';
+
+export const DEFAULT_WORKBENCH_LAYOUT_STORAGE_KEY = 'workbench-kit/.workbench/layout';
+
+export function isWorkbenchLayoutPersistenceAvailable(): boolean {
+  return createBrowserWorkbenchStorage({ kind: 'local' }) !== undefined;
+}
+
+export function workbenchLayoutConfigToInput(
+  config: WorkbenchLayoutConfig,
+): WorkbenchLayoutStateInput {
+  return {
+    activityBar: {
+      hiddenItemIds: config.activityBar.hiddenItemIds,
+      itemOrder: config.activityBar.itemOrder,
+      visible: config.activityBar.visible,
+    },
+    auxiliaryBar: {
+      visible: config.auxiliaryBar.visible,
+    },
+    panel: {
+      visible: config.panel.visible,
+    },
+    sideBar: {
+      activeViewContainer: config.sideBar.activeViewContainer,
+      sizePercent: config.sideBar.sizePercent,
+      visible: config.sideBar.visible,
+    },
+  };
+}
+
+export function workbenchLayoutStateToStorageValue(
+  state: WorkbenchLayoutState,
+): WorkbenchLayoutConfig {
+  return {
+    activityBar: {
+      visible: state.activityBar.visible,
+      ...(state.activityBar.hiddenItemIds?.length
+        ? { hiddenItemIds: [...state.activityBar.hiddenItemIds] }
+        : {}),
+      ...(state.activityBar.itemOrder?.length
+        ? { itemOrder: [...state.activityBar.itemOrder] }
+        : {}),
+    },
+    auxiliaryBar: {
+      visible: state.auxiliaryBar.visible,
+    },
+    panel: {
+      visible: state.panel.visible,
+    },
+    sideBar: {
+      visible: state.sideBar.visible,
+      ...(state.sideBar.activeViewContainer
+        ? { activeViewContainer: state.sideBar.activeViewContainer }
+        : {}),
+      ...(state.sideBar.sizePercent !== undefined
+        ? { sizePercent: state.sideBar.sizePercent }
+        : {}),
+    },
+  };
+}
+
+export function readPersistedWorkbenchLayout(
+  storageKey = DEFAULT_WORKBENCH_LAYOUT_STORAGE_KEY,
+  storage?: WorkbenchStorageReader,
+): WorkbenchLayoutStateInput | undefined {
+  const resolvedStorage = storage ?? createBrowserWorkbenchStorage({ kind: 'local' });
+  if (!resolvedStorage) return undefined;
+
+  try {
+    const raw = resolvedStorage.getItem(storageKey);
+    if (!raw) return undefined;
+
+    return workbenchLayoutConfigToInput(parseWorkbenchLayoutConfig(JSON.parse(raw) as unknown));
+  } catch {
+    return undefined;
+  }
+}
+
+export function writePersistedWorkbenchLayout(
+  state: WorkbenchLayoutState,
+  storageKey = DEFAULT_WORKBENCH_LAYOUT_STORAGE_KEY,
+  storage?: WorkbenchStorageWriter,
+): void {
+  const resolvedStorage = storage ?? createBrowserWorkbenchStorage({ kind: 'local' });
+  if (!resolvedStorage) return;
+
+  try {
+    resolvedStorage.setItem(
+      storageKey,
+      JSON.stringify(workbenchLayoutStateToStorageValue(state), null, 2),
+    );
+  } catch {
+    // Ignore quota and security errors so the shell keeps working offline.
+  }
+}
+
+export function resolvePersistedWorkbenchLayout(
+  initialLayout: WorkbenchLayoutStateInput | undefined,
+  options: {
+    persistLayout?: boolean | undefined;
+    storage?: WorkbenchStorageReader | undefined;
+    storageKey?: string | undefined;
+  } = {},
+): WorkbenchLayoutStateInput | undefined {
+  const {
+    initialLayout: baseLayout,
+    persistLayout = options.storage !== undefined || isWorkbenchLayoutPersistenceAvailable(),
+    storage,
+    storageKey = DEFAULT_WORKBENCH_LAYOUT_STORAGE_KEY,
+  } = { initialLayout, ...options };
+
+  if (!persistLayout) {
+    return baseLayout;
+  }
+
+  const persisted = readPersistedWorkbenchLayout(storageKey, storage);
+  if (!persisted) {
+    return baseLayout;
+  }
+
+  return createWorkbenchLayoutState(persisted, createWorkbenchLayoutState(baseLayout ?? {}));
+}

package/src/{workbench-profile-modal.tsx → workbench/profile-modal.tsx}

@@ -1,118 +1,118 @@
-import { Modal } from '@workbench-kit/react/modal';
-import { Badge, Button } from '@workbench-kit/react/primitives';
-import type { ReactNode } from 'react';
-
-export interface WorkbenchProfileDetail {
-  readonly label: string;
-  readonly value: ReactNode;
-}
-
-export interface WorkbenchProfileInput {
-  readonly accountId?: string | undefined;
-  readonly displayName: string;
-  readonly email?: string | undefined;
-  readonly providerLabel?: string | undefined;
-  readonly roleLabel?: string | undefined;
-  readonly sessionLabel?: string | undefined;
-  readonly statusLabel?: string | undefined;
-  readonly workspaceLabel?: string | undefined;
-  readonly details?: readonly WorkbenchProfileDetail[] | undefined;
-  readonly onSignOut?: (() => void) | undefined;
-}
-
-export interface WorkbenchProfileModalProps {
-  extraContent?: ReactNode | undefined;
-  profile: WorkbenchProfileInput;
-  onClose: () => void;
-}
-
-export function WorkbenchProfileModal({
-  extraContent,
-  profile,
-  onClose,
-}: WorkbenchProfileModalProps) {
-  const initials = getProfileInitials(profile.displayName);
-  const details = createProfileDetails(profile);
-
-  return (
-    <Modal
-      bodyLayout="stack"
-      bodyPadding="lg"
-      bodyScroll="auto"
-      className="workbench-profile-modal"
-      closeLabel="Close profile"
-      footer={
-        <>
-          {profile.onSignOut ? (
-            <Button type="button" variant="danger" onClick={profile.onSignOut}>
-              Sign out
-            </Button>
-          ) : null}
-          <span className="workbench-profile-modal__footer-spacer" />
-          <Button type="button" onClick={onClose}>
-            Close
-          </Button>
-        </>
-      }
-      title="Profile"
-      titleSuffix={
-        profile.statusLabel ? <Badge variant="accent">{profile.statusLabel}</Badge> : null
-      }
-      onClose={onClose}
-    >
-      <section className="workbench-profile-card" aria-label="Workbench profile">
-        <div className="workbench-profile-card__avatar" aria-hidden="true">
-          {initials}
-        </div>
-        <div className="workbench-profile-card__identity">
-          <h2>{profile.displayName}</h2>
-          {profile.email ? <p>{profile.email}</p> : null}
-        </div>
-      </section>
-
-      {profile.sessionLabel ? (
-        <p className="workbench-profile-session" role="status">
-          {profile.sessionLabel}
-        </p>
-      ) : null}
-
-      <section className="workbench-profile-section" aria-label="Account details">
-        <h3>Account</h3>
-        <dl className="workbench-profile-detail-grid">
-          {details.map((detail) => (
-            <div key={detail.label}>
-              <dt>{detail.label}</dt>
-              <dd>{detail.value}</dd>
-            </div>
-          ))}
-        </dl>
-      </section>
-
-      {extraContent}
-    </Modal>
-  );
-}
-
-function createProfileDetails(profile: WorkbenchProfileInput): WorkbenchProfileDetail[] {
-  return [
-    ...(profile.providerLabel ? [{ label: 'Provider', value: profile.providerLabel }] : []),
-    ...(profile.roleLabel ? [{ label: 'Role', value: profile.roleLabel }] : []),
-    ...(profile.workspaceLabel ? [{ label: 'Workspace', value: profile.workspaceLabel }] : []),
-    ...(profile.accountId
-      ? [{ label: 'Account ID', value: <code>{profile.accountId}</code> }]
-      : []),
-    ...(profile.details ?? []),
-  ];
-}
-
-function getProfileInitials(displayName: string): string {
-  const initials = displayName
-    .split(/\s+/)
-    .map((part) => part[0])
-    .filter(Boolean)
-    .slice(0, 2)
-    .join('')
-    .toUpperCase();
-
-  return initials || 'U';
-}
+import { Modal } from '@workbench-kit/react/modal';
+import { Badge, Button } from '@workbench-kit/react/primitives';
+import type { ReactNode } from 'react';
+
+export interface WorkbenchProfileDetail {
+  readonly label: string;
+  readonly value: ReactNode;
+}
+
+export interface WorkbenchProfileInput {
+  readonly accountId?: string | undefined;
+  readonly displayName: string;
+  readonly email?: string | undefined;
+  readonly providerLabel?: string | undefined;
+  readonly roleLabel?: string | undefined;
+  readonly sessionLabel?: string | undefined;
+  readonly statusLabel?: string | undefined;
+  readonly workspaceLabel?: string | undefined;
+  readonly details?: readonly WorkbenchProfileDetail[] | undefined;
+  readonly onSignOut?: (() => void) | undefined;
+}
+
+export interface WorkbenchProfileModalProps {
+  extraContent?: ReactNode | undefined;
+  profile: WorkbenchProfileInput;
+  onClose: () => void;
+}
+
+export function WorkbenchProfileModal({
+  extraContent,
+  profile,
+  onClose,
+}: WorkbenchProfileModalProps) {
+  const initials = getProfileInitials(profile.displayName);
+  const details = createProfileDetails(profile);
+
+  return (
+    <Modal
+      bodyLayout="stack"
+      bodyPadding="lg"
+      bodyScroll="auto"
+      className="workbench-profile-modal"
+      closeLabel="Close profile"
+      footer={
+        <>
+          {profile.onSignOut ? (
+            <Button type="button" variant="danger" onClick={profile.onSignOut}>
+              Sign out
+            </Button>
+          ) : null}
+          <span className="workbench-profile-modal__footer-spacer" />
+          <Button type="button" onClick={onClose}>
+            Close
+          </Button>
+        </>
+      }
+      title="Profile"
+      titleSuffix={
+        profile.statusLabel ? <Badge variant="accent">{profile.statusLabel}</Badge> : null
+      }
+      onClose={onClose}
+    >
+      <section className="workbench-profile-card" aria-label="Workbench profile">
+        <div className="workbench-profile-card__avatar" aria-hidden="true">
+          {initials}
+        </div>
+        <div className="workbench-profile-card__identity">
+          <h2>{profile.displayName}</h2>
+          {profile.email ? <p>{profile.email}</p> : null}
+        </div>
+      </section>
+
+      {profile.sessionLabel ? (
+        <p className="workbench-profile-session" role="status">
+          {profile.sessionLabel}
+        </p>
+      ) : null}
+
+      <section className="workbench-profile-section" aria-label="Account details">
+        <h3>Account</h3>
+        <dl className="workbench-profile-detail-grid">
+          {details.map((detail) => (
+            <div key={detail.label}>
+              <dt>{detail.label}</dt>
+              <dd>{detail.value}</dd>
+            </div>
+          ))}
+        </dl>
+      </section>
+
+      {extraContent}
+    </Modal>
+  );
+}
+
+function createProfileDetails(profile: WorkbenchProfileInput): WorkbenchProfileDetail[] {
+  return [
+    ...(profile.providerLabel ? [{ label: 'Provider', value: profile.providerLabel }] : []),
+    ...(profile.roleLabel ? [{ label: 'Role', value: profile.roleLabel }] : []),
+    ...(profile.workspaceLabel ? [{ label: 'Workspace', value: profile.workspaceLabel }] : []),
+    ...(profile.accountId
+      ? [{ label: 'Account ID', value: <code>{profile.accountId}</code> }]
+      : []),
+    ...(profile.details ?? []),
+  ];
+}
+
+function getProfileInitials(displayName: string): string {
+  const initials = displayName
+    .split(/\s+/)
+    .map((part) => part[0])
+    .filter(Boolean)
+    .slice(0, 2)
+    .join('')
+    .toUpperCase();
+
+  return initials || 'U';
+}

package/src/{workbench-shell-command-registration.ts → workbench/shell-command-registration.ts}

@@ -1,58 +1,58 @@
-import type { CommandDefinition, CommandRegistry } from '@workbench-kit/platform';
-import type { WorkbenchShellCommandContext } from '@workbench-kit/react/workbench';
-
-export interface WorkbenchShellCommandRegistration {
-  dispose(): void;
-}
-
-export function registerWorkbenchShellCommandHandlers(
-  registry: CommandRegistry,
-  commands: readonly CommandDefinition<WorkbenchShellCommandContext>[],
-  getContext: () => WorkbenchShellCommandContext,
-): WorkbenchShellCommandRegistration {
-  const disposables = commands.map((command) => {
-    const handler = () => {
-      command.run?.(getContext());
-    };
-    const existing = registry.getCommand(command.id);
-
-    if (existing) {
-      const previousHandler = existing.handler;
-      existing.handler = handler;
-
-      return {
-        dispose() {
-          if (existing.handler === handler) {
-            existing.handler = previousHandler;
-          }
-        },
-      };
-    }
-
-    return registry.registerCommand({
-      category: command.category ?? 'Workbench',
-      handler,
-      icon: resolveStaticCommandIcon(command),
-      id: command.id,
-      title: resolveStaticCommandTitle(command),
-    });
-  });
-
-  return {
-    dispose() {
-      [...disposables].reverse().forEach((disposable) => disposable.dispose());
-    },
-  };
-}
-
-function resolveStaticCommandTitle(command: CommandDefinition<WorkbenchShellCommandContext>) {
-  if (command.title) {
-    return command.title;
-  }
-
-  return typeof command.label === 'string' ? command.label : command.id;
-}
-
-function resolveStaticCommandIcon(command: CommandDefinition<WorkbenchShellCommandContext>) {
-  return typeof command.icon === 'string' ? command.icon : undefined;
-}
+import type { CommandDefinition, CommandRegistry } from '@workbench-kit/platform';
+import type { WorkbenchShellCommandContext } from '@workbench-kit/react/workbench';
+
+export interface WorkbenchShellCommandRegistration {
+  dispose(): void;
+}
+
+export function registerWorkbenchShellCommandHandlers(
+  registry: CommandRegistry,
+  commands: readonly CommandDefinition<WorkbenchShellCommandContext>[],
+  getContext: () => WorkbenchShellCommandContext,
+): WorkbenchShellCommandRegistration {
+  const disposables = commands.map((command) => {
+    const handler = () => {
+      command.run?.(getContext());
+    };
+    const existing = registry.getCommand(command.id);
+
+    if (existing) {
+      const previousHandler = existing.handler;
+      existing.handler = handler;
+
+      return {
+        dispose() {
+          if (existing.handler === handler) {
+            existing.handler = previousHandler;
+          }
+        },
+      };
+    }
+
+    return registry.registerCommand({
+      category: command.category ?? 'Workbench',
+      handler,
+      icon: resolveStaticCommandIcon(command),
+      id: command.id,
+      title: resolveStaticCommandTitle(command),
+    });
+  });
+
+  return {
+    dispose() {
+      [...disposables].reverse().forEach((disposable) => disposable.dispose());
+    },
+  };
+}
+
+function resolveStaticCommandTitle(command: CommandDefinition<WorkbenchShellCommandContext>) {
+  if (command.title) {
+    return command.title;
+  }
+
+  return typeof command.label === 'string' ? command.label : command.id;
+}
+
+function resolveStaticCommandIcon(command: CommandDefinition<WorkbenchShellCommandContext>) {
+  return typeof command.icon === 'string' ? command.icon : undefined;
+}