Refine premium workbench UX

2026-07-14 05:10:36 +02:00
parent a18fba8c7a
commit a2d9cef986
15 changed files with 1802 additions and 106 deletions
@@ -35,6 +35,7 @@ interface WorkbenchInspectorProps {
  onOpenQualityWorkspace: () => void
  onOpenExportsWorkspace: () => void
  onOpenAiWorkspace: () => void
+  onClose: () => void
 }

 function formatValue(value: string | number | null | undefined): string {
@@ -74,6 +75,7 @@ export function WorkbenchInspector({
  onOpenQualityWorkspace,
  onOpenExportsWorkspace,
  onOpenAiWorkspace,
+  onClose,
 }: WorkbenchInspectorProps): JSX.Element {
  const [activeTab, setActiveTab] = useState<InspectorTab>('context')
  const selectedDetectionRun = useMemo(
@@ -103,6 +105,9 @@ export function WorkbenchInspector({
          <p className="eyebrow">Inspector</p>
          <h2>Selection details</h2>
        </div>
+        <button type="button" className="inspector-close" onClick={onClose} aria-label="Close selection details">
+          Close
+        </button>
      </div>
      <div className="inspector-tabs" role="tablist" aria-label="Inspector detail tabs">
        {tabs.map((tab) => (