feat: integrate DSH Filebrowser (pinned v2.32.0, dark mode, toggle selector UI from Claude Design, /u/nabil/files/ proxy)

static/css/style.css

@@ -443,3 +443,70 @@ html, body {
   background-color: var(--hub-bg-card-hover);
   color: var(--hub-text-primary);
 }
+
+/* Mode Toggle Selector (Claude Design) */
+.hub-mode-toggle {
+  display: none;
+  align-items: center;
+  border: 1px solid var(--hub-border-medium);
+  height: 36px;
+  border-radius: var(--hub-radius-md);
+  overflow: hidden;
+  background-color: var(--hub-bg-card);
+}
+
+.hub-mode-toggle.visible {
+  display: flex;
+}
+
+.hub-mode-tab {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  height: 100%;
+  padding: 0 0.85rem;
+  border: none;
+  background: transparent;
+  color: var(--hub-text-secondary);
+  font-family: var(--hub-font-sans);
+  font-size: 0.8125rem;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  cursor: pointer;
+  transition: all 120ms ease;
+  user-select: none;
+}
+
+.hub-mode-tab:hover {
+  background-color: var(--hub-bg-card-hover);
+  color: var(--hub-text-primary);
+}
+
+.hub-mode-tab.active {
+  background: var(--hub-accent-current);
+  color: #ffffff;
+  cursor: default;
+  box-shadow: 0 0 10px var(--hub-accent-glow-current);
+}
+
+.hub-mode-divider {
+  width: 1px;
+  height: 60%;
+  background-color: var(--hub-border-medium);
+  flex: none;
+}
+
+@keyframes panelIn {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.hub-canvas-anim {
+  animation: panelIn 140ms ease both;
+}