@workbench-kit/shell-react 0.0.2-prototype.0.2.11 → 0.0.2-prototype.0.2.14

package/README.md

@@ -63,13 +63,15 @@ for Flow-only embeds and custom bundler setups. The full barrel
 `FieldRemapFlowMapper` (and `FieldRemapPanel` pass-through) accept optional chrome
 hooks so hosts avoid CSS/DOM workarounds:
 
-| Prop                                                            | Behavior                                                              |
-| --------------------------------------------------------------- | --------------------------------------------------------------------- |
-| `showMinimap`                                                   | Default `true`. When `false`, MiniMap is not mounted.                 |
-| `onPaneContextMenu` / `onNodeContextMenu` / `onEdgeContextMenu` | Native event + selection payload; host owns menu UI.                  |
-| `flowActionsRef`                                                | `{ fitView(options?) }` using the same defaults as Controls fit-view. |
-| `labels` / `t`                                                  | Override edge-list / Convert palette chrome (e.g. “Field maps”).      |
-| `ioChrome` (Panel)                                              | `'browse' \| 'edit' \| 'none'` — prefer browse for inspect-only I/O.  |
+| Prop                                                            | Behavior                                                                                              |
+| --------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
+| `showMinimap`                                                   | Default `true`. When `false`, MiniMap is not mounted.                                                 |
+| `onShowMinimapChange`                                           | When set, adds a MiniMap toggle inside Flow Controls (+/−/fit).                                       |
+| `includeHidden` / `onIncludeHiddenChange`                       | When callback set, adds a hidden-fields toggle in the same Controls. Host/Panel still project shapes. |
+| `onPaneContextMenu` / `onNodeContextMenu` / `onEdgeContextMenu` | Native event + selection payload; host owns menu UI.                                                  |
+| `flowActionsRef`                                                | `{ fitView(options?) }` using the same defaults as Controls fit-view.                                 |
+| `labels` / `t`                                                  | Override edge-list / Convert palette chrome (e.g. “Field maps”).                                      |
+| `ioChrome` (Panel)                                              | `'browse' \| 'edit' \| 'none'` — prefer browse for inspect-only I/O.                                  |
 
 ```tsx
 const flowActionsRef = useRef<FieldRemapFlowActions | null>(null);
@@ -90,6 +92,21 @@ const flowActionsRef = useRef<FieldRemapFlowActions | null>(null);
 />;
 ```
 
+## Shell chrome labels / `t()`
+
+`WorkbenchShell` accepts optional `labels` and `t(key, fallback)` for high-visibility chrome
+(ActivityBar / StatusBar aria names, Profile/Settings secondary items, command palette).
+English defaults apply when neither is set. See
+`resolveWorkbenchShellChromeLabels` / `workbenchShellChromeLabelKeys` and
+[Consumer Capabilities — Shell chrome label injection](../../docs/workbench/consumer-capabilities.md#shell-chrome-label--t-injection-126).
+
+```tsx
+<WorkbenchShell
+  t={(key, fallback) => hostTranslate(key, fallback)}
+  labels={{ settingsLabel: 'Settings' }}
+/>
+```
+
 ## Related docs
 
 - [Component Map](../../docs/guides/component-map.md)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workbench-kit/shell-react",
-  "version": "0.0.2-prototype.0.2.11",
+  "version": "0.0.2-prototype.0.2.14",
   "private": false,
   "type": "module",
   "exports": {
@@ -21,13 +21,13 @@
     "@xyflow/react": "^12.11.2",
     "jsonata": "^2.2.0",
     "react-table-mapping": "^1.0.3",
-    "@workbench-kit/platform": "0.0.2-prototype.0.2.11",
-    "@workbench-kit/react": "0.0.2-prototype.0.2.11",
-    "@workbench-kit/tokens": "0.0.2-prototype.0.2.11",
-    "@workbench-kit/workbench-config": "0.0.2-prototype.0.2.11",
-    "@workbench-kit/workspace": "0.0.2-prototype.0.2.11",
-    "@workbench-kit/field-remap": "0.0.2-prototype.0.2.11",
-    "@workbench-kit/workbench-core": "0.0.2-prototype.0.2.11"
+    "@workbench-kit/field-remap": "0.0.2-prototype.0.2.14",
+    "@workbench-kit/tokens": "0.0.2-prototype.0.2.14",
+    "@workbench-kit/workbench-config": "0.0.2-prototype.0.2.14",
+    "@workbench-kit/workbench-core": "0.0.2-prototype.0.2.14",
+    "@workbench-kit/workspace": "0.0.2-prototype.0.2.14",
+    "@workbench-kit/react": "0.0.2-prototype.0.2.14",
+    "@workbench-kit/platform": "0.0.2-prototype.0.2.14"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/chat/command-error-message.ts

@@ -0,0 +1,7 @@
+export function getCommandErrorMessage(error: unknown) {
+  if (error instanceof Error) {
+    return error.message;
+  }
+
+  return String(error);
+}

package/src/chat/command-surface.tsx

@@ -6,6 +6,7 @@ import {
   type WorkbenchCommandDescriptor,
 } from '@workbench-kit/react/workbench';
 
+import { getCommandErrorMessage } from './command-error-message.js';
 import { parseWorkbenchChatCommandInput } from './command-input.js';
 import { useWorkbench } from '../shell/provider.js';
 import { useWorkbenchCommandDescriptors } from '../commands/use-command-descriptors.js';
@@ -145,11 +146,3 @@ export function useWorkbenchChatCommandSurface({
     runInputAsCommand,
   };
 }
-
-function getCommandErrorMessage(error: unknown) {
-  if (error instanceof Error) {
-    return error.message;
-  }
-
-  return String(error);
-}

package/src/chat/use-chat-command-proposals.ts

@@ -7,6 +7,7 @@ import {
 } from '@workbench-kit/react/workbench';
 import type { ChatCommandProposal, ChatMessage } from '@workbench-kit/react/workbench/chat';
 
+import { getCommandErrorMessage } from './command-error-message.js';
 import { type WorkbenchChatCommandRunResult } from './command-surface.js';
 import { useWorkbench } from '../shell/provider.js';
 
@@ -24,14 +25,6 @@ export interface UseWorkbenchChatCommandProposalsOptions {
   policyInput?: ResolveWorkbenchCommandExecutionPolicyInput | undefined;
 }
 
-function getCommandErrorMessage(error: unknown) {
-  if (error instanceof Error) {
-    return error.message;
-  }
-
-  return String(error);
-}
-
 function createProposalId(commandId: string) {
   return `proposal-${commandId}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }

package/src/field-remap/chrome-labels.ts

@@ -21,6 +21,10 @@ export interface FieldRemapChromeLabels {
   readonly placeConvert: string;
   readonly operatorsTitle: string;
   readonly operatorsDescription: string;
+  readonly showMinimap: string;
+  readonly hideMinimap: string;
+  readonly showHiddenFields: string;
+  readonly hideHiddenFields: string;
 }
 
 export const defaultFieldRemapChromeLabels: FieldRemapChromeLabels = {
@@ -34,6 +38,10 @@ export const defaultFieldRemapChromeLabels: FieldRemapChromeLabels = {
   operatorsTitle: 'n→m operators',
   operatorsDescription:
     'Create combine (n→1) or split (1→n), then wire ports or edit in the side rail.',
+  showMinimap: 'Show minimap',
+  hideMinimap: 'Hide minimap',
+  showHiddenFields: 'Show hidden fields',
+  hideHiddenFields: 'Hide hidden fields',
 };
 
 /** Stable capability ids for optional `t()` injection (not free prose). */
@@ -46,6 +54,10 @@ export const fieldRemapChromeLabelKeys = {
   placeConvert: 'fieldRemap.placeConvert',
   operatorsTitle: 'fieldRemap.operatorsTitle',
   operatorsDescription: 'fieldRemap.operatorsDescription',
+  showMinimap: 'fieldRemap.showMinimap',
+  hideMinimap: 'fieldRemap.hideMinimap',
+  showHiddenFields: 'fieldRemap.showHiddenFields',
+  hideHiddenFields: 'fieldRemap.hideHiddenFields',
 } as const satisfies Record<keyof FieldRemapChromeLabels, string>;
 
 export function resolveFieldRemapChromeLabels(
@@ -70,5 +82,9 @@ export function resolveFieldRemapChromeLabels(
     placeConvert: resolve('placeConvert'),
     operatorsTitle: resolve('operatorsTitle'),
     operatorsDescription: resolve('operatorsDescription'),
+    showMinimap: resolve('showMinimap'),
+    hideMinimap: resolve('hideMinimap'),
+    showHiddenFields: resolve('showHiddenFields'),
+    hideHiddenFields: resolve('hideHiddenFields'),
   };
 }

package/src/field-remap/demo.tsx

@@ -57,14 +57,6 @@ export function SampleFieldRemapDemo({
           data-testid="field-remap-host-chrome"
           style={{ display: 'flex', gap: '0.5rem', marginBottom: '0.75rem', flexWrap: 'wrap' }}
         >
-          <Button
-            compact
-            type="button"
-            data-testid="field-remap-toggle-minimap"
-            onClick={() => setShowMinimap((current) => !current)}
-          >
-            {showMinimap ? 'Hide MiniMap' : 'Show MiniMap'}
-          </Button>
           <Button
             compact
             type="button"
@@ -84,6 +76,7 @@ export function SampleFieldRemapDemo({
         key={`${sample.id}:${ioChrome ?? 'default'}:${browseSeedShapes ? 'seed' : 'plain'}`}
         sample={sample}
         showMinimap={showMinimap}
+        onShowMinimapChange={setShowMinimap}
         ioChrome={ioChrome}
         editableShapes={ioChrome === 'browse' ? false : undefined}
         sources={browseShapes?.sources}

package/src/field-remap/flow.tsx

@@ -12,6 +12,7 @@ import {
 } from 'react';
 import {
   Background,
+  ControlButton,
   Controls,
   Handle,
   MiniMap,
@@ -333,6 +334,22 @@ export interface FieldRemapFlowMapperProps {
    * backward compatibility with existing samples.
    */
   readonly showMinimap?: boolean | undefined;
+  /**
+   * When set, Flow Controls (+/−/fit) include a MiniMap toggle button in the same
+   * panel. Hosts should prefer this over a separate toolbar control.
+   */
+  readonly onShowMinimapChange?: ((show: boolean) => void) | undefined;
+  /**
+   * When false (default), hosts should project shapes with hidden fields omitted
+   * before passing `sources` / `targets`. Flow itself does not filter — this flag
+   * drives the Controls toggle pressed state only.
+   */
+  readonly includeHidden?: boolean | undefined;
+  /**
+   * When set, Flow Controls include a hidden-fields toggle next to zoom / MiniMap.
+   * Pair with host (or Panel) shape projection on `includeHidden`.
+   */
+  readonly onIncludeHiddenChange?: ((includeHidden: boolean) => void) | undefined;
   /** Pane context menu; host owns menu UI. Receives current Field Remap selection. */
   readonly onPaneContextMenu?:
     | ((event: MouseEvent | globalThis.MouseEvent, ctx: { selection: FieldRemapSelection }) => void)
@@ -375,6 +392,9 @@ function FieldRemapFlowCanvas({
   selection: selectionProp,
   onSelectionChange: onSelectionChangeProp,
   showMinimap = true,
+  onShowMinimapChange,
+  includeHidden = false,
+  onIncludeHiddenChange,
   onPaneContextMenu,
   onNodeContextMenu,
   onEdgeContextMenu,
@@ -713,6 +733,7 @@ function FieldRemapFlowCanvas({
       className="workbench-field-remap-flow"
       data-testid="field-remap-mapper"
       data-minimap={showMinimap ? 'on' : 'off'}
+      data-hidden-fields={includeHidden ? 'on' : 'off'}
       onKeyDown={onKeyDown}
     >
       <p className="workbench-field-remap-mapper__hint" data-testid="field-remap-hint">
@@ -784,7 +805,93 @@ function FieldRemapFlowCanvas({
           >
             <FieldRemapFlowActionsBridge flowActionsRef={flowActionsRef} />
             <Background gap={16} color="var(--xy-background-pattern-color)" />
-            <Controls showInteractive={false} fitViewOptions={DEFAULT_FIT_VIEW_OPTIONS} />
+            <Controls showInteractive={false} fitViewOptions={DEFAULT_FIT_VIEW_OPTIONS}>
+              {onShowMinimapChange ? (
+                <ControlButton
+                  aria-label={showMinimap ? chromeLabels.hideMinimap : chromeLabels.showMinimap}
+                  className={
+                    showMinimap
+                      ? 'workbench-field-remap-flow__minimap-toggle is-active'
+                      : 'workbench-field-remap-flow__minimap-toggle'
+                  }
+                  data-testid="field-remap-toggle-minimap"
+                  title={showMinimap ? chromeLabels.hideMinimap : chromeLabels.showMinimap}
+                  onClick={() => {
+                    onShowMinimapChange(!showMinimap);
+                  }}
+                >
+                  <svg
+                    aria-hidden="true"
+                    fill="none"
+                    height="16"
+                    stroke="currentColor"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="1.75"
+                    viewBox="0 0 24 24"
+                    width="16"
+                  >
+                    <path d="M3 6.5 9 4l6 2.5L21 4v13.5L15 20l-6-2.5L3 20z" />
+                    <path d="M9 4v13.5" />
+                    <path d="M15 6.5V20" />
+                  </svg>
+                </ControlButton>
+              ) : null}
+              {onIncludeHiddenChange ? (
+                <ControlButton
+                  aria-label={
+                    includeHidden ? chromeLabels.hideHiddenFields : chromeLabels.showHiddenFields
+                  }
+                  aria-pressed={includeHidden}
+                  className={
+                    includeHidden
+                      ? 'workbench-field-remap-flow__hidden-toggle is-active'
+                      : 'workbench-field-remap-flow__hidden-toggle'
+                  }
+                  data-testid="field-remap-toggle-hidden-fields"
+                  title={
+                    includeHidden ? chromeLabels.hideHiddenFields : chromeLabels.showHiddenFields
+                  }
+                  onClick={() => {
+                    onIncludeHiddenChange(!includeHidden);
+                  }}
+                >
+                  {includeHidden ? (
+                    <svg
+                      aria-hidden="true"
+                      fill="none"
+                      height="16"
+                      stroke="currentColor"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth="1.75"
+                      viewBox="0 0 24 24"
+                      width="16"
+                    >
+                      <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" />
+                      <circle cx="12" cy="12" r="3" />
+                    </svg>
+                  ) : (
+                    <svg
+                      aria-hidden="true"
+                      fill="none"
+                      height="16"
+                      stroke="currentColor"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth="1.75"
+                      viewBox="0 0 24 24"
+                      width="16"
+                    >
+                      <path d="M3 3l18 18" />
+                      <path d="M10.6 10.6a3 3 0 0 0 4.2 4.2" />
+                      <path d="M9.9 5.1A10.6 10.6 0 0 1 12 5c6.5 0 10 7 10 7a17.4 17.4 0 0 1-3.2 4.4" />
+                      <path d="M6.1 6.1C3.9 7.7 2 12 2 12s3.5 7 10 7a10.4 10.4 0 0 0 4.2-.9" />
+                    </svg>
+                  )}
+                </ControlButton>
+              ) : null}
+            </Controls>
             {showMinimap ? (
               <MiniMap
                 pannable

package/src/field-remap/panel.tsx

@@ -83,6 +83,8 @@ export interface FieldRemapPanelProps {
   readonly targetShape?: unknown;
   /** Forwarded to {@link FieldRemapFlowMapper} (default true). */
   readonly showMinimap?: boolean | undefined;
+  /** Forwarded to {@link FieldRemapFlowMapper} Controls MiniMap toggle. */
+  readonly onShowMinimapChange?: FieldRemapFlowMapperProps['onShowMinimapChange'];
   readonly onPaneContextMenu?: FieldRemapFlowMapperProps['onPaneContextMenu'];
   readonly onNodeContextMenu?: FieldRemapFlowMapperProps['onNodeContextMenu'];
   readonly onEdgeContextMenu?: FieldRemapFlowMapperProps['onEdgeContextMenu'];
@@ -136,6 +138,7 @@ export function FieldRemapPanel({
   sourceSample: sourceSampleProp,
   targetShape: targetShapeProp,
   showMinimap,
+  onShowMinimapChange,
   onPaneContextMenu,
   onNodeContextMenu,
   onEdgeContextMenu,
@@ -396,14 +399,6 @@ export function FieldRemapPanel({
           className="workbench-field-remap-demo__shapes"
           data-testid="field-remap-io-browse-wrap"
         >
-          <label className="workbench-field-remap-io-browse__toggle">
-            <input
-              checked={includeHidden}
-              onChange={(event) => setIncludeHidden(event.target.checked)}
-              type="checkbox"
-            />
-            Show hidden fields
-          </label>
           <FieldRemapIoClassBrowse
             includeHidden={includeHidden}
             sources={sourceFields}
@@ -425,6 +420,9 @@ export function FieldRemapPanel({
         sourceTitle={sample.sourceLabel}
         targetTitle={sample.targetLabel}
         showMinimap={showMinimap}
+        onShowMinimapChange={onShowMinimapChange}
+        includeHidden={includeHidden}
+        onIncludeHiddenChange={setIncludeHidden}
         onPaneContextMenu={onPaneContextMenu}
         onNodeContextMenu={onNodeContextMenu}
         onEdgeContextMenu={onEdgeContextMenu}

package/src/field-remap/view.css

@@ -331,7 +331,11 @@
   display: flex;
   flex-direction: column;
   gap: 0.65rem;
+  box-sizing: border-box;
   min-width: 0;
+  min-height: 0;
+  height: 100%;
+  overflow: hidden;
   padding: 0.75rem;
   border: 1px solid var(--vscode-panel-border, var(--color-border));
   border-radius: 0.375rem;
@@ -354,14 +358,21 @@
   color: var(--vscode-descriptionForeground, var(--color-text-muted));
 }
 
+.workbench-field-remap-convert-palette__header,
+.workbench-field-remap-convert-palette__place,
+.workbench-field-remap-convert-palette__operators {
+  flex: 0 0 auto;
+}
+
 .workbench-field-remap-convert-palette__list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
+  flex: 1 1 auto;
   flex-direction: column;
   gap: 0.35rem;
-  max-height: min(22rem, 45vh);
+  min-height: 0;
   overflow: auto;
 }
 
@@ -483,6 +494,23 @@
   max-height: 12px;
 }
 
+.workbench-field-remap-flow__canvas
+  .react-flow__controls-button.workbench-field-remap-flow__minimap-toggle
+  svg,
+.workbench-field-remap-flow__canvas
+  .react-flow__controls-button.workbench-field-remap-flow__hidden-toggle
+  svg {
+  fill: none;
+  stroke: currentColor;
+}
+
+.workbench-field-remap-flow__canvas
+  .react-flow__controls-button.workbench-field-remap-flow__minimap-toggle.is-active,
+.workbench-field-remap-flow__canvas
+  .react-flow__controls-button.workbench-field-remap-flow__hidden-toggle.is-active {
+  color: var(--vscode-focusBorder, var(--color-accent, #3794ff));
+}
+
 .workbench-field-remap-flow__canvas .react-flow__minimap {
   margin: 0.5rem;
   border: 1px solid var(--vscode-panel-border, var(--color-border));

package/src/index.ts

@@ -286,6 +286,14 @@ export {
   type WorkbenchSecondaryActivityItemsInput,
   type WorkbenchSecondaryActivityRoute,
 } from './shell/secondary-actions.js';
+export {
+  defaultWorkbenchShellChromeLabels,
+  resolveWorkbenchShellChromeLabels,
+  workbenchShellChromeLabelKeys,
+  type WorkbenchI18n,
+  type WorkbenchShellChromeLabels,
+  type WorkbenchTranslate,
+} from './shell/chrome-labels.js';
 export {
   WorkbenchProfileModal,
   type WorkbenchProfileDetail,

package/src/shell/chrome-labels.ts

@@ -0,0 +1,98 @@
+/**
+ * Host-overridable chrome strings for WorkbenchShell surfaces
+ * (ActivityBar / StatusBar aria, secondary Profile/Settings, command palette,
+ * Quick Open).
+ *
+ * Resolution order per string: `labels[key]` → `t(capabilityId, default)` → English default.
+ * Kit does not ship locale packs — hosts inject `t` or partial `labels`.
+ */
+
+export type WorkbenchTranslate = (
+  key: string,
+  fallback: string,
+  params?: Readonly<Record<string, string | number>>,
+) => string;
+
+/** Optional host i18n bag (same `t` signature as Field Remap chrome). */
+export interface WorkbenchI18n {
+  readonly t: WorkbenchTranslate;
+}
+
+export interface WorkbenchShellChromeLabels {
+  readonly activityBarAriaLabel: string;
+  readonly statusBarAriaLabel: string;
+  readonly profileLabel: string;
+  readonly profileTitle: string;
+  readonly settingsLabel: string;
+  readonly commandPaletteTitle: string;
+  readonly commandPalettePlaceholder: string;
+  readonly commandPaletteCloseLabel: string;
+  readonly commandPaletteEmptyLabel: string;
+  readonly quickOpenTitle: string;
+  readonly quickOpenPlaceholder: string;
+  readonly quickOpenCloseLabel: string;
+  readonly quickOpenEmptyLabel: string;
+}
+
+export const defaultWorkbenchShellChromeLabels: WorkbenchShellChromeLabels = {
+  activityBarAriaLabel: 'Activity bar',
+  statusBarAriaLabel: 'Status bar',
+  profileLabel: 'Profile',
+  profileTitle: 'Open profile',
+  settingsLabel: 'Settings',
+  commandPaletteTitle: 'Command Palette',
+  commandPalettePlaceholder: 'Search commands',
+  commandPaletteCloseLabel: 'Close command palette',
+  commandPaletteEmptyLabel: 'No commands match your search',
+  quickOpenTitle: 'Quick Open',
+  quickOpenPlaceholder: 'Search files by name',
+  quickOpenCloseLabel: 'Close Quick Open',
+  quickOpenEmptyLabel: 'No matching files',
+};
+
+/** Stable capability ids for optional `t()` injection (not free prose). */
+export const workbenchShellChromeLabelKeys = {
+  activityBarAriaLabel: 'shell.activityBar',
+  statusBarAriaLabel: 'shell.statusBar',
+  profileLabel: 'shell.profile',
+  profileTitle: 'shell.profileTitle',
+  settingsLabel: 'shell.settings',
+  commandPaletteTitle: 'commandPalette.title',
+  commandPalettePlaceholder: 'commandPalette.placeholder',
+  commandPaletteCloseLabel: 'commandPalette.close',
+  commandPaletteEmptyLabel: 'commandPalette.empty',
+  quickOpenTitle: 'quickOpen.title',
+  quickOpenPlaceholder: 'quickOpen.placeholder',
+  quickOpenCloseLabel: 'quickOpen.close',
+  quickOpenEmptyLabel: 'quickOpen.empty',
+} as const satisfies Record<keyof WorkbenchShellChromeLabels, string>;
+
+export function resolveWorkbenchShellChromeLabels(
+  labels?: Partial<WorkbenchShellChromeLabels> | undefined,
+  t?: WorkbenchTranslate | undefined,
+): WorkbenchShellChromeLabels {
+  const resolve = <K extends keyof WorkbenchShellChromeLabels>(key: K): string => {
+    const override = labels?.[key];
+    if (override !== undefined) {
+      return override;
+    }
+    const fallback = defaultWorkbenchShellChromeLabels[key];
+    return t?.(workbenchShellChromeLabelKeys[key], fallback) ?? fallback;
+  };
+
+  return {
+    activityBarAriaLabel: resolve('activityBarAriaLabel'),
+    statusBarAriaLabel: resolve('statusBarAriaLabel'),
+    profileLabel: resolve('profileLabel'),
+    profileTitle: resolve('profileTitle'),
+    settingsLabel: resolve('settingsLabel'),
+    commandPaletteTitle: resolve('commandPaletteTitle'),
+    commandPalettePlaceholder: resolve('commandPalettePlaceholder'),
+    commandPaletteCloseLabel: resolve('commandPaletteCloseLabel'),
+    commandPaletteEmptyLabel: resolve('commandPaletteEmptyLabel'),
+    quickOpenTitle: resolve('quickOpenTitle'),
+    quickOpenPlaceholder: resolve('quickOpenPlaceholder'),
+    quickOpenCloseLabel: resolve('quickOpenCloseLabel'),
+    quickOpenEmptyLabel: resolve('quickOpenEmptyLabel'),
+  };
+}

package/src/shell/model.tsx

@@ -1,8 +1,13 @@
 import type { ReactNode } from 'react';
-import type { ActivityBarItem, StatusBarSectionModel } from '@workbench-kit/react/workbench/shell';
+import type {
+  ActivityBarItem,
+  StatusBarItemModel,
+  StatusBarSectionModel,
+} from '@workbench-kit/react/workbench/shell';
 import type {
   ExtensionDependencyDiagnosticSeverity,
   WorkbenchActivityContribution,
+  WorkbenchStatusBarContribution,
   WorkbenchViewContainerContribution,
   WorkbenchViewContribution,
 } from '@workbench-kit/workbench-core';
@@ -65,6 +70,63 @@ export function createWorkbenchShellActivityItems({
   });
 }
 
+function compareStatusBarPriority(
+  left: WorkbenchStatusBarContribution,
+  right: WorkbenchStatusBarContribution,
+): number {
+  const leftPriority = left.priority ?? 0;
+  const rightPriority = right.priority ?? 0;
+  if (leftPriority !== rightPriority) {
+    return rightPriority - leftPriority;
+  }
+
+  return left.id.localeCompare(right.id);
+}
+
+function toStatusBarItemModel(item: WorkbenchStatusBarContribution): StatusBarItemModel {
+  return {
+    id: item.id,
+    label: item.text,
+    order: item.priority,
+    title: item.text,
+  };
+}
+
+/** Map extension `contributes.statusBar` items into shell status sections. */
+export function createContributedWorkbenchStatusSections(
+  items: readonly WorkbenchStatusBarContribution[],
+): StatusBarSectionModel[] {
+  const leftItems = items
+    .filter((item) => item.alignment === 'left')
+    .sort(compareStatusBarPriority)
+    .map(toStatusBarItemModel);
+  const rightItems = items
+    .filter((item) => item.alignment === 'right')
+    .sort(compareStatusBarPriority)
+    .map(toStatusBarItemModel);
+
+  return [
+    ...(leftItems.length > 0
+      ? [
+          {
+            align: 'start' as const,
+            id: 'extension-status-left',
+            items: leftItems,
+          },
+        ]
+      : []),
+    ...(rightItems.length > 0
+      ? [
+          {
+            align: 'end' as const,
+            id: 'extension-status-right',
+            items: rightItems,
+          },
+        ]
+      : []),
+  ];
+}
+
 export function createDefaultWorkbenchStatusSections({
   dependencyDiagnostics,
   extensionCount,

package/src/shell/secondary-actions.tsx

@@ -11,6 +11,10 @@ export interface WorkbenchSecondaryActivityItemsInput {
   isProfileOpen: boolean;
   isSettingsOpen: boolean;
   showSettings?: boolean | undefined;
+  /** Resolved chrome labels (defaults match English kit copy). */
+  profileLabel?: string | undefined;
+  profileTitle?: string | undefined;
+  settingsLabel?: string | undefined;
 }
 
 export function createWorkbenchSecondaryActivityItems({
@@ -18,6 +22,9 @@ export function createWorkbenchSecondaryActivityItems({
   isProfileOpen,
   isSettingsOpen,
   showSettings = true,
+  profileLabel = 'Profile',
+  profileTitle = 'Open profile',
+  settingsLabel = 'Settings',
 }: WorkbenchSecondaryActivityItemsInput): ActivityBarItem[] {
   return [
     ...(hasProfile
@@ -26,8 +33,8 @@ export function createWorkbenchSecondaryActivityItems({
             active: isProfileOpen,
             icon: <i aria-hidden="true" className="codicon codicon-account" />,
             id: WORKBENCH_PROFILE_ACTIVITY_ITEM_ID,
-            label: 'Profile',
-            title: 'Open profile',
+            label: profileLabel,
+            title: profileTitle,
           },
         ]
       : []),
@@ -37,7 +44,7 @@ export function createWorkbenchSecondaryActivityItems({
             active: isSettingsOpen,
             icon: <i aria-hidden="true" className="codicon codicon-settings-gear" />,
             id: WORKBENCH_SETTINGS_ACTIVITY_ITEM_ID,
-            label: 'Settings',
+            label: settingsLabel,
           },
         ]
       : []),

package/src/shell/shell.tsx

@@ -35,6 +35,11 @@ import {
   sortActivityBarItems,
 } from '@workbench-kit/react/workbench/activityBarOrder';
 import { useWorkbench } from './provider.js';
+import {
+  resolveWorkbenchShellChromeLabels,
+  type WorkbenchShellChromeLabels,
+  type WorkbenchTranslate,
+} from './chrome-labels.js';
 import { WorkbenchCommandHost, type WorkbenchCommandHostProps } from '../workbench/command-host.js';
 import {
   MANAGE_ACCOUNTS_COMMAND_ID,
@@ -60,10 +65,12 @@ import {
 import { SETTINGS_EXTENSION_ID, WORKBENCH_PREFERENCE_SCOPES } from './settings-constants.js';
 import { createSettingsCategories, type WorkbenchThemeOption } from './settings.js';
 import {
+  createContributedWorkbenchStatusSections,
   createDefaultWorkbenchStatusSections,
   createWorkbenchShellActivityItems,
 } from './model.js';
-import { renderDefaultPrimarySidebar } from './view-host.js';
+import { mergeWorkbenchStatusSections } from '../workbench/status-sections.js';
+import { renderDefaultBottomPanel, renderDefaultPrimarySidebar } from './view-host.js';
 import { WorkbenchShellTitleBarLayoutControls } from './titlebar-layout-controls.js';
 import { WorkbenchProfileModal, type WorkbenchProfileInput } from '../workbench/profile-modal.js';
 import { useContextKeyRevision } from '../commands/use-context-key-revision.js';
@@ -102,6 +109,11 @@ export interface WorkbenchShellProps {
   editorArea?: ReactNode;
   helpContent?: ReactNode;
   helpTitle?: ReactNode;
+  /**
+   * Partial chrome label overrides for ActivityBar / StatusBar / secondary items /
+   * command palette. Wins over `t` when both are set for the same key.
+   */
+  labels?: Partial<WorkbenchShellChromeLabels> | undefined;
   lightPreset?: string | undefined;
   onDarkPresetChange?: ((preset: string) => void) | undefined;
   onLightPresetChange?: ((preset: string) => void) | undefined;
@@ -116,6 +128,11 @@ export interface WorkbenchShellProps {
   rootClassName?: string;
   shellPreset?: string | undefined;
   statusSections?: StatusBarSectionModel[];
+  /**
+   * Optional `t(key, fallback)` injection for shell chrome strings.
+   * Missing `t` keeps English defaults from `resolveWorkbenchShellChromeLabels`.
+   */
+  t?: WorkbenchTranslate | undefined;
   theme?: string;
   themeOptions?: readonly WorkbenchThemeOption[] | undefined;
   title?: ReactNode;
@@ -148,6 +165,7 @@ export function WorkbenchShell({
   editorArea,
   helpContent,
   helpTitle = 'Workbench Help',
+  labels: labelOverrides,
   lightPreset,
   locale = 'en',
   onDarkPresetChange,
@@ -162,6 +180,7 @@ export function WorkbenchShell({
   rootClassName,
   shellPreset = DEFAULT_SHELL_PRESET,
   statusSections,
+  t,
   theme,
   themeOptions,
   title = 'Workbench',
@@ -210,15 +229,20 @@ export function WorkbenchShell({
   const resolvedStatusSections = useMemo(
     () =>
       statusSections ??
-      createDefaultWorkbenchStatusSections({
-        dependencyDiagnostics: extensionRegistry.getDependencyDiagnostics(),
-        extensionCount: extensionRegistry.getExtensions().length,
-        missingExtensionIds,
-        profile,
-      }),
+      mergeWorkbenchStatusSections(
+        createDefaultWorkbenchStatusSections({
+          dependencyDiagnostics: extensionRegistry.getDependencyDiagnostics(),
+          extensionCount: extensionRegistry.getExtensions().length,
+          missingExtensionIds,
+          profile,
+        }),
+        createContributedWorkbenchStatusSections(extensionRegistry.statusBar.getStatusBarItems()),
+      ),
     [extensionRegistry, missingExtensionIds, profile, statusSections],
   );
   const activeViewContainerId = layout.sideBar.activeViewContainer;
+  const activePanelViewContainerId = layout.panel.activeViewContainer;
+  const panelViewContainers = extensionRegistry.views.getViewContainers('panel');
   const visibleActivities = useMemo(
     () =>
       filterActivitiesByWhenClause(
@@ -231,7 +255,7 @@ export function WorkbenchShell({
     createWorkbenchShellActivityItems({
       activeViewContainerId,
       activities: visibleActivities,
-      viewContainers: extensionRegistry.views.getViewContainers(),
+      viewContainers: extensionRegistry.views.getViewContainers('activitybar'),
       views: extensionRegistry.views.getViews(),
     }),
     layout.activityBar.itemOrder,
@@ -243,11 +267,18 @@ export function WorkbenchShell({
   const canOpenSettingsValue = contextKeyService.get(
     WORKBENCH_PERMISSION_CONTEXT_KEY_CAN_OPEN_SETTINGS,
   );
+  const chromeLabels = useMemo(
+    () => resolveWorkbenchShellChromeLabels(labelOverrides, t),
+    [labelOverrides, t],
+  );
   const secondaryActivityItems = createWorkbenchSecondaryActivityItems({
     hasProfile: profile !== undefined,
     isProfileOpen,
     isSettingsOpen,
     showSettings: canOpenSettingsValue !== false,
+    profileLabel: chromeLabels.profileLabel,
+    profileTitle: chromeLabels.profileTitle,
+    settingsLabel: chromeLabels.settingsLabel,
   });
 
   useEffect(() => {
@@ -260,6 +291,20 @@ export function WorkbenchShell({
       layoutService.setActiveViewContainer(visibleActivityItems[0]?.id);
     }
   }, [activeViewContainerId, layoutService, visibleActivityItems]);
+
+  useEffect(() => {
+    if (panelViewContainers.length === 0) {
+      return;
+    }
+
+    const panelContainerIds = new Set(panelViewContainers.map((container) => container.id));
+    if (
+      activePanelViewContainerId === undefined ||
+      !panelContainerIds.has(activePanelViewContainerId)
+    ) {
+      layoutService.setActivePanelViewContainer(panelViewContainers[0]?.id);
+    }
+  }, [activePanelViewContainerId, layoutService, panelViewContainers]);
   const settingsCategories = useMemo(() => {
     const managementCategories: WorkbenchSettingsCategory[] = [];
 
@@ -389,6 +434,16 @@ export function WorkbenchShell({
     }
   }, [activeViewContainerId, extensionRegistry, forceRender]);
 
+  useEffect(() => {
+    if (!activePanelViewContainerId) {
+      return;
+    }
+
+    for (const view of extensionRegistry.views.getViews(activePanelViewContainerId)) {
+      void extensionRegistry.activateView(view.id).then(forceRender);
+    }
+  }, [activePanelViewContainerId, extensionRegistry, forceRender]);
+
   useEffect(() => {
     if (extensionRegistry.capabilityRegistry.has(WORKBENCH_SETTINGS_CAPABILITY_ID)) {
       return undefined;
@@ -429,6 +484,17 @@ export function WorkbenchShell({
     return {
       ...hostProps,
       additionalCommands,
+      commandPaletteCloseLabel:
+        hostProps.commandPaletteCloseLabel ?? chromeLabels.commandPaletteCloseLabel,
+      commandPaletteEmptyLabel:
+        hostProps.commandPaletteEmptyLabel ?? chromeLabels.commandPaletteEmptyLabel,
+      commandPalettePlaceholder:
+        hostProps.commandPalettePlaceholder ?? chromeLabels.commandPalettePlaceholder,
+      commandPaletteTitle: hostProps.commandPaletteTitle ?? chromeLabels.commandPaletteTitle,
+      quickOpenCloseLabel: hostProps.quickOpenCloseLabel ?? chromeLabels.quickOpenCloseLabel,
+      quickOpenEmptyLabel: hostProps.quickOpenEmptyLabel ?? chromeLabels.quickOpenEmptyLabel,
+      quickOpenPlaceholder: hostProps.quickOpenPlaceholder ?? chromeLabels.quickOpenPlaceholder,
+      quickOpenTitle: hostProps.quickOpenTitle ?? chromeLabels.quickOpenTitle,
       onRunCommand: (command, context) => {
         if (command.id === MANAGE_COMMANDS_COMMAND_ID) {
           layoutService.setActiveViewContainer(BUILTIN_COMMANDS_VIEW_CONTAINER_ID);
@@ -455,7 +521,7 @@ export function WorkbenchShell({
         return hostProps.onRunCommand?.(command, context) ?? false;
       },
     };
-  }, [commandHost, layoutService]);
+  }, [chromeLabels, commandHost, layoutService]);
 
   const handleStatusItemActivate = useCallback(
     (item: StatusBarItemModel) => {
@@ -473,14 +539,28 @@ export function WorkbenchShell({
         return;
       }
 
+      const contributed = extensionRegistry.statusBar.getStatusBarItem(item.id);
+      if (contributed?.command) {
+        void executeCommand(contributed.command).catch(() => undefined);
+        return;
+      }
+
       onStatusItemActivate?.(item);
     },
-    [accountManagement, onStatusItemActivate, profile, showProfileModal],
+    [
+      accountManagement,
+      executeCommand,
+      extensionRegistry,
+      onStatusItemActivate,
+      profile,
+      showProfileModal,
+    ],
   );
 
   return (
     <ReactWorkbenchShell
       activityBar={{
+        'aria-label': chromeLabels.activityBarAriaLabel,
         visible: layout.activityBar.visible,
         items: visibleActivityItems,
         reorderable: true,
@@ -506,6 +586,7 @@ export function WorkbenchShell({
         },
       }}
       compactStatus={compactStatus}
+      statusBarAriaLabel={chromeLabels.statusBarAriaLabel}
       onStatusItemActivate={handleStatusItemActivate}
       primarySidebar={{
         isVisible: layout.sideBar.visible,
@@ -536,7 +617,20 @@ export function WorkbenchShell({
       }}
       bottomPanel={{
         isVisible: layout.panel.visible,
-        node: <section aria-label="Panel" className="workbench-bottom-panel" />,
+        node: renderDefaultBottomPanel(extensionRegistry, activePanelViewContainerId, {
+          catalogTrustPolicy,
+          catalogUrl,
+          onActiveViewContainerChange: (viewContainerId) => {
+            layoutService.setActivePanelViewContainer(viewContainerId);
+            if (!layout.panel.visible) {
+              layoutService.setPanelVisible(true);
+            }
+          },
+        }),
+        onSizePercentChange: (sizePercent) => {
+          layoutService.setPanelSizePercent(sizePercent);
+        },
+        sizePercent: layout.panel.sizePercent,
       }}
       rootClassName={rootClassName}
       secondaryArea={resolvedEditorArea}
@@ -563,7 +657,7 @@ export function WorkbenchShell({
               footer={<Button onClick={() => setSettingsOpen(false)}>Close</Button>}
               scopes={[...WORKBENCH_PREFERENCE_SCOPES]}
               searchValue={settingsSearchValue}
-              title="Settings"
+              title={chromeLabels.settingsLabel}
               titleSuffix={
                 <Badge variant="muted">
                   {settingsContributionCount === 1

package/src/shell/view-host.tsx

@@ -56,6 +56,79 @@ export function renderDefaultPrimarySidebar(
   );
 }
 
+export function renderDefaultBottomPanel(
+  extensionRegistry: Pick<ExtensionRegistry, 'viewHostFactories' | 'views'>,
+  activeViewContainerId: string | undefined,
+  options: {
+    catalogTrustPolicy?: ExtensionCatalogTrustPolicy | undefined;
+    catalogUrl?: string | undefined;
+    onActiveViewContainerChange?: ((viewContainerId: string) => void) | undefined;
+  } = {},
+) {
+  const containers = extensionRegistry.views.getViewContainers('panel');
+  if (containers.length === 0) {
+    return (
+      <section aria-label="Panel" className="workbench-bottom-panel">
+        <div className="workbench-bottom-panel__empty">No panel views contributed.</div>
+      </section>
+    );
+  }
+
+  const resolvedActiveViewContainerId =
+    activeViewContainerId !== undefined &&
+    containers.some((container) => container.id === activeViewContainerId)
+      ? activeViewContainerId
+      : containers[0]?.id;
+  const views = resolvedActiveViewContainerId
+    ? extensionRegistry.views.getViews(resolvedActiveViewContainerId)
+    : [];
+
+  return (
+    <section aria-label="Panel" className="workbench-bottom-panel">
+      <div className="workbench-bottom-panel__header" role="tablist" aria-label="Panel views">
+        {containers.map((container) => {
+          const isActive = container.id === resolvedActiveViewContainerId;
+          return (
+            <button
+              key={container.id}
+              type="button"
+              role="tab"
+              aria-selected={isActive}
+              className={
+                isActive
+                  ? 'workbench-bottom-panel__tab workbench-bottom-panel__tab--active'
+                  : 'workbench-bottom-panel__tab'
+              }
+              data-panel-view-container-id={container.id}
+              onClick={() => options.onActiveViewContainerChange?.(container.id)}
+            >
+              {container.title}
+            </button>
+          );
+        })}
+      </div>
+      <div className="workbench-bottom-panel__body">
+        {views.length === 0 ? (
+          <div className="workbench-bottom-panel__empty">No views in this panel container.</div>
+        ) : (
+          views.map((view) => (
+            <section key={view.id} data-view-id={view.id} className="workbench-bottom-panel__view">
+              <WorkbenchViewHost
+                catalogTrustPolicy={options.catalogTrustPolicy}
+                catalogUrl={options.catalogUrl}
+                fallback={view.name}
+                provider={extensionRegistry.views.getViewProvider(view.id)}
+                viewHostFactories={extensionRegistry.viewHostFactories}
+                viewId={view.id}
+              />
+            </section>
+          ))
+        )}
+      </div>
+    </section>
+  );
+}
+
 export function WorkbenchViewHost({
   catalogTrustPolicy,
   catalogUrl,

package/src/workbench/command-host.tsx

@@ -4,8 +4,14 @@ import {
 } from '@workbench-kit/platform';
 import {
   WorkbenchCommandPalette,
+  WorkbenchQuickOpen,
   WorkbenchShortcutCommandBridge,
   createWorkbenchShellCommands,
+  createWorkspaceFilesQuickOpenProvider,
+  resolveQuickOpenItemPath,
+  type QuickOpenItem,
+  type QuickOpenProvider,
+  type QuickOpenSelectContext,
   type WorkbenchCommandDescriptor,
   type WorkbenchCommandRunContext,
   type WorkbenchShellCommandContext,
@@ -22,33 +28,94 @@ import {
   resolveShellCommandActivities,
 } from './command-palette.js';
 import { resolveExtensionKeybindingCommand } from './keybinding-bridge.js';
+import { isWorkspaceResourceService, useWorkspaceResourceState } from './workspace-view-state.js';
+
+const WORKSPACE_OPEN_COMMAND_ID = 'workspace.open' as const;
 
 export interface WorkbenchCommandHostProps {
   additionalCommands?: readonly WorkbenchCommandDescriptor[];
+  /** Override command palette close control label (default English). */
+  commandPaletteCloseLabel?: string | undefined;
+  /** Override command palette empty-state copy (default English). */
+  commandPaletteEmptyLabel?: string | undefined;
+  /** Override command palette search placeholder (default English). */
+  commandPalettePlaceholder?: string | undefined;
+  /** Override command palette dialog title (default English). */
+  commandPaletteTitle?: string | undefined;
   enableCommandPalette?: boolean;
   enableExtensionKeybindings?: boolean;
+  /**
+   * When true (default), Ctrl/Cmd+P opens Quick Open instead of the command palette.
+   * Ctrl/Cmd+Shift+P still opens the command palette.
+   */
+  enableQuickOpen?: boolean;
   enableShortcutBridge?: boolean;
   onOpenSettings: () => void;
+  /**
+   * Called when a Quick Open item is selected. Return `true` to skip the default
+   * `workspace.open` path for file items.
+   */
+  onOpenQuickOpenItem?: (item: QuickOpenItem, context: QuickOpenSelectContext) => boolean | void;
   onRunCommand?: (
     command: WorkbenchCommandDescriptor,
     context: WorkbenchCommandRunContext,
   ) => boolean | void;
+  /** Override Quick Open close control label (default English). */
+  quickOpenCloseLabel?: string | undefined;
+  /** Override Quick Open empty-state copy (default English). */
+  quickOpenEmptyLabel?: string | undefined;
+  /** Override Quick Open search placeholder (default English). */
+  quickOpenPlaceholder?: string | undefined;
+  /**
+   * Extra / replacement Quick Open providers. When omitted, the host wires a
+   * workspace-files provider from the registered workspace host port.
+   */
+  quickOpenProviders?: readonly QuickOpenProvider[];
+  /** Override Quick Open dialog title (default English). */
+  quickOpenTitle?: string | undefined;
+  /** Optional recent paths elevated when the Quick Open query is empty. */
+  quickOpenRecentPaths?: readonly string[] | undefined;
 }
 
 export function WorkbenchCommandHost({
   additionalCommands = [],
+  commandPaletteCloseLabel = 'Close command palette',
+  commandPaletteEmptyLabel = 'No commands match your search',
+  commandPalettePlaceholder = 'Search commands',
+  commandPaletteTitle = 'Command Palette',
   enableCommandPalette = true,
   enableExtensionKeybindings = true,
+  enableQuickOpen = true,
   enableShortcutBridge = true,
   onOpenSettings,
+  onOpenQuickOpenItem,
   onRunCommand,
+  quickOpenCloseLabel = 'Close Quick Open',
+  quickOpenEmptyLabel = 'No matching files',
+  quickOpenPlaceholder = 'Search files by name',
+  quickOpenProviders,
+  quickOpenRecentPaths,
+  quickOpenTitle = 'Quick Open',
 }: WorkbenchCommandHostProps) {
-  const { executeCommand, extensionRegistry, keybindingOverrides, layoutService } = useWorkbench();
+  const {
+    executeCommand,
+    extensionRegistry,
+    keybindingOverrides,
+    layoutService,
+    workspaceHostPort,
+  } = useWorkbench();
   const [paletteOpen, setPaletteOpen] = useState(false);
   const [paletteQuery, setPaletteQuery] = useState('');
+  const [quickOpenOpen, setQuickOpenOpen] = useState(false);
+  const [quickOpenQuery, setQuickOpenQuery] = useState('');
   const [layout, setLayout] = useState(() => layoutService.getState());
   const shellContextRef = useRef<WorkbenchShellCommandContext | undefined>(undefined);
 
+  const workspaceService = isWorkspaceResourceService(workspaceHostPort?.service)
+    ? workspaceHostPort.service
+    : undefined;
+  const workspaceState = useWorkspaceResourceState(workspaceService);
+
   useEffect(() => {
     const disposable = layoutService.onDidChangeLayout(({ state }) => {
       setLayout(state);
@@ -127,18 +194,43 @@ export function WorkbenchCommandHost({
         shellCommands: shellCommandDefinitions,
         shellContext,
       }),
-    [additionalCommands, extensionRegistry, shellContext],
+    [additionalCommands, extensionRegistry, shellContext, shellCommandDefinitions],
   );
 
+  const resolvedQuickOpenProviders = useMemo(() => {
+    if (quickOpenProviders) {
+      return quickOpenProviders;
+    }
+
+    const files = workspaceState?.files ?? workspaceService?.getState().files ?? [];
+    return [
+      createWorkspaceFilesQuickOpenProvider({
+        files: () => workspaceService?.getState().files ?? files,
+        recentPaths: quickOpenRecentPaths,
+      }),
+    ];
+  }, [quickOpenProviders, quickOpenRecentPaths, workspaceService, workspaceState?.files]);
+
   const closePalette = useCallback(() => {
     setPaletteOpen(false);
   }, []);
 
   const openPalette = useCallback((query = '') => {
+    setQuickOpenOpen(false);
     setPaletteQuery(query);
     setPaletteOpen(true);
   }, []);
 
+  const closeQuickOpen = useCallback(() => {
+    setQuickOpenOpen(false);
+  }, []);
+
+  const openQuickOpen = useCallback((query = '') => {
+    setPaletteOpen(false);
+    setQuickOpenQuery(query);
+    setQuickOpenOpen(true);
+  }, []);
+
   const runPaletteCommand = useCallback(
     (command: WorkbenchCommandDescriptor, context: WorkbenchCommandRunContext) => {
       const finish = () => {
@@ -155,13 +247,35 @@ export function WorkbenchCommandHost({
     [closePalette, executeCommand, onRunCommand],
   );
 
+  const runQuickOpenItem = useCallback(
+    (item: QuickOpenItem, context: QuickOpenSelectContext) => {
+      const finish = () => {
+        closeQuickOpen();
+      };
+
+      if (onOpenQuickOpenItem?.(item, context)) {
+        finish();
+        return;
+      }
+
+      const path = resolveQuickOpenItemPath(item);
+      if (!path) {
+        finish();
+        return;
+      }
+
+      void executeCommand(WORKSPACE_OPEN_COMMAND_ID, { path }).finally(finish);
+    },
+    [closeQuickOpen, executeCommand, onOpenQuickOpenItem],
+  );
+
   useEffect(() => {
-    if (!enableCommandPalette) {
+    if (!enableCommandPalette && !enableQuickOpen) {
       return undefined;
     }
 
     const onKeyDown = (event: KeyboardEvent) => {
-      if (matchesWorkbenchCommandPaletteShortcut(event)) {
+      if (enableCommandPalette && matchesWorkbenchCommandPaletteShortcut(event)) {
         event.preventDefault();
         openPalette('>');
         return;
@@ -169,7 +283,14 @@ export function WorkbenchCommandHost({
 
       if (matchesWorkbenchQuickAccessShortcut(event)) {
         event.preventDefault();
-        openPalette();
+        if (enableQuickOpen) {
+          openQuickOpen();
+          return;
+        }
+
+        if (enableCommandPalette) {
+          openPalette();
+        }
       }
     };
 
@@ -177,7 +298,7 @@ export function WorkbenchCommandHost({
     return () => {
       window.removeEventListener('keydown', onKeyDown);
     };
-  }, [enableCommandPalette, openPalette]);
+  }, [enableCommandPalette, enableQuickOpen, openPalette, openQuickOpen]);
 
   useEffect(() => {
     if (!enableExtensionKeybindings) {
@@ -228,16 +349,32 @@ export function WorkbenchCommandHost({
       ) : null}
       {enableCommandPalette ? (
         <WorkbenchCommandPalette
+          closeLabel={commandPaletteCloseLabel}
           commands={paletteCommands}
+          emptyLabel={commandPaletteEmptyLabel}
           open={paletteOpen}
-          placeholder="Search commands"
+          placeholder={commandPalettePlaceholder}
           query={paletteQuery}
-          title="Command Palette"
+          title={commandPaletteTitle}
           onClose={closePalette}
           onQueryChange={setPaletteQuery}
           onRunCommand={runPaletteCommand}
         />
       ) : null}
+      {enableQuickOpen ? (
+        <WorkbenchQuickOpen
+          closeLabel={quickOpenCloseLabel}
+          emptyLabel={quickOpenEmptyLabel}
+          open={quickOpenOpen}
+          placeholder={quickOpenPlaceholder}
+          providers={resolvedQuickOpenProviders}
+          query={quickOpenQuery}
+          title={quickOpenTitle}
+          onClose={closeQuickOpen}
+          onQueryChange={setQuickOpenQuery}
+          onSelectItem={runQuickOpenItem}
+        />
+      ) : null}
     </>
   );
 }

package/src/workbench/layout-storage.ts

@@ -30,6 +30,8 @@ export function workbenchLayoutConfigToInput(
       visible: config.auxiliaryBar.visible,
     },
     panel: {
+      activeViewContainer: config.panel.activeViewContainer,
+      sizePercent: config.panel.sizePercent,
       visible: config.panel.visible,
     },
     sideBar: {
@@ -58,6 +60,10 @@ export function workbenchLayoutStateToStorageValue(
     },
     panel: {
       visible: state.panel.visible,
+      ...(state.panel.activeViewContainer
+        ? { activeViewContainer: state.panel.activeViewContainer }
+        : {}),
+      ...(state.panel.sizePercent !== undefined ? { sizePercent: state.panel.sizePercent } : {}),
     },
     sideBar: {
       visible: state.sideBar.visible,