feat: enhance VSCode layout with expanded view and responsive design; update sidebar visibility and settings for VSCode runtime

2026-01-16 00:26:29 +02:00
parent 592351df9f
commit b1964c217c
10 changed files with 161 additions and 35 deletions
@@ -17,6 +17,7 @@ interface SectionGroup {
  label: string;
  items: string[];
  webOnly?: boolean;
+  hideInVSCode?: boolean;
 }

 const OPENCHAMBER_SECTION_GROUPS: SectionGroup[] = [
@@ -39,6 +40,7 @@ const OPENCHAMBER_SECTION_GROUPS: SectionGroup[] = [
    id: 'git',
    label: 'Git',
    items: ['Commit Messages', 'Worktree'],
+    hideInVSCode: true,
  },
  {
    id: 'notifications',
@@ -69,8 +71,12 @@ export const OpenChamberSidebar: React.FC<OpenChamberSidebarProps> = ({
  }, []);

  const visibleSections = React.useMemo(() => {
-    return OPENCHAMBER_SECTION_GROUPS.filter((group) => !group.webOnly || isWeb);
-  }, [isWeb]);
+    return OPENCHAMBER_SECTION_GROUPS.filter((group) => {
+      if (group.webOnly && !isWeb) return false;
+      if (group.hideInVSCode && isVSCode) return false;
+      return true;
+    });
+  }, [isWeb, isVSCode]);

  // Desktop app: transparent for blur effect
  // VS Code: bg-background (same as page content)
@@ -310,7 +310,7 @@ export const OpenChamberVisualSettings: React.FC<OpenChamberVisualSettingsProps>
                </div>
            )}

-            {shouldShow('diffLayout') && !isMobile && (
+            {shouldShow('diffLayout') && !isMobile && !isVSCodeRuntime() && (
                <div className="space-y-6">
                    <div className="space-y-1">
                        <h3 className="typography-ui-header font-semibold text-foreground">