Add pinned workspace chats and simplify view creation

client/api/app-ui-keys.ts

@@ -1,4 +1,4 @@
 export const appUiKeys = {
   all: ['app-ui'] as const,
-  selectedSession: (workspaceId: string) => ['app-ui', 'selected-session', workspaceId] as const
+  sessionSelection: (workspaceId: string) => ['app-ui', 'session-selection', workspaceId] as const
 }

client/api/workspace-keys.ts

@@ -7,11 +7,9 @@ export const workspaceKeys = {
   widgets: (id: string) => ['workspaces', 'widgets', id] as const,
   appletThumbnails: (id: string) => ['workspaces', 'applet-thumbnails', id] as const,
   views: (id: string) => ['workspaces', 'views', id] as const,
-  viewBuilders: (id: string) => ['workspaces', 'view-builders', id] as const,
   sessions: (id: string) => ['workspaces', 'sessions', id] as const,
   events: (id: string, sessionId: string) => ['workspaces', 'events', id, sessionId] as const,
-  sessionConfig: (id: string, sessionId: string) =>
-    ['workspaces', 'sessionConfig', id, sessionId] as const,
+  session: (id: string, sessionId: string) => ['workspaces', 'session', id, sessionId] as const,
   mcp: (id: string) => ['workspaces', 'mcp', id] as const,
   agent: (id: string) => ['workspaces', 'agent', id] as const,
   skills: (id: string) => ['workspaces', 'skills', id] as const,

client/app/routes/WorkspaceRoute.tsx

@@ -13,7 +13,7 @@ import {
   useWorkspaceLayoutCtx
 } from '@/client/features/workspace/WorkspaceLayoutContext'
 import { WorkspaceScreen } from '@/client/features/workspace/WorkspaceScreen'
-import { useViewBuilders, useViews } from '@/client/features/views/api'
+import { useViews } from '@/client/features/views/api'
 import { useWidgets } from '@/client/features/overview/api'
 import { useWorkspaceEvent } from '@/client/runtime/useWorkspaceEvents'
 
@@ -44,7 +44,6 @@ function WorkspaceContent({ id }: WorkspaceRouteProps) {
   const { isLoading: layoutLoading } = useWorkspaceLayoutCtx()
   const widgets = useWidgets(id)
   const views = useViews(id)
-  const builders = useViewBuilders(id)
   useAppletCacheInvalidation()
 
   useWorkspaceEvent(event => {
@@ -62,11 +61,7 @@ function WorkspaceContent({ id }: WorkspaceRouteProps) {
   })
 
   const fresh =
-    layoutLoading ||
-    selectedSessionId === undefined ||
-    widgets.isLoading ||
-    views.isLoading ||
-    builders.isLoading
+    layoutLoading || selectedSessionId === undefined || widgets.isLoading || views.isLoading
 
   return (
     <SidebarLayout>
@@ -81,7 +76,6 @@ function WorkspaceContent({ id }: WorkspaceRouteProps) {
           key={collabEnabled ? 'browser-tab' : 'shared'}
           widgets={widgets.data}
           views={views.data ?? []}
-          builders={builders.data ?? []}
         />
       )}
     </SidebarLayout>

client/features/applets/applet-runtime.test.ts

@@ -115,20 +115,21 @@ describe('bridge validation', () => {
 })
 
 describe('sendChatMessage validation', () => {
-  test('trims the message and stamps the applet source the host attached', () => {
+  test('trims the message and stamps the applet identity and attachment source', () => {
     const ws = `ws-${crypto.randomUUID()}`
     const { calls } = subscribeChat(ws)
     const { bridge } = appletRuntime(ws).connect(WIDGET)
 
     bridge.sendChatMessage({
       message: '  Chase order A-1042  ',
+      applet: { kind: 'view', id: 'forged' },
       attachments: [{ type: 'text', label: 'Order', text: 'A-1042', source: 'forged' }]
     })
 
     expect(calls).toEqual([
       {
         message: 'Chase order A-1042',
-        source: 'widget:clock',
+        applet: { kind: 'widget', id: 'clock' },
         attachments: [{ type: 'text', label: 'Order', text: 'A-1042', source: 'widget:clock' }]
       }
     ])
@@ -149,18 +150,18 @@ describe('sendChatMessage validation', () => {
     expect(calls).toEqual([
       {
         message: 'Legacy',
-        source: 'widget:clock',
+        applet: { kind: 'widget', id: 'clock' },
         attachments: [
           { type: 'text', label: 'Context', text: '{"order":"1042"}', source: 'widget:clock' }
         ]
       },
-      { message: 'Message only', source: 'widget:clock', attachments: [] },
+      { message: 'Message only', applet: { kind: 'widget', id: 'clock' }, attachments: [] },
       {
         message: 'Array context',
-        source: 'widget:clock',
+        applet: { kind: 'widget', id: 'clock' },
         attachments: [{ type: 'text', label: 'Context', text: '[]', source: 'widget:clock' }]
       },
-      { message: 'Object', source: 'widget:clock', attachments: [] }
+      { message: 'Object', applet: { kind: 'widget', id: 'clock' }, attachments: [] }
     ])
   })
 
@@ -310,10 +311,10 @@ describe('sendChatMessage rate limiting', () => {
     view.bridge.sendChatMessage({ message: 'Sync now' })
     widget.bridge.sendChatMessage({ message: 'Something else' })
 
-    expect(calls.map(c => [c.source, c.message])).toEqual([
-      ['widget:clock', 'Sync now'],
-      ['view:board', 'Sync now'],
-      ['widget:clock', 'Something else']
+    expect(calls.map(c => [c.applet, c.message])).toEqual([
+      [{ kind: 'widget', id: 'clock' }, 'Sync now'],
+      [{ kind: 'view', id: 'board' }, 'Sync now'],
+      [{ kind: 'widget', id: 'clock' }, 'Something else']
     ])
   })
 

client/features/applets/applet-runtime.ts

@@ -26,6 +26,7 @@ import type {
   AttachmentInput,
   AttachmentOrigin
 } from '@/lib/types'
+import type { AppletContext } from '@/lib/moi-context'
 import { isWorkspaceAttachmentPath, MAX_UPLOAD_BYTES } from '@/lib/message-attachments'
 import { useEffect } from 'react'
 
@@ -47,12 +48,12 @@ export type AppletIdentity = { kind: AppletKind; name: string }
 
 export const appletSource = ({ kind, name }: AppletIdentity): string => `${kind}:${name}`
 
-// A chat message fired from applet UI. `source` is stamped from the identity
+// A chat message fired from applet UI. `applet` is stamped from the identity
 // the bridge was attached with, so an applet can neither omit it nor claim to
 // be another applet.
 export type AppletChatMessage = {
   message: string
-  source: string
+  applet: AppletContext
   attachments: (AttachmentInput & AttachmentOrigin)[]
 }
 
@@ -191,7 +192,11 @@ function createRuntime(workspaceId: string) {
               snapshotAttachmentInput(item, source)
             )
             if (!admitChatMessage(identity, source, message)) return
-            emitter.emit('sendChatMessage', { message, source, attachments })
+            emitter.emit('sendChatMessage', {
+              message,
+              applet: { kind: identity.kind, id: identity.name },
+              attachments
+            })
           } catch (error) {
             const message = errorMessage(error)
             toast.add({ title: 'Couldn’t send message', description: message, type: 'error' })