refactor: remove workshop view and related components — streamlined navigation and visibility in the application

Author: BunsDev

app/page.tsx

@@ -88,7 +88,6 @@ const VIEW_ICONS: Record<string, { icon: string; label: string }> = {
   preview: { icon: 'lucide:eye', label: 'Preview' },
   diff: { icon: 'lucide:git-compare', label: 'Diff' },
   git: { icon: 'lucide:git-branch', label: 'Git' },
-  workshop: { icon: 'lucide:bot', label: 'Workshop' },
   skills: { icon: 'lucide:sparkles', label: 'Skills' },
   settings: { icon: 'lucide:settings', label: 'Settings' },
   terminal: { icon: 'lucide:terminal', label: 'Terminal' },
@@ -134,7 +133,7 @@ export default function EditorLayout() {
   const terminalStartupCommand = useCenteredTerminal ? 'openclaw tui' : undefined
   const mobileViewTabs = useMemo(() => {
     // On mobile, curate tabs to useful views + always include settings
-    const mobile = visibleViews.filter((v) => !['preview', 'diff', 'workshop'].includes(v))
+    const mobile = visibleViews.filter((v) => !['preview', 'diff'].includes(v))
     if (!mobile.includes('terminal')) mobile.push('terminal')
     return mobile.slice(0, 5)
   }, [visibleViews])
@@ -148,8 +147,7 @@ export default function EditorLayout() {
   )
   const showMobileBottomTabs = isMobile && !modeSpec.terminalCenter && keyboardOffset === 0
   const showMobileSidebarButton = isMobile && mode !== 'tui'
-  const showWorkflowEditorTabs =
-    !isMobile && !modeSpec.terminalCenter && activeView === 'workshop' && files.length > 0
+  const showWorkflowEditorTabs = false
   const mobileTerminalOffset = showMobileBottomTabs
     ? 'calc(env(safe-area-inset-bottom) + 5.75rem)'
     : 'calc(env(safe-area-inset-bottom) + 0.5rem)'
@@ -1035,9 +1033,6 @@ export default function EditorLayout() {
             case 'view-settings':
               setView('settings')
               break
-            case 'view-workshop':
-              setView('workshop')
-              break
             case 'view-skills':
               setView('skills')
               break

components/command-palette.tsx

@@ -28,7 +28,6 @@ type CommandId =
   | 'view-editor'
   | 'view-preview'
   | 'view-git'
-  | 'view-workshop'
   | 'view-skills'
   | 'view-settings'
   | 'open-onboarding'
@@ -221,14 +220,6 @@ const COMMANDS: CommandItem[] = [
     icon: 'lucide:git-branch',
     group: 'navigate',
   },
-  {
-    id: 'view-workshop',
-    label: 'Go to Workshop',
-    hint: 'Open the unified agent workshop',
-    keywords: ['workshop', 'agents', 'skills', 'automation', 'playground'],
-    icon: 'lucide:bot',
-    group: 'navigate',
-  },
   {
     id: 'view-skills',
     label: 'Go to Skills',
@@ -356,8 +347,7 @@ const VIEW_CONTEXT_COMMANDS: Partial<Record<ViewId, CommandId[]>> = {
     'toggle-terminal',
   ],
   git: ['git-commit', 'toggle-git-panel', 'git-push', 'git-pull', 'git-stash', 'toggle-terminal'],
-  workshop: ['view-workshop', 'open-new-window', 'view-editor', 'view-git'],
-  skills: ['view-skills', 'view-workshop', 'open-new-window', 'view-editor'],
+  skills: ['view-skills', 'open-new-window', 'view-editor'],
 
   preview: ['preview-refresh', 'view-editor'],
 }

components/view-router.tsx

@@ -12,10 +12,6 @@ const EditorView = dynamic(
 const GitView = dynamic(() => import('@/components/views/git-view').then((m) => m.GitView), {
   ssr: false,
 })
-const WorkshopView = dynamic(
-  () => import('@/components/views/workshop-view').then((m) => m.WorkshopView),
-  { ssr: false },
-)
 const SkillsView = dynamic(
   () => import('@/components/views/skills-view').then((m) => m.SkillsView),
   { ssr: false },
@@ -41,7 +37,6 @@ const VIEW_ICONS: Record<string, { label: string }> = {
   editor: { label: 'Editor' },
   preview: { label: 'Preview' },
   git: { label: 'Git' },
-  workshop: { label: 'Workshop' },
   skills: { label: 'Skills' },
   settings: { label: 'Settings' },
   terminal: { label: 'Terminal' },
@@ -84,7 +79,6 @@ export function ViewRouter() {
             {activeView === 'editor' && <EditorView />}
             {activeView === 'preview' && <PreviewPanel />}
             {activeView === 'git' && <GitView />}
-            {activeView === 'workshop' && <WorkshopView />}
             {activeView === 'skills' && <SkillsView />}
             {activeView === 'settings' && (
               <div className="flex-1 flex items-center justify-center">

components/workspace-sidebar.tsx

@@ -232,18 +232,6 @@ export function WorkspaceSidebar({ collapsed, onToggle, repoName }: Props) {
 
             {/* Nav items */}
             <div className="mt-3 space-y-0.5">
-              <button
-                onClick={() => setView('workshop')}
-                className="codex-sidebar-nav-item flex items-center gap-2.5 px-3.5 py-2 rounded-lg text-[13px] text-[var(--text-secondary)] hover:bg-[color-mix(in_srgb,var(--text-primary)_5%,transparent)] hover:text-[var(--text-primary)] transition-all cursor-pointer w-full"
-              >
-                <Icon
-                  icon="lucide:bot"
-                  width={15}
-                  height={15}
-                  className="text-[var(--text-tertiary)]"
-                />
-                Workshop
-              </button>
               <button
                 onClick={() => setView('skills')}
                 className="codex-sidebar-nav-item flex items-center gap-2.5 px-3.5 py-2 rounded-lg text-[13px] text-[var(--text-secondary)] hover:bg-[color-mix(in_srgb,var(--text-primary)_5%,transparent)] hover:text-[var(--text-primary)] transition-all cursor-pointer w-full"
@@ -257,7 +245,7 @@ export function WorkspaceSidebar({ collapsed, onToggle, repoName }: Props) {
                 Automations
               </button>
               <button
-                onClick={() => setView('workshop')}
+                onClick={() => setView('skills')}
                 className="codex-sidebar-nav-item flex items-center gap-2.5 px-3.5 py-2 rounded-lg text-[13px] text-[var(--text-secondary)] hover:bg-[color-mix(in_srgb,var(--text-primary)_5%,transparent)] hover:text-[var(--text-primary)] transition-all cursor-pointer w-full"
               >
                 <Icon

context/view-context.tsx

@@ -17,21 +17,11 @@ export type ViewId =
   | 'preview'
   | 'diff'
   | 'git'
-  | 'workshop'
   | 'skills'
   | 'settings'
   | 'terminal'
 
-const VIEW_ORDER: ViewId[] = [
-  'chat',
-  'editor',
-  'preview',
-  'git',
-  'workshop',
-  'skills',
-  'settings',
-  'terminal',
-]
+const VIEW_ORDER: ViewId[] = ['chat', 'editor', 'preview', 'git', 'skills', 'settings', 'terminal']
 
 interface ViewState {
   activeView: ViewId

lib/mode-registry.ts

@@ -25,7 +25,7 @@ export const MODE_REGISTRY: Record<AppMode, ModeSpec> = {
     id: 'classic',
     label: 'Classic',
     description: 'Traditional editor — no chat, files open',
-    visibleViews: ['editor', 'preview', 'git', 'workshop', 'skills'],
+    visibleViews: ['editor', 'preview', 'git', 'skills'],
     defaultView: 'editor',
     autoExpandEditor: true,
     accent: '#d2a34f',
@@ -43,7 +43,7 @@ export const MODE_REGISTRY: Record<AppMode, ModeSpec> = {
     id: 'chat',
     label: 'Chat',
     description: 'Chat-first mode with optional editor and git views',
-    visibleViews: ['chat', 'editor', 'git', 'workshop', 'skills'],
+    visibleViews: ['chat', 'editor', 'git', 'skills'],
     defaultView: 'chat',
     hideTabs: true,
     accent: '#86b5ff',
@@ -61,7 +61,7 @@ export const MODE_REGISTRY: Record<AppMode, ModeSpec> = {
     id: 'tui',
     label: 'TUI',
     description: 'Terminal-first — editor available on demand',
-    visibleViews: ['editor', 'git', 'workshop', 'skills'],
+    visibleViews: ['editor', 'git', 'skills'],
     defaultView: 'editor',
     terminalCenter: true,
     hideTabs: true,