@workbench-kit/adapters 0.0.2-prototype.0.1.2 → 0.0.2-prototype.0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workbench-kit/adapters",
-  "version": "0.0.2-prototype.0.1.2",
+  "version": "0.0.2-prototype.0.2.2",
   "private": false,
   "type": "module",
   "exports": {
@@ -20,9 +20,9 @@
     "!src/**/*.stories.tsx"
   ],
   "dependencies": {
-    "@workbench-kit/contracts": "0.0.2-prototype.0.1.2",
-    "@workbench-kit/runtime": "0.0.2-prototype.0.1.2",
-    "@workbench-kit/workspace": "0.0.2-prototype.0.1.2"
+    "@workbench-kit/contracts": "0.0.2-prototype.0.2.2",
+    "@workbench-kit/runtime": "0.0.2-prototype.0.2.2",
+    "@workbench-kit/workspace": "0.0.2-prototype.0.2.2"
   },
   "description": "Workbench Kit adapters for workspace repositories and runtime transports.",
   "publishConfig": {

package/src/workbench-demo-config.ts

@@ -1,23 +1,26 @@
 import type { RuntimeStatus } from '@workbench-kit/runtime';
 
-export type IntegratedShellActivityId = 'explorer' | 'search' | 'chat';
+export type IntegratedShellActivityId = 'explorer' | 'search' | 'chatting' | 'aiChat';
 
 export const integratedShellActivityOrder: IntegratedShellActivityId[] = [
   'explorer',
   'search',
-  'chat',
+  'chatting',
+  'aiChat',
 ];
 
 export const integratedShellActivityLabels: Record<IntegratedShellActivityId, string> = {
   explorer: 'Explorer',
   search: 'Search',
-  chat: 'Chat',
+  chatting: 'Chat',
+  aiChat: 'AI Chat',
 };
 
 const integratedShellActivityIcons: Record<IntegratedShellActivityId, string> = {
   explorer: 'codicon-files',
   search: 'codicon-search',
-  chat: 'codicon-comment-discussion',
+  chatting: 'codicon-comment-discussion',
+  aiChat: 'codicon-sparkle',
 };
 
 export const integratedShellCommandActivities = integratedShellActivityOrder.map((id) => ({
@@ -27,15 +30,15 @@ export const integratedShellCommandActivities = integratedShellActivityOrder.map
 }));
 
 export function isIntegratedShellActivityId(id: string): id is IntegratedShellActivityId {
-  return id === 'explorer' || id === 'search' || id === 'chat';
+  return id === 'explorer' || id === 'search' || id === 'chatting' || id === 'aiChat';
 }
 
 export interface IntegratedShellBootstrapInitialState {
   activeActivityId: IntegratedShellActivityId;
   isPrimarySidebarVisible: boolean;
-  primarySidebarSizePercent: number;
-  primarySidebarMinPercent: number;
-  primarySidebarMaxPercent: number;
+  primarySidebarSizePx: number;
+  primarySidebarMinPx: number;
+  primarySidebarMaxPx: number;
   settingsCategoryId: string;
   settingsScopeId: string;
   theme: 'dark' | 'light';
@@ -47,9 +50,9 @@ export function createIntegratedShellBootstrapInitialState(
   return {
     activeActivityId: 'explorer',
     isPrimarySidebarVisible: true,
-    primarySidebarSizePercent: 20,
-    primarySidebarMinPercent: 16,
-    primarySidebarMaxPercent: 40,
+    primarySidebarSizePx: 260,
+    primarySidebarMinPx: 200,
+    primarySidebarMaxPx: 480,
     settingsCategoryId: 'appearance',
     settingsScopeId: 'user',
     theme: 'dark',

package/src/workbench-demo.ts

@@ -81,8 +81,8 @@ export function Panel({ children, title, ...props }: PanelProps) {
 `,
   },
   {
-    path: 'src/widgets/home.widget.json',
-    mimeType: 'application/vnd.workbench-kit.widget+json',
+    path: 'src/widgets/home.jdw.json',
+    mimeType: 'application/vnd.workbench-kit.jdw+json',
     updatedAt: '2026-06-02T09:28:00.000Z',
     source: 'user',
     content: `{
@@ -163,7 +163,7 @@ Import shared styles once, then compose the workbench primitives in your app she
   "name": "@example/workbench-app",
   "private": true,
   "scripts": {
-    "storybook": "storybook dev --port 6010"
+    "storybook": "storybook dev --port 61009"
   }
 }
 `,
@@ -178,7 +178,7 @@ Import shared styles once, then compose the workbench primitives in your app she
   --workspace-accent: #4aa8ff;
 }
 
-.workspace-file-icon {
+.ui-file-icon {
   color: var(--workspace-accent);
 }
 `,
@@ -200,27 +200,54 @@ export const integratedShellInitialRuntimeMessages: RuntimeChatMessage[] = [
   {
     id: 'm1',
     source: 'user',
+    createdAt: '2026-06-18T09:12:00.000Z',
     content:
-      'Check whether the workbench shell covers explorer, search, chat, settings, and status surfaces.',
+      'Check whether the workbench shell covers explorer, search, chatting, AI chat, settings, and status surfaces.',
   },
   {
     id: 'm2',
     source: 'assistant',
+    createdAt: '2026-06-18T09:12:18.000Z',
     content:
       'The integrated story now keeps those surfaces in one stateful shell with public mock data.',
   },
   {
     id: 'm3',
     source: 'assistant',
+    createdAt: '2026-06-18T09:12:42.000Z',
     content:
       'Search results, file icons, and the editor preview are driven by the same virtual workspace.',
   },
 ];
 
+export const integratedShellInitialChattingMessages: RuntimeChatMessage[] = [
+  {
+    id: 'c1',
+    source: 'assistant',
+    label: 'Alex',
+    createdAt: '2026-06-18T10:05:00.000Z',
+    content: 'Can you review the widget tree changes before we merge?',
+  },
+  {
+    id: 'c2',
+    source: 'user',
+    createdAt: '2026-06-18T10:06:14.000Z',
+    content: 'Sure — I will check after the CI run finishes.',
+  },
+  {
+    id: 'c3',
+    source: 'assistant',
+    label: 'Alex',
+    createdAt: '2026-06-18T10:07:02.000Z',
+    content: 'Thanks. Ping me in #workbench when the preview is ready.',
+  },
+];
+
 export const integratedShellDefaultSelectionByActivity = {
   explorer: 'src/App.tsx',
   search: 'src/components/Button.tsx',
-  chat: 'src/App.tsx',
+  chatting: 'src/App.tsx',
+  aiChat: 'src/App.tsx',
 } as const;
 
 export function createIntegratedShellChatRuntimeResponse(message: RuntimeChatMessage) {