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

package/src/workbench/shell/split-view.css

@@ -1,188 +1,188 @@
-.ui-workbench-split-view {
-  display: grid;
-  grid-template-columns: var(--ui-workbench-split-primary-size, 40%) 1px minmax(0, 1fr);
-  flex: 1;
-  min-width: 0;
-  min-height: 0;
-  overflow: hidden;
-}
-
-/* Secondary track is fixed in px; primary absorbs the remainder from first paint. */
-.ui-workbench-split-view[data-layout-mode='secondary-fixed'] {
-  grid-template-columns:
-    minmax(var(--ui-workbench-split-min-primary-size, 200px), 1fr)
-    1px
-    var(--ui-workbench-split-secondary-size, 260px);
-}
-
-.ui-workbench-split-view[data-layout-mode='secondary-fixed'][data-orientation='vertical'] {
-  grid-template-columns: none;
-  grid-template-rows:
-    minmax(var(--ui-workbench-split-min-primary-size, 200px), 1fr)
-    1px
-    var(--ui-workbench-split-secondary-size, 260px);
-}
-
-.ui-workbench-split-view--primary-collapsed {
-  grid-template-columns: minmax(0, 1fr) !important;
-}
-
-.ui-workbench-split-view--primary-collapsed > .ui-workbench-split-view__primary {
-  display: none;
-  pointer-events: none;
-}
-
-.ui-workbench-split-view--primary-collapsed > .ui-workbench-split-view__separator {
-  display: none;
-  pointer-events: none;
-}
-
-.ui-workbench-split-view--primary-collapsed > .ui-workbench-split-view__secondary {
-  grid-column: 1;
-  grid-row: 1;
-  min-width: 0;
-  min-height: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.ui-workbench-split-view--primary-collapsed[data-orientation='vertical'] {
-  grid-template-columns: none !important;
-  grid-template-rows: minmax(0, 1fr) !important;
-}
-
-.ui-workbench-split-view--secondary-collapsed {
-  grid-template-columns: minmax(0, 1fr) !important;
-}
-
-.ui-workbench-split-view--secondary-collapsed > .ui-workbench-split-view__secondary {
-  display: none;
-  pointer-events: none;
-}
-
-.ui-workbench-split-view--secondary-collapsed > .ui-workbench-split-view__separator {
-  display: none;
-  pointer-events: none;
-}
-
-.ui-workbench-split-view--secondary-collapsed > .ui-workbench-split-view__primary {
-  grid-column: 1;
-  grid-row: 1;
-  min-width: 0;
-  min-height: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.ui-workbench-split-view--secondary-collapsed[data-orientation='vertical'] {
-  grid-template-columns: none !important;
-  grid-template-rows: minmax(0, 1fr) !important;
-}
-
-.ui-workbench-split-view--secondary-collapsed[data-orientation='vertical']
-  > .ui-workbench-split-view__primary {
-  min-height: 0;
-  height: 100%;
-}
-
-.ui-workbench-split-view[data-orientation='vertical'] {
-  grid-template-columns: none;
-  grid-template-rows: var(--ui-workbench-split-primary-size, 40%) 1px 1fr;
-}
-
-.ui-workbench-split-view__primary,
-.ui-workbench-split-view__secondary {
-  min-width: 0;
-  min-height: 0;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-.ui-workbench-split-view__primary > *:last-child,
-.ui-workbench-split-view__secondary > *:last-child {
-  flex: 1 1 auto;
-  min-width: 0;
-  min-height: 0;
-}
-
-.ui-workbench-split-view.is-dragging .ui-workbench-split-view__primary,
-.ui-workbench-split-view.is-dragging .ui-workbench-split-view__secondary {
-  pointer-events: none;
-  user-select: none;
-}
-
-html.ui-workbench-split-view-resizing,
-html.ui-workbench-split-view-resizing * {
-  cursor: col-resize !important;
-  user-select: none !important;
-}
-
-/* Preview canvases ease transform for zoom; freeze that while a split is dragged
- * so fitScale updates do not read as a brief close-up flash. */
-html.ui-workbench-split-view-resizing .ui-workbench-preview-canvas__stage,
-html.ui-workbench-split-view-resizing--vertical .ui-workbench-preview-canvas__stage {
-  transition: none !important;
-}
-
-html.ui-workbench-split-view-resizing--vertical,
-html.ui-workbench-split-view-resizing--vertical * {
-  cursor: row-resize !important;
-}
-
-.ui-workbench-split-view__separator {
-  cursor: col-resize;
-  background: var(--color-border);
-  position: relative;
-  transition: background 0.15s;
-  touch-action: none;
-  user-select: none;
-}
-
-.ui-workbench-split-view[data-orientation='vertical'] .ui-workbench-split-view__separator {
-  cursor: row-resize;
-}
-
-.ui-workbench-split-view__separator::after {
-  content: '';
-  position: absolute;
-  inset: 0 -8px;
-}
-
-.ui-workbench-split-view[data-orientation='vertical'] .ui-workbench-split-view__separator::after {
-  inset: -8px 0;
-}
-
-.ui-workbench-split-view__separator:hover,
-.ui-workbench-split-view__separator.is-dragging {
-  background: var(--color-text-subtle);
-}
-
-.ui-workbench-split-view__separator:focus-visible {
-  outline: 1px solid var(--color-accent);
-  outline-offset: -1px;
-}
-
-.ui-workbench-split-view__handle {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: 3px;
-  height: 24px;
-  border-radius: 2px;
-  background: var(--color-text-muted);
-  opacity: 0;
-  transition: opacity 0.15s;
-  pointer-events: none;
-}
-
-.ui-workbench-split-view[data-orientation='vertical'] .ui-workbench-split-view__handle {
-  width: 24px;
-  height: 3px;
-}
-
-.ui-workbench-split-view__separator:hover .ui-workbench-split-view__handle,
-.ui-workbench-split-view__separator.is-dragging .ui-workbench-split-view__handle {
-  opacity: 1;
-}
+.ui-workbench-split-view {
+  display: grid;
+  grid-template-columns: var(--ui-workbench-split-primary-size, 40%) 1px minmax(0, 1fr);
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+
+/* Secondary track is fixed in px; primary absorbs the remainder from first paint. */
+.ui-workbench-split-view[data-layout-mode='secondary-fixed'] {
+  grid-template-columns:
+    minmax(var(--ui-workbench-split-min-primary-size, 200px), 1fr)
+    1px
+    var(--ui-workbench-split-secondary-size, 260px);
+}
+
+.ui-workbench-split-view[data-layout-mode='secondary-fixed'][data-orientation='vertical'] {
+  grid-template-columns: none;
+  grid-template-rows:
+    minmax(var(--ui-workbench-split-min-primary-size, 200px), 1fr)
+    1px
+    var(--ui-workbench-split-secondary-size, 260px);
+}
+
+.ui-workbench-split-view--primary-collapsed {
+  grid-template-columns: minmax(0, 1fr) !important;
+}
+
+.ui-workbench-split-view--primary-collapsed > .ui-workbench-split-view__primary {
+  display: none;
+  pointer-events: none;
+}
+
+.ui-workbench-split-view--primary-collapsed > .ui-workbench-split-view__separator {
+  display: none;
+  pointer-events: none;
+}
+
+.ui-workbench-split-view--primary-collapsed > .ui-workbench-split-view__secondary {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+  min-height: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.ui-workbench-split-view--primary-collapsed[data-orientation='vertical'] {
+  grid-template-columns: none !important;
+  grid-template-rows: minmax(0, 1fr) !important;
+}
+
+.ui-workbench-split-view--secondary-collapsed {
+  grid-template-columns: minmax(0, 1fr) !important;
+}
+
+.ui-workbench-split-view--secondary-collapsed > .ui-workbench-split-view__secondary {
+  display: none;
+  pointer-events: none;
+}
+
+.ui-workbench-split-view--secondary-collapsed > .ui-workbench-split-view__separator {
+  display: none;
+  pointer-events: none;
+}
+
+.ui-workbench-split-view--secondary-collapsed > .ui-workbench-split-view__primary {
+  grid-column: 1;
+  grid-row: 1;
+  min-width: 0;
+  min-height: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.ui-workbench-split-view--secondary-collapsed[data-orientation='vertical'] {
+  grid-template-columns: none !important;
+  grid-template-rows: minmax(0, 1fr) !important;
+}
+
+.ui-workbench-split-view--secondary-collapsed[data-orientation='vertical']
+  > .ui-workbench-split-view__primary {
+  min-height: 0;
+  height: 100%;
+}
+
+.ui-workbench-split-view[data-orientation='vertical'] {
+  grid-template-columns: none;
+  grid-template-rows: var(--ui-workbench-split-primary-size, 40%) 1px 1fr;
+}
+
+.ui-workbench-split-view__primary,
+.ui-workbench-split-view__secondary {
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.ui-workbench-split-view__primary > *:last-child,
+.ui-workbench-split-view__secondary > *:last-child {
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+}
+
+.ui-workbench-split-view.is-dragging .ui-workbench-split-view__primary,
+.ui-workbench-split-view.is-dragging .ui-workbench-split-view__secondary {
+  pointer-events: none;
+  user-select: none;
+}
+
+html.ui-workbench-split-view-resizing,
+html.ui-workbench-split-view-resizing * {
+  cursor: col-resize !important;
+  user-select: none !important;
+}
+
+/* Preview canvases ease transform for zoom; freeze that while a split is dragged
+ * so fitScale updates do not read as a brief close-up flash. */
+html.ui-workbench-split-view-resizing .ui-workbench-preview-canvas__stage,
+html.ui-workbench-split-view-resizing--vertical .ui-workbench-preview-canvas__stage {
+  transition: none !important;
+}
+
+html.ui-workbench-split-view-resizing--vertical,
+html.ui-workbench-split-view-resizing--vertical * {
+  cursor: row-resize !important;
+}
+
+.ui-workbench-split-view__separator {
+  cursor: col-resize;
+  background: var(--color-border);
+  position: relative;
+  transition: background 0.15s;
+  touch-action: none;
+  user-select: none;
+}
+
+.ui-workbench-split-view[data-orientation='vertical'] .ui-workbench-split-view__separator {
+  cursor: row-resize;
+}
+
+.ui-workbench-split-view__separator::after {
+  content: '';
+  position: absolute;
+  inset: 0 -8px;
+}
+
+.ui-workbench-split-view[data-orientation='vertical'] .ui-workbench-split-view__separator::after {
+  inset: -8px 0;
+}
+
+.ui-workbench-split-view__separator:hover,
+.ui-workbench-split-view__separator.is-dragging {
+  background: var(--color-text-subtle);
+}
+
+.ui-workbench-split-view__separator:focus-visible {
+  outline: 1px solid var(--color-accent);
+  outline-offset: -1px;
+}
+
+.ui-workbench-split-view__handle {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 3px;
+  height: 24px;
+  border-radius: 2px;
+  background: var(--color-text-muted);
+  opacity: 0;
+  transition: opacity 0.15s;
+  pointer-events: none;
+}
+
+.ui-workbench-split-view[data-orientation='vertical'] .ui-workbench-split-view__handle {
+  width: 24px;
+  height: 3px;
+}
+
+.ui-workbench-split-view__separator:hover .ui-workbench-split-view__handle,
+.ui-workbench-split-view__separator.is-dragging .ui-workbench-split-view__handle {
+  opacity: 1;
+}

package/src/workbench/{standalone.ts → shell/standalone.ts}

@@ -1,101 +1,101 @@
-import type { CommandRegistry } from '@workbench-kit/platform';
-import type {
-  SaveResult,
-  WorkspacePatchApplyResult,
-  WorkspacePatchEvent,
-} from '@workbench-kit/contracts';
-import type { ReactNode } from 'react';
-import type { StatusBarSectionModel } from './StatusBar';
-import type { WorkbenchShellCommandContext } from './commands';
-import type { WorkspaceFile } from './workspace';
-
-export type WorkbenchTheme = 'light' | 'dark' | (string & {});
-
-export interface WorkbenchActivityDescriptor<TActivityId extends string = string> {
-  id: TActivityId;
-  label: string;
-  icon?: string;
-  iconNode?: ReactNode;
-}
-
-export interface WorkbenchActivityChangeEvent<TActivityId extends string = string> {
-  nextActivityId: TActivityId;
-}
-
-export interface WorkbenchWorkspaceController {
-  openFile: (path: string) => void | Promise<void>;
-  saveFile: (path: string, content: string, previousUpdatedAt?: string) => Promise<SaveResult>;
-  deleteFiles: (paths: string[]) => void | Promise<void>;
-  moveFiles?: (paths: string[], targetParentPath: string | undefined) => void | Promise<void>;
-  rename?: (path: string, nextName: string) => void | Promise<void>;
-}
-
-export interface WorkbenchHostCallbackBoundary {
-  onSave?: (path: string, content: string, previousUpdatedAt?: string) => Promise<SaveResult>;
-  onDelete?: (paths: readonly string[]) => void | Promise<void>;
-  onChatSubmit?: (message: string, context?: Record<string, unknown>) => void | Promise<void>;
-  onPatch?: (patch: WorkspacePatchEvent) => Promise<WorkspacePatchApplyResult> | void;
-}
-
-export interface WorkbenchChatController {
-  onChatSubmit: (message: string, context?: Record<string, unknown>) => void | Promise<void>;
-  onCancelChat: () => void;
-}
-
-export interface WorkbenchPatchController {
-  onPatchApply: (patch: WorkspacePatchEvent) => Promise<WorkspacePatchApplyResult> | void;
-}
-
-export interface WorkbenchSaveController {
-  onSaveResult?: (result: SaveResult) => void | Promise<void>;
-  onCommitPatchResult?: (
-    patch: WorkspacePatchEvent,
-    result: WorkspacePatchApplyResult,
-    source: 'chat' | 'command',
-  ) => void | Promise<void>;
-}
-
-export interface WorkbenchStatusController {
-  onStatusMessage?: (message: string) => void;
-  onError?: (error: Error) => void;
-}
-
-export interface WorkbenchShellContract<TActivityId extends string = string> {
-  activities: WorkbenchActivityDescriptor<TActivityId>[];
-  commandRegistry: CommandRegistry<WorkbenchShellCommandContext<TActivityId>>;
-  initialActivityId?: TActivityId;
-  initialTheme?: WorkbenchTheme;
-  statusSections: StatusBarSectionModel[];
-  statusCompact?: boolean;
-}
-
-export interface WorkbenchStandaloneEntryState<TActivityId extends string = string> {
-  activeActivityId: TActivityId;
-  isPrimarySidebarVisible: boolean;
-  primarySidebarSizePx: number;
-  primarySidebarMinPx?: number;
-  primarySidebarMaxPx?: number;
-  theme: WorkbenchTheme;
-  isSettingsOpen?: boolean;
-  settingsCategoryId?: string;
-  settingsScopeId?: string;
-  settingsSearchValue?: string;
-  selectedFilePath?: string;
-  openFilePaths?: readonly string[];
-}
-
-export interface WorkbenchStandaloneBootstrap<TActivityId extends string = string> {
-  contract: WorkbenchShellContract<TActivityId>;
-  initialFiles?: readonly WorkspaceFile[];
-  workspace?: WorkbenchWorkspaceController;
-  chat?: WorkbenchChatController;
-  patch?: WorkbenchPatchController;
-  save?: WorkbenchSaveController;
-  status?: WorkbenchStatusController;
-  initialState?: Partial<WorkbenchStandaloneEntryState<TActivityId>>;
-}
-
-export type WorkbenchStandaloneBootstrapEvent<TActivityId extends string = string> =
-  | { type: 'activity-change'; payload: WorkbenchActivityChangeEvent<TActivityId> }
-  | { type: 'status-message'; message: string }
-  | { type: 'error'; error: Error };
+import type { CommandRegistry } from '@workbench-kit/platform';
+import type {
+  SaveResult,
+  WorkspacePatchApplyResult,
+  WorkspacePatchEvent,
+} from '@workbench-kit/contracts';
+import type { ReactNode } from 'react';
+import type { StatusBarSectionModel } from './StatusBar';
+import type { WorkbenchShellCommandContext } from '../commands/commands';
+import type { WorkspaceFile } from '../workspace';
+
+export type WorkbenchTheme = 'light' | 'dark' | (string & {});
+
+export interface WorkbenchActivityDescriptor<TActivityId extends string = string> {
+  id: TActivityId;
+  label: string;
+  icon?: string;
+  iconNode?: ReactNode;
+}
+
+export interface WorkbenchActivityChangeEvent<TActivityId extends string = string> {
+  nextActivityId: TActivityId;
+}
+
+export interface WorkbenchWorkspaceController {
+  openFile: (path: string) => void | Promise<void>;
+  saveFile: (path: string, content: string, previousUpdatedAt?: string) => Promise<SaveResult>;
+  deleteFiles: (paths: string[]) => void | Promise<void>;
+  moveFiles?: (paths: string[], targetParentPath: string | undefined) => void | Promise<void>;
+  rename?: (path: string, nextName: string) => void | Promise<void>;
+}
+
+export interface WorkbenchHostCallbackBoundary {
+  onSave?: (path: string, content: string, previousUpdatedAt?: string) => Promise<SaveResult>;
+  onDelete?: (paths: readonly string[]) => void | Promise<void>;
+  onChatSubmit?: (message: string, context?: Record<string, unknown>) => void | Promise<void>;
+  onPatch?: (patch: WorkspacePatchEvent) => Promise<WorkspacePatchApplyResult> | void;
+}
+
+export interface WorkbenchChatController {
+  onChatSubmit: (message: string, context?: Record<string, unknown>) => void | Promise<void>;
+  onCancelChat: () => void;
+}
+
+export interface WorkbenchPatchController {
+  onPatchApply: (patch: WorkspacePatchEvent) => Promise<WorkspacePatchApplyResult> | void;
+}
+
+export interface WorkbenchSaveController {
+  onSaveResult?: (result: SaveResult) => void | Promise<void>;
+  onCommitPatchResult?: (
+    patch: WorkspacePatchEvent,
+    result: WorkspacePatchApplyResult,
+    source: 'chat' | 'command',
+  ) => void | Promise<void>;
+}
+
+export interface WorkbenchStatusController {
+  onStatusMessage?: (message: string) => void;
+  onError?: (error: Error) => void;
+}
+
+export interface WorkbenchShellContract<TActivityId extends string = string> {
+  activities: WorkbenchActivityDescriptor<TActivityId>[];
+  commandRegistry: CommandRegistry<WorkbenchShellCommandContext<TActivityId>>;
+  initialActivityId?: TActivityId;
+  initialTheme?: WorkbenchTheme;
+  statusSections: StatusBarSectionModel[];
+  statusCompact?: boolean;
+}
+
+export interface WorkbenchStandaloneEntryState<TActivityId extends string = string> {
+  activeActivityId: TActivityId;
+  isPrimarySidebarVisible: boolean;
+  primarySidebarSizePx: number;
+  primarySidebarMinPx?: number;
+  primarySidebarMaxPx?: number;
+  theme: WorkbenchTheme;
+  isSettingsOpen?: boolean;
+  settingsCategoryId?: string;
+  settingsScopeId?: string;
+  settingsSearchValue?: string;
+  selectedFilePath?: string;
+  openFilePaths?: readonly string[];
+}
+
+export interface WorkbenchStandaloneBootstrap<TActivityId extends string = string> {
+  contract: WorkbenchShellContract<TActivityId>;
+  initialFiles?: readonly WorkspaceFile[];
+  workspace?: WorkbenchWorkspaceController;
+  chat?: WorkbenchChatController;
+  patch?: WorkbenchPatchController;
+  save?: WorkbenchSaveController;
+  status?: WorkbenchStatusController;
+  initialState?: Partial<WorkbenchStandaloneEntryState<TActivityId>>;
+}
+
+export type WorkbenchStandaloneBootstrapEvent<TActivityId extends string = string> =
+  | { type: 'activity-change'; payload: WorkbenchActivityChangeEvent<TActivityId> }
+  | { type: 'status-message'; message: string }
+  | { type: 'error'; error: Error };