@workbench-kit/react 0.0.2-prototype.0.2.4 → 0.0.2-prototype.0.2.40

package/src/workbench/workspace/workspaceExplorerKeyboard.ts

@@ -0,0 +1,109 @@
+import { parentPathOf } from '@workbench-kit/workspace';
+
+import type { WorkspaceTreeNode } from './types.js';
+
+export type WorkspaceExplorerVisibleRow = {
+  readonly depth: number;
+  readonly node: WorkspaceTreeNode;
+};
+
+export type WorkspaceExplorerVerticalNavigationKey = 'ArrowDown' | 'ArrowUp' | 'Home' | 'End';
+
+export type WorkspaceExplorerHorizontalNavigationKey = 'ArrowLeft' | 'ArrowRight';
+
+export type WorkspaceExplorerHorizontalNavigationAction =
+  | { readonly type: 'toggle'; readonly path: string }
+  | { readonly type: 'focus'; readonly path: string };
+
+function rowIndexByPath(
+  rows: readonly WorkspaceExplorerVisibleRow[],
+  path: string | undefined,
+): number {
+  if (!path) {
+    return -1;
+  }
+  return rows.findIndex((row) => row.node.path === path);
+}
+
+/**
+ * Resolve the next focused path for vertical tree navigation over visible
+ * (already collapse-filtered) explorer rows.
+ */
+export function resolveWorkspaceExplorerNavigationPath(
+  rows: readonly WorkspaceExplorerVisibleRow[],
+  focusedPath: string | undefined,
+  key: WorkspaceExplorerVerticalNavigationKey,
+): string | null {
+  if (rows.length === 0) {
+    return null;
+  }
+
+  const currentIndex = rowIndexByPath(rows, focusedPath);
+  const fallbackIndex = currentIndex >= 0 ? currentIndex : 0;
+
+  if (key === 'Home') {
+    return rows[0]?.node.path ?? null;
+  }
+  if (key === 'End') {
+    return rows[rows.length - 1]?.node.path ?? null;
+  }
+  if (key === 'ArrowDown') {
+    return rows[Math.min(rows.length - 1, fallbackIndex + 1)]?.node.path ?? null;
+  }
+  return rows[Math.max(0, fallbackIndex - 1)]?.node.path ?? null;
+}
+
+function firstChildPath(
+  rows: readonly WorkspaceExplorerVisibleRow[],
+  parentPath: string,
+): string | null {
+  return rows.find((row) => parentPathOf(row.node.path) === parentPath)?.node.path ?? null;
+}
+
+/**
+ * Resolve expand/collapse/parent focus for ArrowLeft/ArrowRight.
+ * Call `onToggleFolder` only for `toggle` actions (toggle-only host API).
+ */
+export function resolveWorkspaceExplorerHorizontalNavigationAction(
+  rows: readonly WorkspaceExplorerVisibleRow[],
+  focusedPath: string | undefined,
+  expandedPaths: ReadonlySet<string>,
+  key: WorkspaceExplorerHorizontalNavigationKey,
+  options: { readonly filterActive?: boolean } = {},
+): WorkspaceExplorerHorizontalNavigationAction | null {
+  const currentIndex = rowIndexByPath(rows, focusedPath);
+  const current = rows[currentIndex >= 0 ? currentIndex : 0];
+  if (!current) {
+    return null;
+  }
+
+  const { node } = current;
+  const filterActive = options.filterActive ?? false;
+  const isFolder = node.type === 'folder';
+  const expanded = isFolder && (expandedPaths.has(node.path) || filterActive);
+
+  if (key === 'ArrowRight') {
+    if (!isFolder) {
+      return null;
+    }
+    if (!expanded && !filterActive) {
+      return { type: 'toggle', path: node.path };
+    }
+    const childPath = firstChildPath(rows, node.path);
+    return childPath ? { type: 'focus', path: childPath } : null;
+  }
+
+  // ArrowLeft
+  if (isFolder && expanded && !filterActive) {
+    return { type: 'toggle', path: node.path };
+  }
+
+  const parentPath = parentPathOf(node.path);
+  if (!parentPath) {
+    return null;
+  }
+  if (rowIndexByPath(rows, parentPath) < 0) {
+    return null;
+  }
+  return { type: 'focus', path: parentPath };
+}

package/src/workbench/workspace/workspaceJsonDiagnostics.ts

@@ -68,11 +68,12 @@ export function configureWorkspaceEditorJsonDiagnostics(
   const schemas = getWorkspaceEditorJsonDiagnosticsSchemas(file);
   if (schemas.length === 0) return;
 
-  const jsonDefaults = (
-    monacoInstance.languages.json as unknown as {
-      jsonDefaults?: { setDiagnosticsOptions: (options: unknown) => void };
-    }
-  ).jsonDefaults;
+  const jsonLanguage = monacoInstance.languages.json as unknown as
+    | {
+        jsonDefaults?: { setDiagnosticsOptions: (options: unknown) => void };
+      }
+    | undefined;
+  const jsonDefaults = jsonLanguage?.jsonDefaults;
   if (!jsonDefaults) return;
 
   jsonDefaults.setDiagnosticsOptions({

package/src/workbench-menu-surfaces.css

@@ -1,57 +1,3 @@
-/* Optional compact menu density for context menus and command lists. */
-
-.ui-context-menu__item,
-.ui-context-menu__item.ui-button {
-  --ui-button-min-height: 28px;
-  --ui-button-height: auto;
-  --ui-button-padding: 4px 10px;
-  --ui-button-border-radius: 0;
-  border-radius: 0;
-  min-height: 28px;
-  height: auto;
-  padding: 4px 10px;
-}
-
-.ui-context-menu__separator {
-  margin: 0;
-}
-
-.ui-context-menu__shortcut {
-  font-size: var(--font-size-xs);
-  color: var(--color-text-subtle);
-}
-
-.ui-workbench-command-list {
-  padding: 0;
-}
-
-.ui-workbench-command-item,
-.ui-workbench-command-item.ui-button {
-  --ui-button-height: auto;
-  --ui-button-padding: 7px 10px;
-  --ui-button-border-radius: 0;
-  border-radius: 0;
-  height: auto;
-  padding: 7px 10px;
-}
-
-.ui-workbench-command-group-shell__nav {
-  padding: 0;
-}
-
-.ui-workbench-command-group-shell__nav-link {
-  border-radius: 0;
-}
-
-.ui-workbench-command-group-shell__content {
-  padding: 0;
-}
-
-.ui-workbench-command-group-shell__section {
-  padding: 0;
-}
-
-.ui-workbench-command-group-shell__section-header {
-  min-height: 28px;
-  padding: 4px 10px;
-}
+/* Compatibility entry for consumers that opt into both compact menu surfaces. */
+@import './overlay/context-menu-density.css';
+@import './workbench/views/command-list-density.css';

package/src/brand/TilepaperAppIcon.tsx

@@ -1,181 +0,0 @@
-import { useId, type SVGProps } from 'react';
-import { cx } from '../utils/cx';
-import {
-  TILEPAPER_ICON_CANVAS,
-  TILEPAPER_ICON_GRADIENTS,
-  TILEPAPER_ICON_GRID,
-  TILEPAPER_ICON_ROOT_ELEVATION,
-  TILEPAPER_ICON_ROOT_PANEL,
-  TILEPAPER_ICON_TILES,
-  tilepaperPaperFoldPaths,
-} from './tilepaper-app-icon-geometry.js';
-
-export type TilepaperAppIconProps = Omit<SVGProps<SVGSVGElement>, 'viewBox'> & {
-  /** Flat rendering for small surfaces (e.g. titlebar) where elevation blur reads muddy. */
-  compact?: boolean;
-};
-
-export function TilepaperAppIcon({ className, compact = false, ...props }: TilepaperAppIconProps) {
-  const idPrefix = `tilepaper-icon-${useId().replace(/:/g, '')}`;
-  const bgId = `${idPrefix}-bg`;
-  const panelId = `${idPrefix}-panel`;
-  const elevationId = `${idPrefix}-elevation`;
-  const blueId = `${idPrefix}-blue`;
-  const paperId = `${idPrefix}-paper`;
-  const tealId = `${idPrefix}-teal`;
-  const violetId = `${idPrefix}-violet`;
-  const { tileRx, tileSize } = TILEPAPER_ICON_GRID;
-  const fold = tilepaperPaperFoldPaths(
-    TILEPAPER_ICON_TILES.paper.x,
-    TILEPAPER_ICON_TILES.paper.y,
-    tileSize,
-  );
-
-  return (
-    <svg
-      aria-hidden="true"
-      className={cx('tilepaper-app-icon', className)}
-      fill="none"
-      viewBox={`0 0 ${TILEPAPER_ICON_CANVAS.size} ${TILEPAPER_ICON_CANVAS.size}`}
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <defs>
-        {compact ? null : (
-          <filter
-            id={elevationId}
-            x="-12%"
-            y="-8%"
-            width="124%"
-            height="128%"
-            colorInterpolationFilters="sRGB"
-          >
-            <feDropShadow
-              dx="0"
-              dy={TILEPAPER_ICON_ROOT_ELEVATION.dy}
-              floodColor={TILEPAPER_ICON_ROOT_ELEVATION.floodColor}
-              floodOpacity={TILEPAPER_ICON_ROOT_ELEVATION.floodOpacity}
-              stdDeviation={TILEPAPER_ICON_ROOT_ELEVATION.stdDeviation}
-            />
-          </filter>
-        )}
-        <linearGradient
-          id={bgId}
-          x1={TILEPAPER_ICON_GRADIENTS.bg.x1}
-          x2={TILEPAPER_ICON_GRADIENTS.bg.x2}
-          y1={TILEPAPER_ICON_GRADIENTS.bg.y1}
-          y2={TILEPAPER_ICON_GRADIENTS.bg.y2}
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" stopColor="#0A1020" />
-          <stop offset="1" stopColor="#121C33" />
-        </linearGradient>
-        <linearGradient
-          id={panelId}
-          x1={TILEPAPER_ICON_GRADIENTS.panel.x1}
-          x2={TILEPAPER_ICON_GRADIENTS.panel.x2}
-          y1={TILEPAPER_ICON_GRADIENTS.panel.y1}
-          y2={TILEPAPER_ICON_GRADIENTS.panel.y2}
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" stopColor="#1A2C4D" />
-          <stop offset="0.42" stopColor="#162844" />
-          <stop offset="1" stopColor="#111D35" />
-        </linearGradient>
-        <linearGradient
-          id={blueId}
-          x1={TILEPAPER_ICON_GRADIENTS.blue.x1}
-          x2={TILEPAPER_ICON_GRADIENTS.blue.x2}
-          y1={TILEPAPER_ICON_GRADIENTS.blue.y1}
-          y2={TILEPAPER_ICON_GRADIENTS.blue.y2}
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" stopColor="#5D88FF" />
-          <stop offset="1" stopColor="#3158D6" />
-        </linearGradient>
-        <linearGradient
-          id={paperId}
-          x1={TILEPAPER_ICON_GRADIENTS.paper.x1}
-          x2={TILEPAPER_ICON_GRADIENTS.paper.x2}
-          y1={TILEPAPER_ICON_GRADIENTS.paper.y1}
-          y2={TILEPAPER_ICON_GRADIENTS.paper.y2}
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" stopColor="#FFF9EE" />
-          <stop offset="1" stopColor="#DDD9D1" />
-        </linearGradient>
-        <linearGradient
-          id={tealId}
-          x1={TILEPAPER_ICON_GRADIENTS.teal.x1}
-          x2={TILEPAPER_ICON_GRADIENTS.teal.x2}
-          y1={TILEPAPER_ICON_GRADIENTS.teal.y1}
-          y2={TILEPAPER_ICON_GRADIENTS.teal.y2}
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" stopColor="#2FD6C1" />
-          <stop offset="1" stopColor="#149685" />
-        </linearGradient>
-        <linearGradient
-          id={violetId}
-          x1={TILEPAPER_ICON_GRADIENTS.violet.x1}
-          x2={TILEPAPER_ICON_GRADIENTS.violet.x2}
-          y1={TILEPAPER_ICON_GRADIENTS.violet.y1}
-          y2={TILEPAPER_ICON_GRADIENTS.violet.y2}
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" stopColor="#8A67FF" />
-          <stop offset="1" stopColor="#5D3AC8" />
-        </linearGradient>
-      </defs>
-      <rect
-        width={TILEPAPER_ICON_CANVAS.size}
-        height={TILEPAPER_ICON_CANVAS.size}
-        rx={TILEPAPER_ICON_CANVAS.rx}
-        fill={`url(#${bgId})`}
-      />
-      <rect
-        filter={compact ? undefined : `url(#${elevationId})`}
-        fill={`url(#${panelId})`}
-        height={TILEPAPER_ICON_ROOT_PANEL.size}
-        rx={TILEPAPER_ICON_ROOT_PANEL.rx}
-        width={TILEPAPER_ICON_ROOT_PANEL.size}
-        x={TILEPAPER_ICON_ROOT_PANEL.x}
-        y={TILEPAPER_ICON_ROOT_PANEL.y}
-      />
-      <rect
-        x={TILEPAPER_ICON_TILES.blue.x}
-        y={TILEPAPER_ICON_TILES.blue.y}
-        width={tileSize}
-        height={tileSize}
-        rx={tileRx}
-        fill={`url(#${blueId})`}
-      />
-      <rect
-        x={TILEPAPER_ICON_TILES.teal.x}
-        y={TILEPAPER_ICON_TILES.teal.y}
-        width={tileSize}
-        height={tileSize}
-        rx={tileRx}
-        fill={`url(#${tealId})`}
-      />
-      <rect
-        x={TILEPAPER_ICON_TILES.violet.x}
-        y={TILEPAPER_ICON_TILES.violet.y}
-        width={tileSize}
-        height={tileSize}
-        rx={tileRx}
-        fill={`url(#${violetId})`}
-      />
-      <rect
-        x={TILEPAPER_ICON_TILES.paper.x}
-        y={TILEPAPER_ICON_TILES.paper.y}
-        width={tileSize}
-        height={tileSize}
-        rx={tileRx}
-        fill={`url(#${paperId})`}
-      />
-      <path d={fold.highlight} fill="white" fillOpacity="0.92" />
-      <path d={fold.shadow} fill="#C9C3B7" fillOpacity="0.74" />
-    </svg>
-  );
-}

package/src/brand/index.ts

@@ -1,2 +0,0 @@
-export { TilepaperAppIcon } from './TilepaperAppIcon';
-export type { TilepaperAppIconProps } from './TilepaperAppIcon';

package/src/brand/tilepaper-app-icon-geometry.ts

@@ -1,201 +0,0 @@
-/** Shared workbench app icon layout (1024 canvas, Material-style root surface). */
-export const TILEPAPER_ICON_CANVAS_SIZE = 1024;
-
-const REFERENCE_TILE_SIZE = 314;
-/** Unified squircle radius — bumped for a softer, rounder Material feel. */
-const REFERENCE_TILE_RX = 116;
-
-/** Base rhythm for canvas → root panel inset. */
-export const TILEPAPER_ICON_SPACING = 48;
-
-/** Pulls the motif slightly toward the canvas center (px): wider outer rim, tighter tile grid. */
-export const TILEPAPER_ICON_CENTER_CLUSTER = 8;
-
-/** Ambient backdrop around the elevated root surface. */
-export const TILEPAPER_ICON_CANVAS_MARGIN =
-  TILEPAPER_ICON_SPACING + TILEPAPER_ICON_CENTER_CLUSTER / 2;
-
-/** Inset of the 4 tiles inside the root surface. */
-export const TILEPAPER_ICON_GRID_MARGIN = TILEPAPER_ICON_SPACING - TILEPAPER_ICON_CENTER_CLUSTER;
-export const TILEPAPER_ICON_GRID_GAP = TILEPAPER_ICON_SPACING - TILEPAPER_ICON_CENTER_CLUSTER;
-
-/** Material-style elevation for the root surface panel. */
-export const TILEPAPER_ICON_ROOT_ELEVATION = {
-  dy: 8,
-  floodColor: '#020617',
-  floodOpacity: 0.42,
-  stdDeviation: 12,
-} as const;
-
-const TILE_GRADIENT_OFFSETS = {
-  x1: 20,
-  x2: 250,
-  y1: 22,
-  y2: 262,
-} as const;
-
-const panelSize = TILEPAPER_ICON_CANVAS_SIZE - TILEPAPER_ICON_CANVAS_MARGIN * 2;
-const panelX = TILEPAPER_ICON_CANVAS_MARGIN;
-const panelY = TILEPAPER_ICON_CANVAS_MARGIN;
-const tileSize = (panelSize - TILEPAPER_ICON_GRID_MARGIN * 2 - TILEPAPER_ICON_GRID_GAP) / 2;
-
-/** Same absolute corner radius on every rounded rect (matches the 4 tiles). */
-export const TILEPAPER_ICON_UNIFIED_RX = REFERENCE_TILE_RX;
-
-const panelRx = TILEPAPER_ICON_UNIFIED_RX;
-const tileRx = TILEPAPER_ICON_UNIFIED_RX;
-const tileOrigin = panelX + TILEPAPER_ICON_GRID_MARGIN;
-
-const gradientOffsetScale = tileSize / REFERENCE_TILE_SIZE;
-const gradientOffsets = {
-  x1: Math.round(TILE_GRADIENT_OFFSETS.x1 * gradientOffsetScale),
-  x2: Math.round(TILE_GRADIENT_OFFSETS.x2 * gradientOffsetScale),
-  y1: Math.round(TILE_GRADIENT_OFFSETS.y1 * gradientOffsetScale),
-  y2: Math.round(TILE_GRADIENT_OFFSETS.y2 * gradientOffsetScale),
-};
-
-export const TILEPAPER_ICON_CANVAS = {
-  size: TILEPAPER_ICON_CANVAS_SIZE,
-  rx: TILEPAPER_ICON_UNIFIED_RX,
-} as const;
-
-/** Material root surface — the primary app panel sitting above the backdrop. */
-export const TILEPAPER_ICON_ROOT_PANEL = {
-  x: panelX,
-  y: panelY,
-  size: panelSize,
-  rx: panelRx,
-} as const;
-
-export const TILEPAPER_ICON_GRID = {
-  margin: TILEPAPER_ICON_GRID_MARGIN,
-  gap: TILEPAPER_ICON_GRID_GAP,
-  tileSize,
-  tileRx,
-} as const;
-
-export const TILEPAPER_ICON_TILES = {
-  blue: { x: tileOrigin, y: tileOrigin },
-  paper: { x: tileOrigin + tileSize + TILEPAPER_ICON_GRID_GAP, y: tileOrigin },
-  teal: { x: tileOrigin, y: tileOrigin + tileSize + TILEPAPER_ICON_GRID_GAP },
-  violet: {
-    x: tileOrigin + tileSize + TILEPAPER_ICON_GRID_GAP,
-    y: tileOrigin + tileSize + TILEPAPER_ICON_GRID_GAP,
-  },
-} as const;
-
-export function tilepaperRootElevationFilterMarkup(filterId = 'root-elevation'): string {
-  const { dy, floodColor, floodOpacity, stdDeviation } = TILEPAPER_ICON_ROOT_ELEVATION;
-
-  return `<filter id="${filterId}" x="-12%" y="-8%" width="124%" height="128%" color-interpolation-filters="sRGB">
-      <feDropShadow dx="0" dy="${dy}" stdDeviation="${stdDeviation}" flood-color="${floodColor}" flood-opacity="${floodOpacity}" />
-    </filter>`;
-}
-
-/** Scale fold geometry from the original 286px tile art. */
-export function tilepaperPaperFoldPaths(paperX: number, paperY: number, tileSizePx: number) {
-  const scale = tileSizePx / 286;
-  const inset = Math.round(84 * scale);
-  const foldStart = Math.round(88 * scale);
-  const shadowStart = Math.round(103 * scale);
-  const curveOffset = Math.round(37.608 * scale);
-
-  const right = paperX + tileSizePx;
-  const foldX = right - foldStart;
-  const shadowX = right - shadowStart;
-
-  return {
-    highlight: `M${foldX} ${paperY}H${foldX + 4}C${right - curveOffset} ${paperY} ${right} ${paperY + curveOffset} ${right} ${paperY + inset}V${paperY + inset + 4}L${foldX} ${paperY}Z`,
-    shadow: `M${shadowX} ${paperY}H${foldX}L${right} ${paperY + inset}V${paperY + shadowStart}L${shadowX} ${paperY}Z`,
-  };
-}
-
-const panelGradientInset = 18;
-
-export const TILEPAPER_ICON_GRADIENTS = {
-  /** Dark ambient behind the elevated root surface. */
-  bg: { x1: 512, x2: 512, y1: 72, y2: 952 },
-  /** Material surface — slightly brighter toward the top edge. */
-  panel: {
-    x1: 512,
-    x2: 512,
-    y1: panelY + panelGradientInset,
-    y2: panelY + panelSize - panelGradientInset,
-  },
-  blue: {
-    x1: TILEPAPER_ICON_TILES.blue.x + gradientOffsets.x1,
-    x2: TILEPAPER_ICON_TILES.blue.x + gradientOffsets.x2,
-    y1: TILEPAPER_ICON_TILES.blue.y + gradientOffsets.y1,
-    y2: TILEPAPER_ICON_TILES.blue.y + gradientOffsets.y2,
-  },
-  paper: {
-    x1: 512 + (512 - (TILEPAPER_ICON_TILES.blue.x + gradientOffsets.x2)),
-    x2: 512 + (512 - (TILEPAPER_ICON_TILES.blue.x + gradientOffsets.x1)),
-    y1: TILEPAPER_ICON_TILES.blue.y + gradientOffsets.y1,
-    y2: TILEPAPER_ICON_TILES.blue.y + gradientOffsets.y2,
-  },
-  teal: {
-    x1: TILEPAPER_ICON_TILES.blue.x + gradientOffsets.x1,
-    x2: TILEPAPER_ICON_TILES.blue.x + gradientOffsets.x2,
-    y1: 512 + (512 - (TILEPAPER_ICON_TILES.blue.y + gradientOffsets.y2)),
-    y2: 512 + (512 - (TILEPAPER_ICON_TILES.blue.y + gradientOffsets.y1)),
-  },
-  violet: {
-    x1: 512 + (512 - (TILEPAPER_ICON_TILES.blue.x + gradientOffsets.x2)),
-    x2: 512 + (512 - (TILEPAPER_ICON_TILES.blue.x + gradientOffsets.x1)),
-    y1: 512 + (512 - (TILEPAPER_ICON_TILES.blue.y + gradientOffsets.y2)),
-    y2: 512 + (512 - (TILEPAPER_ICON_TILES.blue.y + gradientOffsets.y1)),
-  },
-} as const;
-
-/** Static favicon snapshot (keep in sync with geometry helpers above). */
-export function renderTilepaperAppIconSvgMarkup(): string {
-  const fold = tilepaperPaperFoldPaths(
-    TILEPAPER_ICON_TILES.paper.x,
-    TILEPAPER_ICON_TILES.paper.y,
-    TILEPAPER_ICON_GRID.tileSize,
-  );
-  const { bg, panel, blue, paper, teal, violet } = TILEPAPER_ICON_GRADIENTS;
-  const { tileSize: t, tileRx: tr } = TILEPAPER_ICON_GRID;
-  const root = TILEPAPER_ICON_ROOT_PANEL;
-
-  return `<svg fill="none" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    ${tilepaperRootElevationFilterMarkup('root-elevation')}
-    <linearGradient id="bg" x1="${bg.x1}" x2="${bg.x2}" y1="${bg.y1}" y2="${bg.y2}" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#0A1020" />
-      <stop offset="1" stop-color="#121C33" />
-    </linearGradient>
-    <linearGradient id="panel" x1="${panel.x1}" x2="${panel.x2}" y1="${panel.y1}" y2="${panel.y2}" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#1A2C4D" />
-      <stop offset="0.42" stop-color="#162844" />
-      <stop offset="1" stop-color="#111D35" />
-    </linearGradient>
-    <linearGradient id="blue" x1="${blue.x1}" x2="${blue.x2}" y1="${blue.y1}" y2="${blue.y2}" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#5D88FF" />
-      <stop offset="1" stop-color="#3158D6" />
-    </linearGradient>
-    <linearGradient id="paper" x1="${paper.x1}" x2="${paper.x2}" y1="${paper.y1}" y2="${paper.y2}" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#FFF9EE" />
-      <stop offset="1" stop-color="#DDD9D1" />
-    </linearGradient>
-    <linearGradient id="teal" x1="${teal.x1}" x2="${teal.x2}" y1="${teal.y1}" y2="${teal.y2}" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#2FD6C1" />
-      <stop offset="1" stop-color="#149685" />
-    </linearGradient>
-    <linearGradient id="violet" x1="${violet.x1}" x2="${violet.x2}" y1="${violet.y1}" y2="${violet.y2}" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#8A67FF" />
-      <stop offset="1" stop-color="#5D3AC8" />
-    </linearGradient>
-  </defs>
-  <rect width="${TILEPAPER_ICON_CANVAS.size}" height="${TILEPAPER_ICON_CANVAS.size}" rx="${TILEPAPER_ICON_CANVAS.rx}" fill="url(#bg)" />
-  <rect x="${root.x}" y="${root.y}" width="${root.size}" height="${root.size}" rx="${root.rx}" fill="url(#panel)" filter="url(#root-elevation)" />
-  <rect x="${TILEPAPER_ICON_TILES.blue.x}" y="${TILEPAPER_ICON_TILES.blue.y}" width="${t}" height="${t}" rx="${tr}" fill="url(#blue)" />
-  <rect x="${TILEPAPER_ICON_TILES.teal.x}" y="${TILEPAPER_ICON_TILES.teal.y}" width="${t}" height="${t}" rx="${tr}" fill="url(#teal)" />
-  <rect x="${TILEPAPER_ICON_TILES.violet.x}" y="${TILEPAPER_ICON_TILES.violet.y}" width="${t}" height="${t}" rx="${tr}" fill="url(#violet)" />
-  <rect x="${TILEPAPER_ICON_TILES.paper.x}" y="${TILEPAPER_ICON_TILES.paper.y}" width="${t}" height="${t}" rx="${tr}" fill="url(#paper)" />
-  <path d="${fold.highlight}" fill="white" fill-opacity="0.92" />
-  <path d="${fold.shadow}" fill="#C9C3B7" fill-opacity="0.74" />
-</svg>
-`;
-}

package/src/primitives/absolute-box/index.ts

@@ -1 +0,0 @@
-export * from './AbsoluteBox';

package/src/primitives/catalog-browse-card/index.ts

@@ -1 +0,0 @@
-export * from './CatalogBrowseCard';

package/src/primitives/catalog-browse-pane/index.ts

@@ -1,3 +0,0 @@
-export * from './CatalogBrowseFacetChips';
-export * from './CatalogBrowsePane';
-export * from './filterCatalogBrowseItems';

package/src/primitives/catalog-filter-overlay/index.ts

@@ -1 +0,0 @@
-export * from './CatalogFilterOverlay';

package/src/primitives/codicon/index.ts

@@ -1 +0,0 @@
-export * from './Codicon';

package/src/primitives/external-link-button/index.ts

@@ -1 +0,0 @@
-export * from './ExternalLinkButton';

package/src/primitives/library-detail-layout/index.ts

@@ -1 +0,0 @@
-export * from './LibraryDetailLayout';

package/src/primitives/library-facet-filter-panel/index.ts

@@ -1 +0,0 @@
-export * from './LibraryFacetFilterPanel';

package/src/primitives/library-facet-filter-strip/index.ts

@@ -1 +0,0 @@
-export * from './LibraryFacetFilterStrip';

package/src/primitives/panel-loading/index.ts

@@ -1 +0,0 @@
-export * from './PanelLoading';

package/src/primitives/scroll-area-infinite-load/index.ts

@@ -1,2 +0,0 @@
-export * from './ScrollAreaInfiniteSentinel';
-export * from './useScrollAreaInfiniteLoad';

package/src/primitives/workbench-thumbnail/index.ts

@@ -1 +0,0 @@
-export * from './WorkbenchThumbnail';

package/src/test-utils/workbenchMonacoMock.tsx

@@ -1,37 +0,0 @@
-import type { ReactNode } from 'react';
-import { createElement } from 'react';
-
-export interface MockWorkbenchMonacoEditorProps {
-  language?: string;
-  onChange?: (value?: string) => void;
-  path?: string;
-  theme?: string;
-  value?: string;
-}
-
-export function createWorkbenchMonacoMockModule(
-  renderEditor?: (props: MockWorkbenchMonacoEditorProps) => ReactNode,
-) {
-  const defaultRender = ({ value }: MockWorkbenchMonacoEditorProps) =>
-    createElement('div', { 'data-testid': 'monaco-editor' }, value ?? 'Mocked Monaco Editor');
-
-  return {
-    WorkbenchMonacoEditor: renderEditor ?? defaultRender,
-    useMonacoWorkbenchThemeSync: () => undefined,
-    prepareMonacoWorkbenchEditor: () => undefined,
-    monacoThemeForWorkspaceTheme: (theme: string) =>
-      theme === 'light' ? 'workbench-kit-light' : 'workbench-kit-dark',
-    MONACO_DARK_THEME_ID: 'workbench-kit-dark',
-    MONACO_LIGHT_THEME_ID: 'workbench-kit-light',
-    monaco: {
-      KeyMod: { CtrlCmd: 1 },
-      KeyCode: { KeyS: 1 },
-      editor: {
-        defineTheme: () => undefined,
-        setTheme: () => undefined,
-        onDidChangeMarkers: () => ({ dispose: () => undefined }),
-        getModelMarkers: () => [],
-      },
-    },
-  };
-}

package/src/workbench/jdw/jdw-editors.css

@@ -1,4 +0,0 @@
-/* Reserved for JDW editor surfaces that still need package-local chrome.
- * Screen Spec shell layout now uses WorkbenchFill / SplitView / LabeledPane /
- * SidebarStack — prefer those over new BEM here.
- */

package/src/workbench/jdw/jdw.css

@@ -1,2 +0,0 @@
-/* workbench/jdw feature styles — Plan A import hub */
-@import './jdw-editors.css';