conductor-oss 0.6.3 → 0.7.0

package/web/.next/standalone/packages/web/.next/static/chunks/c5f8e486166298c2.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,75254,e=>{"use strict";var t=e.i(71645);let r=(...e)=>e.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim(),n=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)};var l={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let a=(0,t.forwardRef)(({color:e="currentColor",size:n=24,strokeWidth:a=2,absoluteStrokeWidth:o,className:c="",children:i,iconNode:s,...u},d)=>(0,t.createElement)("svg",{ref:d,...l,width:n,height:n,stroke:e,strokeWidth:o?24*Number(a)/Number(n):a,className:r("lucide",c),...!i&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(u)&&{"aria-hidden":"true"},...u},[...s.map(([e,r])=>(0,t.createElement)(e,r)),...Array.isArray(i)?i:[i]])),o=(e,l)=>{let o=(0,t.forwardRef)(({className:o,...c},i)=>(0,t.createElement)(a,{ref:i,iconNode:l,className:r(`lucide-${n(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,o),...c}));return o.displayName=n(e),o};e.s(["default",()=>o],75254)},31278,e=>{"use strict";let t=(0,e.i(75254).default)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]);e.s(["Loader2",()=>t],31278)},55436,e=>{"use strict";let t=(0,e.i(75254).default)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]);e.s(["Search",()=>t],55436)},97878,e=>{"use strict";let t=new Set,r=new Set,n=null,l=null;function a(e){return Array.isArray(e)?{type:"snapshot",sessions:e}:e&&"object"==typeof e&&"snapshot"===e.type&&Array.isArray(e.sessions)?e:null}function o(e){return e&&"object"==typeof e&&"boolean"==typeof e.enabled?e:null}function c(e){for(let r of t)r(e);let n=o(e.appUpdate);if(n)for(let e of r)e(n)}async function i(){if("function"!=typeof fetch)return;let e=(async()=>{try{let e=await fetch("/api/sessions");if(!e.ok)return;let t=await e.json().catch(()=>null),r=a(t);if(!r)return;c(r)}catch{}try{let t=await fetch("/api/app-update");if(!t.ok)return;let n=await t.json().catch(()=>null);var e=o(n);for(let t of r)t(e)}catch{}})();l=e.finally(()=>{l===e&&(l=null)}),await e}function s(){!n&&"u">typeof EventSource&&((n=new EventSource("/api/events")).onmessage=e=>{try{let t=a(JSON.parse(e.data));if(!t)return;c(t)}catch{}},n.addEventListener("refresh",()=>{l||i()}),n.onerror=()=>{0===t.size&&0===r.size&&(n?.close(),n=null)})}function u(e){return t.add(e),s(),()=>{t.delete(e),0===t.size&&0===r.size&&n&&(n.close(),n=null)}}function d(e){return r.add(e),s(),()=>{r.delete(e),0===t.size&&0===r.size&&n&&(n.close(),n=null)}}e.s(["subscribeToAppUpdateEvents",()=>d,"subscribeToSnapshotEvents",()=>u])},69242,e=>{"use strict";var t=e.i(18050),r=e.i(71645);let n=new Map;for(let[e,t]of Object.entries({amp:["amp","amp-code","amp-cli","ampcode","agent-amp"],claude:["claude","claude-code","claude-cli","claudecode","ccr","claude-code-router","claude-mcp","claude-mcp-cli","claude-mcp-agent","agent-claude-code"],codex:["codex","openai-codex","codex-cli","codexcli","openai","agent-codex"],copilot:["copilot","github-copilot","githubcopilot","copilot-cli","agent-github-copilot"],cursor:["cursor","cursor-cli","cursor-agent","cursoragent","agent-cursor-cli"],droid:["droid","factory-droid","factory_droid","agent-droid"],gemini:["gemini","gemini-cli","google-gemini","googlegemini","agent-gemini"],opencode:["opencode","open-code","open_code","open-code-cli","agent-opencode"],qwen:["qwen","qwen-code","qwen_code","qwen-code-cli","agent-qwen-code"]}))for(let r of t)n.set(l(r),e);function l(e){return e.trim().toLowerCase().replace(/[^a-z0-9_-]+/g,"-").replace(/_+/g,"-").replace(/-+/g,"-").replace(/^-+|-+$/g,"")}function a(e){let t=l(e);if(!t)return null;let r=n.get(t);if(r)return r;for(let e of t.split("-")){let t=n.get(e);if(t)return t}for(let[e,r]of n.entries())if(t===e||t.startsWith(`${e}-`)||t.endsWith(`-${e}`)||t.includes(`-${e}-`))return r;return null}function o(e){try{let t=new URL(e),r=a(t.hostname.replace(/^www\./,"").replace(/\./g,"-"));if(r)return r;return a(t.pathname.replace(/\//g,"-"))}catch{return a(e)}}function c({label:e,className:r}){let n=e.split(/[^a-z0-9]/iu).filter(Boolean).slice(0,2).map(e=>e[0]?.toUpperCase()).join("");return(0,t.jsx)("span",{"aria-hidden":"true",className:`inline-flex shrink-0 items-center justify-center rounded-[0.2rem] text-[9px] font-semibold text-white ${r}`,style:{backgroundColor:function(e){let t=["#14b8a6","#06b6d4","#0ea5e9","#8b5cf6","#ec4899","#f97316","#f59e0b","#ef4444","#22c55e","#84cc16"],r=0;for(let n=0;n<e.length;n+=1)r=(31*r+e.charCodeAt(n))%t.length;return t[Math.abs(r)%t.length]??"#6b7280"}(`${e}:${e.length}`)},children:n||"AI"})}function i({seed:e,className:n="h-6 w-6"}){let[l,i]=(0,r.useState)(0),s=e?.label?.trim()??"",u=(0,r.useMemo)(()=>{var t;if(!s)return[];let r=a((t={label:s,iconUrl:e?.iconUrl,homepage:e?.homepage}).label)??(t.homepage?o(t.homepage):null)??(t.iconUrl?o(t.iconUrl):null),n="string"==typeof e?.iconUrl&&e.iconUrl.trim().length>0?e.iconUrl.trim():null,l=[];return r&&(l.push(`/agents/${r}-dark.svg`),l.push(`/agents/${r}-light.svg`)),n&&l.push(n),l},[s,e?.homepage,e?.iconUrl]);if((0,r.useEffect)(()=>{i(0)},[s,u]),!s)return(0,t.jsx)(c,{label:"AI",className:n});let d=u[l]??null;return d?(0,t.jsx)("img",{src:d,alt:`${s} icon`,loading:"lazy",className:`${n} shrink-0 rounded-[0.2rem] object-contain scale-125`,onError:()=>i(e=>e+1)}):(0,t.jsx)(c,{label:s,className:n})}e.s(["AgentTileIcon",()=>i])},7233,e=>{"use strict";let t=(0,e.i(75254).default)("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);e.s(["Plus",()=>t],7233)},64816,e=>{e.v(t=>Promise.all(["static/chunks/d6a81d2f8b98b4be.js","static/chunks/c2caa064748bb0b5.js"].map(t=>e.l(t))).then(()=>t(31437)))},24629,e=>{e.v(t=>Promise.all(["static/chunks/30ababddac1b82dc.js","static/chunks/07f3b9a104ce0ff4.js"].map(t=>e.l(t))).then(()=>t(96933)))}]);

package/web/.next/standalone/packages/web/next.config.ts

@@ -8,23 +8,9 @@ const nextConfig: NextConfig = {
   },
   serverExternalPackages: [
     "@conductor-oss/core",
-    "@conductor-oss/plugin-agent-amp",
-    "@conductor-oss/plugin-agent-ccr",
-    "@conductor-oss/plugin-agent-claude-code",
-    "@conductor-oss/plugin-agent-codex",
-    "@conductor-oss/plugin-agent-cursor-cli",
-    "@conductor-oss/plugin-agent-droid",
-    "@conductor-oss/plugin-agent-gemini",
-    "@conductor-oss/plugin-agent-github-copilot",
-    "@conductor-oss/plugin-agent-opencode",
-    "@conductor-oss/plugin-agent-qwen-code",
-    "@conductor-oss/plugin-notifier-desktop",
-    "@conductor-oss/plugin-notifier-discord",
-    "@conductor-oss/plugin-runtime-tmux",
-    "@conductor-oss/plugin-scm-github",
-    "@conductor-oss/plugin-terminal-web",
-    "@conductor-oss/plugin-tracker-github",
-    "@conductor-oss/plugin-workspace-worktree",
+    "@puppeteer/browsers",
+    "puppeteer-core",
+    "proxy-agent",
   ],
   // Silence "multiple lockfiles" warning — pin workspace root to the monorepo
   outputFileTracingRoot: resolve(process.cwd(), "../../"),

package/web/.next/standalone/packages/web/package.json

@@ -16,23 +16,6 @@
     "@primer/octicons-react": "^19.15.0",
     "@clerk/nextjs": "^6.39.0",
     "@conductor-oss/core": "workspace:*",
-    "@conductor-oss/plugin-agent-amp": "workspace:*",
-    "@conductor-oss/plugin-agent-ccr": "workspace:*",
-    "@conductor-oss/plugin-agent-claude-code": "workspace:*",
-    "@conductor-oss/plugin-agent-codex": "workspace:*",
-    "@conductor-oss/plugin-agent-cursor-cli": "workspace:*",
-    "@conductor-oss/plugin-agent-droid": "workspace:*",
-    "@conductor-oss/plugin-agent-gemini": "workspace:*",
-    "@conductor-oss/plugin-agent-github-copilot": "workspace:*",
-    "@conductor-oss/plugin-agent-opencode": "workspace:*",
-    "@conductor-oss/plugin-agent-qwen-code": "workspace:*",
-    "@conductor-oss/plugin-notifier-desktop": "workspace:*",
-    "@conductor-oss/plugin-notifier-discord": "workspace:*",
-    "@conductor-oss/plugin-runtime-tmux": "workspace:*",
-    "@conductor-oss/plugin-scm-github": "workspace:*",
-    "@conductor-oss/plugin-terminal-web": "workspace:*",
-    "@conductor-oss/plugin-tracker-github": "workspace:*",
-    "@conductor-oss/plugin-workspace-worktree": "workspace:*",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-scroll-area": "^1.2.10",
@@ -46,7 +29,7 @@
     "jose": "^6.1.3",
     "lucide-react": "^0.576.0",
     "next": "^16.1.6",
-    "puppeteer": "^24.37.5",
+    "puppeteer-core": "^24.38.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-icons": "^5.6.0",

package/web/.next/standalone/packages/web/server.js

@@ -15,7 +15,7 @@ const currentPort = parseInt(process.env.PORT, 10) || 3000
 const hostname = process.env.HOSTNAME || '0.0.0.0'
 
 let keepAliveTimeout = parseInt(process.env.KEEP_ALIVE_TIMEOUT, 10)
-const nextConfig = {"env":{},"webpack":null,"typescript":{"ignoreBuildErrors":false},"typedRoutes":false,"distDir":"./.next","cleanDistDir":true,"assetPrefix":"","cacheMaxMemorySize":52428800,"configOrigin":"next.config.ts","useFileSystemPublicRoutes":true,"generateEtags":true,"pageExtensions":["tsx","ts","jsx","js"],"poweredByHeader":true,"compress":true,"images":{"deviceSizes":[640,750,828,1080,1200,1920,2048,3840],"imageSizes":[32,48,64,96,128,256,384],"path":"/_next/image","loader":"default","loaderFile":"","domains":[],"disableStaticImages":false,"minimumCacheTTL":14400,"formats":["image/webp"],"maximumRedirects":3,"maximumResponseBody":50000000,"dangerouslyAllowLocalIP":false,"dangerouslyAllowSVG":false,"contentSecurityPolicy":"script-src 'none'; frame-src 'none'; sandbox;","contentDispositionType":"attachment","localPatterns":[{"pathname":"**","search":""}],"remotePatterns":[],"qualities":[75],"unoptimized":false},"devIndicators":{"position":"bottom-left"},"onDemandEntries":{"maxInactiveAge":60000,"pagesBufferLength":5},"basePath":"","sassOptions":{},"trailingSlash":false,"i18n":null,"productionBrowserSourceMaps":false,"excludeDefaultMomentLocales":true,"reactProductionProfiling":false,"reactStrictMode":null,"reactMaxHeadersLength":6000,"httpAgentOptions":{"keepAlive":true},"logging":{},"compiler":{},"expireTime":31536000,"staticPageGenerationTimeout":60,"output":"standalone","modularizeImports":{"@mui/icons-material":{"transform":"@mui/icons-material/{{member}}"},"lodash":{"transform":"lodash/{{member}}"}},"outputFileTracingRoot":"/home/runner/work/conductor-oss/conductor-oss","cacheComponents":false,"cacheLife":{"default":{"stale":300,"revalidate":900,"expire":4294967294},"seconds":{"stale":30,"revalidate":1,"expire":60},"minutes":{"stale":300,"revalidate":60,"expire":3600},"hours":{"stale":300,"revalidate":3600,"expire":86400},"days":{"stale":300,"revalidate":86400,"expire":604800},"weeks":{"stale":300,"revalidate":604800,"expire":2592000},"max":{"stale":300,"revalidate":2592000,"expire":31536000}},"cacheHandlers":{},"experimental":{"useSkewCookie":false,"cssChunking":true,"multiZoneDraftMode":false,"appNavFailHandling":false,"prerenderEarlyExit":true,"serverMinification":true,"linkNoTouchStart":false,"caseSensitiveRoutes":false,"dynamicOnHover":false,"preloadEntriesOnStart":true,"clientRouterFilter":true,"clientRouterFilterRedirects":false,"fetchCacheKeyPrefix":"","proxyPrefetch":"flexible","optimisticClientCache":true,"manualClientBasePath":false,"cpus":3,"memoryBasedWorkersCount":false,"imgOptConcurrency":null,"imgOptTimeoutInSeconds":7,"imgOptMaxInputPixels":268402689,"imgOptSequentialRead":null,"imgOptSkipMetadata":null,"isrFlushToDisk":true,"workerThreads":false,"optimizeCss":false,"nextScriptWorkers":false,"scrollRestoration":false,"externalDir":false,"disableOptimizedLoading":false,"gzipSize":true,"craCompat":false,"esmExternals":true,"fullySpecified":false,"swcTraceProfiling":false,"forceSwcTransforms":false,"largePageDataBytes":128000,"typedEnv":false,"parallelServerCompiles":false,"parallelServerBuildTraces":false,"ppr":false,"authInterrupts":false,"webpackMemoryOptimizations":false,"optimizeServerReact":true,"viewTransition":false,"removeUncaughtErrorAndRejectionListeners":false,"validateRSCRequestHeaders":false,"staleTimes":{"dynamic":0,"static":300},"reactDebugChannel":false,"serverComponentsHmrCache":true,"staticGenerationMaxConcurrency":8,"staticGenerationMinPagesPerWorker":25,"transitionIndicator":false,"inlineCss":false,"useCache":false,"globalNotFound":false,"browserDebugInfoInTerminal":false,"lockDistDir":true,"isolatedDevBuild":true,"proxyClientMaxBodySize":10485760,"hideLogsAfterAbort":false,"mcpServer":true,"turbopackFileSystemCacheForDev":true,"turbopackFileSystemCacheForBuild":true,"turbopackInferModuleSideEffects":false,"optimizePackageImports":["lucide-react","date-fns","lodash-es","ramda","antd","react-bootstrap","ahooks","@ant-design/icons","@headlessui/react","@headlessui-float/react","@heroicons/react/20/solid","@heroicons/react/24/solid","@heroicons/react/24/outline","@visx/visx","@tremor/react","rxjs","@mui/material","@mui/icons-material","recharts","react-use","effect","@effect/schema","@effect/platform","@effect/platform-node","@effect/platform-browser","@effect/platform-bun","@effect/sql","@effect/sql-mssql","@effect/sql-mysql2","@effect/sql-pg","@effect/sql-sqlite-node","@effect/sql-sqlite-bun","@effect/sql-sqlite-wasm","@effect/sql-sqlite-react-native","@effect/rpc","@effect/rpc-http","@effect/typeclass","@effect/experimental","@effect/opentelemetry","@material-ui/core","@material-ui/icons","@tabler/icons-react","mui-core","react-icons/ai","react-icons/bi","react-icons/bs","react-icons/cg","react-icons/ci","react-icons/di","react-icons/fa","react-icons/fa6","react-icons/fc","react-icons/fi","react-icons/gi","react-icons/go","react-icons/gr","react-icons/hi","react-icons/hi2","react-icons/im","react-icons/io","react-icons/io5","react-icons/lia","react-icons/lib","react-icons/lu","react-icons/md","react-icons/pi","react-icons/ri","react-icons/rx","react-icons/si","react-icons/sl","react-icons/tb","react-icons/tfi","react-icons/ti","react-icons/vsc","react-icons/wi"],"trustHostHeader":false,"isExperimentalCompile":false},"htmlLimitedBots":"[\\w-]+-Google|Google-[\\w-]+|Chrome-Lighthouse|Slurp|DuckDuckBot|baiduspider|yandex|sogou|bitlybot|tumblr|vkShare|quora link preview|redditbot|ia_archiver|Bingbot|BingPreview|applebot|facebookexternalhit|facebookcatalog|Twitterbot|LinkedInBot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|Yeti|googleweblight","bundlePagesRouterDependencies":false,"configFileName":"next.config.ts","serverExternalPackages":["@conductor-oss/core","@conductor-oss/plugin-agent-amp","@conductor-oss/plugin-agent-ccr","@conductor-oss/plugin-agent-claude-code","@conductor-oss/plugin-agent-codex","@conductor-oss/plugin-agent-cursor-cli","@conductor-oss/plugin-agent-droid","@conductor-oss/plugin-agent-gemini","@conductor-oss/plugin-agent-github-copilot","@conductor-oss/plugin-agent-opencode","@conductor-oss/plugin-agent-qwen-code","@conductor-oss/plugin-notifier-desktop","@conductor-oss/plugin-notifier-discord","@conductor-oss/plugin-runtime-tmux","@conductor-oss/plugin-scm-github","@conductor-oss/plugin-terminal-web","@conductor-oss/plugin-tracker-github","@conductor-oss/plugin-workspace-worktree"],"turbopack":{"root":"/home/runner/work/conductor-oss/conductor-oss"},"distDirRoot":".next"}
+const nextConfig = {"env":{},"webpack":null,"typescript":{"ignoreBuildErrors":false},"typedRoutes":false,"distDir":"./.next","cleanDistDir":true,"assetPrefix":"","cacheMaxMemorySize":52428800,"configOrigin":"next.config.ts","useFileSystemPublicRoutes":true,"generateEtags":true,"pageExtensions":["tsx","ts","jsx","js"],"poweredByHeader":true,"compress":true,"images":{"deviceSizes":[640,750,828,1080,1200,1920,2048,3840],"imageSizes":[32,48,64,96,128,256,384],"path":"/_next/image","loader":"default","loaderFile":"","domains":[],"disableStaticImages":false,"minimumCacheTTL":14400,"formats":["image/webp"],"maximumRedirects":3,"maximumResponseBody":50000000,"dangerouslyAllowLocalIP":false,"dangerouslyAllowSVG":false,"contentSecurityPolicy":"script-src 'none'; frame-src 'none'; sandbox;","contentDispositionType":"attachment","localPatterns":[{"pathname":"**","search":""}],"remotePatterns":[],"qualities":[75],"unoptimized":false},"devIndicators":{"position":"bottom-left"},"onDemandEntries":{"maxInactiveAge":60000,"pagesBufferLength":5},"basePath":"","sassOptions":{},"trailingSlash":false,"i18n":null,"productionBrowserSourceMaps":false,"excludeDefaultMomentLocales":true,"reactProductionProfiling":false,"reactStrictMode":null,"reactMaxHeadersLength":6000,"httpAgentOptions":{"keepAlive":true},"logging":{},"compiler":{},"expireTime":31536000,"staticPageGenerationTimeout":60,"output":"standalone","modularizeImports":{"@mui/icons-material":{"transform":"@mui/icons-material/{{member}}"},"lodash":{"transform":"lodash/{{member}}"}},"outputFileTracingRoot":"/home/runner/work/conductor-oss/conductor-oss","cacheComponents":false,"cacheLife":{"default":{"stale":300,"revalidate":900,"expire":4294967294},"seconds":{"stale":30,"revalidate":1,"expire":60},"minutes":{"stale":300,"revalidate":60,"expire":3600},"hours":{"stale":300,"revalidate":3600,"expire":86400},"days":{"stale":300,"revalidate":86400,"expire":604800},"weeks":{"stale":300,"revalidate":604800,"expire":2592000},"max":{"stale":300,"revalidate":2592000,"expire":31536000}},"cacheHandlers":{},"experimental":{"useSkewCookie":false,"cssChunking":true,"multiZoneDraftMode":false,"appNavFailHandling":false,"prerenderEarlyExit":true,"serverMinification":true,"linkNoTouchStart":false,"caseSensitiveRoutes":false,"dynamicOnHover":false,"preloadEntriesOnStart":true,"clientRouterFilter":true,"clientRouterFilterRedirects":false,"fetchCacheKeyPrefix":"","proxyPrefetch":"flexible","optimisticClientCache":true,"manualClientBasePath":false,"cpus":3,"memoryBasedWorkersCount":false,"imgOptConcurrency":null,"imgOptTimeoutInSeconds":7,"imgOptMaxInputPixels":268402689,"imgOptSequentialRead":null,"imgOptSkipMetadata":null,"isrFlushToDisk":true,"workerThreads":false,"optimizeCss":false,"nextScriptWorkers":false,"scrollRestoration":false,"externalDir":false,"disableOptimizedLoading":false,"gzipSize":true,"craCompat":false,"esmExternals":true,"fullySpecified":false,"swcTraceProfiling":false,"forceSwcTransforms":false,"largePageDataBytes":128000,"typedEnv":false,"parallelServerCompiles":false,"parallelServerBuildTraces":false,"ppr":false,"authInterrupts":false,"webpackMemoryOptimizations":false,"optimizeServerReact":true,"viewTransition":false,"removeUncaughtErrorAndRejectionListeners":false,"validateRSCRequestHeaders":false,"staleTimes":{"dynamic":0,"static":300},"reactDebugChannel":false,"serverComponentsHmrCache":true,"staticGenerationMaxConcurrency":8,"staticGenerationMinPagesPerWorker":25,"transitionIndicator":false,"inlineCss":false,"useCache":false,"globalNotFound":false,"browserDebugInfoInTerminal":false,"lockDistDir":true,"isolatedDevBuild":true,"proxyClientMaxBodySize":10485760,"hideLogsAfterAbort":false,"mcpServer":true,"turbopackFileSystemCacheForDev":true,"turbopackFileSystemCacheForBuild":true,"turbopackInferModuleSideEffects":false,"optimizePackageImports":["lucide-react","date-fns","lodash-es","ramda","antd","react-bootstrap","ahooks","@ant-design/icons","@headlessui/react","@headlessui-float/react","@heroicons/react/20/solid","@heroicons/react/24/solid","@heroicons/react/24/outline","@visx/visx","@tremor/react","rxjs","@mui/material","@mui/icons-material","recharts","react-use","effect","@effect/schema","@effect/platform","@effect/platform-node","@effect/platform-browser","@effect/platform-bun","@effect/sql","@effect/sql-mssql","@effect/sql-mysql2","@effect/sql-pg","@effect/sql-sqlite-node","@effect/sql-sqlite-bun","@effect/sql-sqlite-wasm","@effect/sql-sqlite-react-native","@effect/rpc","@effect/rpc-http","@effect/typeclass","@effect/experimental","@effect/opentelemetry","@material-ui/core","@material-ui/icons","@tabler/icons-react","mui-core","react-icons/ai","react-icons/bi","react-icons/bs","react-icons/cg","react-icons/ci","react-icons/di","react-icons/fa","react-icons/fa6","react-icons/fc","react-icons/fi","react-icons/gi","react-icons/go","react-icons/gr","react-icons/hi","react-icons/hi2","react-icons/im","react-icons/io","react-icons/io5","react-icons/lia","react-icons/lib","react-icons/lu","react-icons/md","react-icons/pi","react-icons/ri","react-icons/rx","react-icons/si","react-icons/sl","react-icons/tb","react-icons/tfi","react-icons/ti","react-icons/vsc","react-icons/wi"],"trustHostHeader":false,"isExperimentalCompile":false},"htmlLimitedBots":"[\\w-]+-Google|Google-[\\w-]+|Chrome-Lighthouse|Slurp|DuckDuckBot|baiduspider|yandex|sogou|bitlybot|tumblr|vkShare|quora link preview|redditbot|ia_archiver|Bingbot|BingPreview|applebot|facebookexternalhit|facebookcatalog|Twitterbot|LinkedInBot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|Yeti|googleweblight","bundlePagesRouterDependencies":false,"configFileName":"next.config.ts","serverExternalPackages":["@conductor-oss/core","@puppeteer/browsers","puppeteer-core","proxy-agent"],"turbopack":{"root":"/home/runner/work/conductor-oss/conductor-oss"},"distDirRoot":".next"}
 
 process.env.__NEXT_PRIVATE_STANDALONE_CONFIG = JSON.stringify(nextConfig)
 

package/web/.next/standalone/packages/web/src/components/layout/Sidebar.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useMemo, useState, type KeyboardEvent, type MouseEvent } from "react";
+import { useEffect, useMemo, useState, type KeyboardEvent, type MouseEvent } from "react";
 import { Archive, Search } from "lucide-react";
 import type { DashboardSession, AttentionLevel } from "@/lib/types";
 import { getAttentionLevel } from "@/lib/types";
@@ -25,6 +25,19 @@ const SESSION_ICON_DOTS = [
   { top: 12, left: 9, delay: "600ms", opacity: 0.45 },
 ] as const;
 
+const BRAILLE_SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"] as const;
+const BRAILLE_SPINNER_INTERVAL_MS = 80;
+
+interface SessionDiffStats {
+  additions: number;
+  deletions: number;
+}
+
+interface SessionDiffStatsCacheEntry {
+  key: string;
+  stats: SessionDiffStats | null;
+}
+
 function formatAge(isoDate: string): string {
   const diffMs = Date.now() - new Date(isoDate).getTime();
   if (diffMs < 0 || !Number.isFinite(diffMs)) return "now";
@@ -84,6 +97,44 @@ function parseDiffStats(session: DashboardSession): { additions: number; deletio
   return null;
 }
 
+function getSessionDiffCacheKey(session: DashboardSession): string {
+  return [
+    session.id,
+    session.status,
+    session.lastActivityAt,
+    session.branch ?? "",
+    session.metadata["worktree"] ?? "",
+  ].join(":");
+}
+
+function parseSessionDiffPayload(payload: unknown): SessionDiffStats | null {
+  if (!payload || typeof payload !== "object") return null;
+
+  const files = Array.isArray((payload as { files?: unknown }).files)
+    ? (payload as { files: Array<{ additions?: unknown; deletions?: unknown }> }).files
+    : [];
+
+  let additions = 0;
+  let deletions = 0;
+
+  for (const file of files) {
+    const nextAdditions = typeof file?.additions === "number" && Number.isFinite(file.additions)
+      ? Math.max(0, file.additions)
+      : 0;
+    const nextDeletions = typeof file?.deletions === "number" && Number.isFinite(file.deletions)
+      ? Math.max(0, file.deletions)
+      : 0;
+    additions += nextAdditions;
+    deletions += nextDeletions;
+  }
+
+  if (additions <= 0 && deletions <= 0) {
+    return null;
+  }
+
+  return { additions, deletions };
+}
+
 function getStatusBadge(session: DashboardSession, level: AttentionLevel): { label: string; className: string } {
   const summary = `${session.summary ?? ""} ${session.metadata["summary"] ?? ""}`.toLowerCase();
 
@@ -128,25 +179,52 @@ function getStatusBadge(session: DashboardSession, level: AttentionLevel): { lab
   }
 }
 
+function SessionRunningSpinner() {
+  const [frameIndex, setFrameIndex] = useState(0);
+
+  useEffect(() => {
+    const interval = window.setInterval(() => {
+      setFrameIndex((current) => (current + 1) % BRAILLE_SPINNER_FRAMES.length);
+    }, BRAILLE_SPINNER_INTERVAL_MS);
+
+    return () => window.clearInterval(interval);
+  }, []);
+
+  return (
+    <span
+      aria-hidden="true"
+      className="inline-block select-none font-mono text-[18px] leading-none text-[var(--vk-text-strong)]"
+    >
+      {BRAILLE_SPINNER_FRAMES[frameIndex]}
+    </span>
+  );
+}
+
 function SessionRuntimeIcon({ running }: { running: boolean }) {
+  if (!running) return null;
+
   return (
-    <span className="mt-1 inline-flex h-4 w-4 shrink-0 items-center justify-center text-[var(--vk-orange)]">
-      <span className="relative h-[12px] w-[10px]">
-        {SESSION_ICON_DOTS.map((dot, index) => (
-          <span
-            key={index}
-            className={cn(
-              "absolute h-[2px] w-[2px] rounded-full bg-current",
-              running && "animate-pulse",
-            )}
-            style={{
-              top: `${Math.round(dot.top * 0.75)}px`,
-              left: `${Math.round(dot.left * 0.75)}px`,
-              opacity: dot.opacity,
-              animationDelay: dot.delay,
-            }}
-          />
-        ))}
+    <span className="mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center">
+      <SessionRunningSpinner />
+    </span>
+  );
+}
+
+function SessionDiffBadge({
+  additions,
+  deletions,
+  isSelected,
+}: SessionDiffStats & { isSelected: boolean }) {
+  return (
+    <span
+      className={cn(
+        "shrink-0 rounded-[10px] px-3 py-1.5 font-mono text-[12px] leading-none tabular-nums",
+        isSelected ? "bg-[rgba(255,255,255,0.1)]" : "bg-[rgba(255,255,255,0.06)]",
+      )}
+    >
+      <span className="flex items-center gap-3">
+        <span className="text-[#18c58f]">+{additions}</span>
+        <span className="text-[#f26d6d]">−{deletions}</span>
       </span>
     </span>
   );
@@ -163,6 +241,7 @@ export function Sidebar({
   const [search, setSearch] = useState("");
   const [archivingId, setArchivingId] = useState<string | null>(null);
   const [archiveError, setArchiveError] = useState<string | null>(null);
+  const [diffStatsBySessionId, setDiffStatsBySessionId] = useState<Record<string, SessionDiffStatsCacheEntry>>({});
 
   const filtered = useMemo(() => {
     const visibleSessions = sessions.filter((session) => session.status !== "archived");
@@ -216,6 +295,51 @@ export function Sidebar({
     );
   }, [filtered]);
 
+  useEffect(() => {
+    const controller = new AbortController();
+    const sessionsToFetch = orderedSessions.filter((session) => {
+      const cacheKey = getSessionDiffCacheKey(session);
+      return diffStatsBySessionId[session.id]?.key !== cacheKey;
+    });
+
+    if (sessionsToFetch.length === 0) {
+      return () => controller.abort();
+    }
+
+    void Promise.all(
+      sessionsToFetch.map(async (session) => {
+        const cacheKey = getSessionDiffCacheKey(session);
+        try {
+          const response = await fetch(`/api/sessions/${encodeURIComponent(session.id)}/diff`, {
+            signal: controller.signal,
+          });
+          if (!response.ok) {
+            return [session.id, { key: cacheKey, stats: null }] as const;
+          }
+          const payload = await response.json();
+          return [session.id, { key: cacheKey, stats: parseSessionDiffPayload(payload) }] as const;
+        } catch (error) {
+          if ((error as Error).name === "AbortError") {
+            return null;
+          }
+          return [session.id, { key: cacheKey, stats: null }] as const;
+        }
+      }),
+    ).then((entries) => {
+      const resolvedEntries = entries.filter((entry): entry is readonly [string, SessionDiffStatsCacheEntry] => entry !== null);
+      if (resolvedEntries.length === 0) return;
+      setDiffStatsBySessionId((current) => {
+        const next = { ...current };
+        for (const [sessionId, entry] of resolvedEntries) {
+          next[sessionId] = entry;
+        }
+        return next;
+      });
+    });
+
+    return () => controller.abort();
+  }, [diffStatsBySessionId, orderedSessions]);
+
   return (
     <div className="flex h-full min-h-0 flex-col">
       {showHeader && (
@@ -253,7 +377,7 @@ export function Sidebar({
           <div className="space-y-2">
             {orderedSessions.map((session) => {
               const level = getAttentionLevel(session);
-              const diffStats = parseDiffStats(session);
+              const diffStats = diffStatsBySessionId[session.id]?.stats ?? parseDiffStats(session);
               const statusBadge = getStatusBadge(session, level);
               const sessionAgent = getSessionAgent(session);
               const isSelected = session.id === selectedId;
@@ -293,16 +417,17 @@ export function Sidebar({
                           {getSessionLabel(session)}
                         </span>
                       </span>
-                      <span className="shrink-0 rounded-[8px] bg-[rgba(255,255,255,0.06)] px-2.5 py-1 text-[11px] font-medium">
-                        {diffStats ? (
-                          <span className="flex items-center gap-2">
-                            <span className="text-[#18c58f]">+{diffStats.additions}</span>
-                            <span className="text-[#f26d6d]">-{diffStats.deletions}</span>
-                          </span>
-                        ) : (
+                      {diffStats ? (
+                        <SessionDiffBadge
+                          additions={diffStats.additions}
+                          deletions={diffStats.deletions}
+                          isSelected={isSelected}
+                        />
+                      ) : (
+                        <span className="shrink-0 rounded-[8px] bg-[rgba(255,255,255,0.06)] px-2.5 py-1 text-[11px] font-medium">
                           <span className={statusBadge.className}>{statusBadge.label}</span>
-                        )}
-                      </span>
+                        </span>
+                      )}
                     </span>
                     <span className="mt-1 block truncate text-[12px] text-[var(--vk-text-muted)]">
                       {getSessionSubtitle(session)}

package/web/.next/standalone/packages/web/src/components/sessions/SessionPreview.tsx

@@ -6,6 +6,8 @@ import {
   useMemo,
   useRef,
   useState,
+  type ClipboardEvent as ReactClipboardEvent,
+  type KeyboardEvent as ReactKeyboardEvent,
   type MouseEvent as ReactMouseEvent,
 } from "react";
 import {
@@ -41,6 +43,22 @@ const SELECTION_COMPOSER_WIDTH_PX = 340;
 const SELECTION_COMPOSER_HEIGHT_PX = 280;
 const SELECTION_COMPOSER_MARGIN_PX = 12;
 const MOBILE_SELECTION_COMPOSER_BREAKPOINT_PX = 520;
+const PREVIEW_SPECIAL_KEYS = new Map<string, string>([
+  ["Backspace", "Backspace"],
+  ["Delete", "Delete"],
+  ["Enter", "Enter"],
+  ["Tab", "Tab"],
+  ["Escape", "Escape"],
+  ["ArrowUp", "ArrowUp"],
+  ["ArrowDown", "ArrowDown"],
+  ["ArrowLeft", "ArrowLeft"],
+  ["ArrowRight", "ArrowRight"],
+  ["Home", "Home"],
+  ["End", "End"],
+  ["PageUp", "PageUp"],
+  ["PageDown", "PageDown"],
+  [" ", "Space"],
+]);
 
 interface SessionPreviewProps {
   sessionId: string;
@@ -143,8 +161,10 @@ export function SessionPreview({ sessionId, projectId }: SessionPreviewProps) {
   });
 
   const autoConnectRef = useRef<{ candidate: string; attemptedAt: number } | null>(null);
+  const previewCommandQueueRef = useRef<Promise<void>>(Promise.resolve());
   const imageRef = useRef<HTMLImageElement | null>(null);
   const instructionRef = useRef<HTMLTextAreaElement | null>(null);
+  const previewSurfaceRef = useRef<HTMLDivElement | null>(null);
 
   const loadStatus = useCallback(async () => {
     const response = await fetch(`/api/sessions/${encodeURIComponent(sessionId)}/preview`, {
@@ -200,6 +220,18 @@ export function SessionPreview({ sessionId, projectId }: SessionPreviewProps) {
     }
   }, [sessionId]);
 
+  const queuePreviewCommand = useCallback((command: PreviewCommandRequest, fallbackMessage: string) => {
+    previewCommandQueueRef.current = previewCommandQueueRef.current
+      .catch(() => undefined)
+      .then(async () => {
+        try {
+          await runCommand(command);
+        } catch (error) {
+          setCommandError(error instanceof Error ? error.message : fallbackMessage);
+        }
+      });
+  }, [runCommand]);
+
   const loadDom = useCallback(async (frameId?: string | null) => {
     if (!status?.connected) {
       setDomNodes([]);
@@ -461,6 +493,7 @@ export function SessionPreview({ sessionId, projectId }: SessionPreviewProps) {
     setSendSuccess(null);
 
     if (previewMode === "navigate") {
+      previewSurfaceRef.current?.focus({ preventScroll: true });
       try {
         await runCommand({ command: "clickAtPoint", x, y });
       } catch (error) {
@@ -495,6 +528,42 @@ export function SessionPreview({ sessionId, projectId }: SessionPreviewProps) {
     selectionComposer?.pending,
   ]);
 
+  const handlePreviewKeyDown = useCallback((event: ReactKeyboardEvent<HTMLDivElement>) => {
+    if (previewMode !== "navigate" || !status?.connected) {
+      return;
+    }
+
+    if (event.metaKey || event.ctrlKey || event.altKey) {
+      return;
+    }
+
+    const specialKey = PREVIEW_SPECIAL_KEYS.get(event.key);
+    if (specialKey) {
+      event.preventDefault();
+      queuePreviewCommand({ command: "pressKey", key: specialKey }, "Failed to send key to preview");
+      return;
+    }
+
+    if (event.key.length === 1) {
+      event.preventDefault();
+      queuePreviewCommand({ command: "typeText", text: event.key }, "Failed to type into preview");
+    }
+  }, [previewMode, queuePreviewCommand, status?.connected]);
+
+  const handlePreviewPaste = useCallback((event: ReactClipboardEvent<HTMLDivElement>) => {
+    if (previewMode !== "navigate" || !status?.connected) {
+      return;
+    }
+
+    const text = event.clipboardData.getData("text");
+    if (!text) {
+      return;
+    }
+
+    event.preventDefault();
+    queuePreviewCommand({ command: "typeText", text }, "Failed to paste into preview");
+  }, [previewMode, queuePreviewCommand, status?.connected]);
+
   const handleSendContext = useCallback(async (target: PreviewSendTarget) => {
     if (!projectId) {
       setSendError("Preview attachments require a project-backed session.");
@@ -787,7 +856,13 @@ export function SessionPreview({ sessionId, projectId }: SessionPreviewProps) {
                 Loading preview…
               </div>
             ) : screenshotUrl ? (
-              <div className="relative flex max-h-full max-w-full items-start justify-center overflow-auto">
+              <div
+                ref={previewSurfaceRef}
+                tabIndex={status?.connected ? 0 : -1}
+                onKeyDown={handlePreviewKeyDown}
+                onPaste={handlePreviewPaste}
+                className="relative flex max-h-full max-w-full items-start justify-center overflow-auto rounded-[6px] outline-none focus-visible:ring-2 focus-visible:ring-[var(--vk-orange)] focus-visible:ring-offset-2 focus-visible:ring-offset-[#111]"
+              >
                 <img
                   ref={imageRef}
                   src={screenshotUrl}
@@ -906,7 +981,7 @@ export function SessionPreview({ sessionId, projectId }: SessionPreviewProps) {
               </div>
             ) : (
               <div className="max-w-md text-center text-[13px] text-[var(--vk-text-muted)]">
-                Connect a local dev URL to start the preview browser. Use Navigate mode to click through the running app, or switch to Inspect mode to select an element and send it to the current agent.
+                Connect a local dev URL to start the preview browser. In Navigate mode, click the preview first, then type directly into the running app. Switch to Inspect mode to select an element and send it to the current agent.
               </div>
             )}
           </div>

package/web/.next/standalone/packages/web/src/components/sessions/SessionRuntimeStatusBar.tsx

@@ -103,24 +103,68 @@ function resolveCatalogContext(
   return resolved;
 }
 
+function getUsageTone(percentUsed: number | null): {
+  ring: string;
+  dot: string;
+  halo: string;
+  panel: string;
+} {
+  if (percentUsed === null) {
+    return {
+      ring: "rgba(255,255,255,0.12)",
+      dot: "var(--text-faint)",
+      halo: "transparent",
+      panel: "rgba(255,255,255,0.06)",
+    };
+  }
+
+  if (percentUsed >= 85) {
+    return {
+      ring: "var(--status-error)",
+      dot: "var(--status-error)",
+      halo: "color-mix(in srgb, var(--status-error) 24%, transparent)",
+      panel: "color-mix(in srgb, var(--status-error) 12%, transparent)",
+    };
+  }
+
+  if (percentUsed >= 65) {
+    return {
+      ring: "var(--status-attention)",
+      dot: "var(--status-attention)",
+      halo: "color-mix(in srgb, var(--status-attention) 24%, transparent)",
+      panel: "color-mix(in srgb, var(--status-attention) 12%, transparent)",
+    };
+  }
+
+  return {
+    ring: "var(--status-working)",
+    dot: "var(--status-working)",
+    halo: "color-mix(in srgb, var(--status-working) 24%, transparent)",
+    panel: "color-mix(in srgb, var(--status-working) 10%, transparent)",
+  };
+}
+
 function UsageRing({ percentUsed }: { percentUsed: number | null }) {
   const clamped = percentUsed === null ? null : Math.min(100, Math.max(0, percentUsed));
   const degree = clamped === null ? 0 : clamped * 3.6;
+  const tone = getUsageTone(clamped);
   const background = clamped === null
-    ? "linear-gradient(180deg, rgba(230,230,230,0.12), rgba(230,230,230,0.12))"
-    : `conic-gradient(#ea7a2a ${degree}deg, rgba(255,255,255,0.12) ${degree}deg 360deg)`;
+    ? `linear-gradient(180deg, ${tone.ring}, ${tone.ring})`
+    : `conic-gradient(${tone.ring} ${degree}deg, rgba(255,255,255,0.12) ${degree}deg 360deg)`;
 
   return (
     <span
       aria-hidden="true"
-      className="relative inline-flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full"
-      style={{ background }}
+      className="relative inline-flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-full"
+      style={{
+        background,
+        boxShadow: `0 0 0 1px ${tone.panel}, 0 0 18px ${tone.halo}`,
+      }}
     >
-      <span className="absolute inset-[2px] rounded-full bg-[#141414]" />
+      <span className="absolute inset-[2px] rounded-full bg-[var(--bg-panel)]" />
       <span
-        className={`relative h-[5px] w-[5px] rounded-full ${
-          clamped === null ? "bg-[#6d6d6d]" : "bg-[#ea7a2a]"
-        }`}
+        className="relative h-[6px] w-[6px] rounded-full"
+        style={{ backgroundColor: tone.dot }}
       />
     </span>
   );
@@ -166,34 +210,46 @@ export function SessionRuntimeStatusBar({
   const sourceNote = runtimeStatus?.source?.note?.trim()
     || activeContext.note
     || null;
+  const usageTone = getUsageTone(percentUsed);
 
   return (
-    <div className="mt-3 rounded-[4px] border border-[#2f2f2f] bg-[#141414] px-3 py-2">
+    <div
+      className="mt-3 overflow-hidden rounded-[6px] border border-[var(--border-soft)] bg-[var(--bg-panel)]"
+      style={{
+        boxShadow: `inset 0 1px 0 rgba(255,255,255,0.03), 0 0 0 1px ${usageTone.panel}`,
+      }}
+    >
       <Tooltip>
         <TooltipTrigger asChild>
           <button
             type="button"
-            className="flex w-full items-center gap-2 overflow-hidden text-left font-mono text-[12px] leading-[18px] text-[#bbbbbb] sm:text-[13px] sm:leading-[19px]"
+            className="flex w-full items-center gap-3 overflow-hidden bg-[linear-gradient(135deg,color-mix(in_srgb,var(--bg-panel)_88%,transparent),color-mix(in_srgb,var(--bg-surface)_76%,transparent))] px-3 py-2.5 text-left text-[12px] leading-[18px] text-[var(--text-normal)] transition hover:bg-[linear-gradient(135deg,color-mix(in_srgb,var(--bg-panel)_96%,transparent),color-mix(in_srgb,var(--bg-surface)_88%,transparent))] sm:text-[13px] sm:leading-[19px]"
           >
             <UsageRing percentUsed={percentUsed} />
-            <span className="min-w-0 flex-1 overflow-hidden whitespace-nowrap">
-              <span className="text-[#f2f2f2]">{primaryLabel}</span>
+            <span className="min-w-0 flex-1 overflow-hidden whitespace-nowrap font-sans">
+              <span className="text-[13px] font-medium tracking-[0.02em] text-[var(--text-strong)] sm:text-[14px]">
+                {primaryLabel}
+              </span>
               {usageSummary ? (
                 <>
-                  <span className="px-2 text-[#626262]">·</span>
-                  <span className="text-[#f0c39a]">{usageSummary}</span>
+                  <span className="px-2 text-[var(--text-faint)]">·</span>
+                  <span style={{ color: usageTone.ring }}>{usageSummary}</span>
                 </>
               ) : null}
-              <span className="px-2 text-[#626262]">·</span>
-              <span className="text-[#b7b7b7]">{activeContextLabel}</span>
-              <span className="px-2 text-[#626262]">·</span>
-              <span className="truncate text-[#7c7c7c]">{cwdLabel}</span>
+              <span className="px-2 text-[var(--text-faint)]">·</span>
+              <span className="text-[var(--text-muted)]">{activeContextLabel}</span>
+              <span className="px-2 text-[var(--text-faint)]">·</span>
+              <span className="truncate font-mono text-[11px] text-[var(--text-faint)] sm:text-[12px]">
+                {cwdLabel}
+              </span>
             </span>
           </button>
         </TooltipTrigger>
         <TooltipContent side="top" className="max-w-[380px] space-y-2 px-3 py-3">
           <div className="space-y-1">
-            <p className="font-mono text-[12px] text-[var(--text-strong)]">{primaryLabel}</p>
+            <p className="font-sans text-[13px] font-medium tracking-[0.02em] text-[var(--text-strong)]">
+              {primaryLabel}
+            </p>
             <p className="text-[11px] leading-[16px] text-[var(--text-muted)]">
               {activeAgentLabel} · {sourceLabel}
             </p>