feat(hub,hub-ui): collapsible edge-mode toolbar with drag-to-snap positioning

Ports vitejs/devtools#523 to the hub-ui edge-docked shell:

- Adds an opt-in "Auto-collapse edge toolbar" setting (Settings →
  Appearance): when idle and closed, the edge-docked toolbar shrinks to
  a small corner pill instead of permanently spanning the full edge,
  mirroring Dock.vue's own minimize animation. Hovering the pill brings
  it back. The pill anchors at the corner nearest the toolbar's entries,
  away from the "Edge position"/"Float mode" buttons.
- The "Edge position" button now also acts as a drag handle, letting the
  whole edge-docked panel be dragged and snapped among the four viewport
  edges without transitioning through float mode mid-drag.
- Adds `autoCollapseEdgeToolbar` to the hub's `DevframeDocksUserSettings`
  (@devframes/hub/types), since the toggle isn't specific to any single
  viewer.

Closes #209.

Co-authored-by: dvcolomban <dinh-van.colomban@contentsquare.com>

Author: antfubot

packages/hub-ui/src/client/.generated/css.ts

@@ -64,6 +64,28 @@ export const Right: Story = edgeStory('right')
 /** Toolbar only — nothing selected, so the panel body is collapsed away. */
 export const ToolbarOnly: Story = edgeStory('bottom', false)
 
+/**
+ * Idle-collapsed: `autoCollapseEdgeToolbar` enabled with `inactiveTimeout: 0`
+ * (the same trick `Dock.stories.ts`'s own `Minimized` story uses) shrinks the
+ * toolbar down to a small corner pill immediately, with nothing selected.
+ */
+export const CollapsedIdle: Story = {
+  render: () => ({
+    setup: () => mountWithContext(
+      {
+        entries: categorizedEntries,
+        selectedId: null,
+        panel: { mode: 'edge', position: 'bottom', open: false, inactiveTimeout: 0 },
+        settings: { autoCollapseEdgeToolbar: true },
+      },
+      ctx => [
+        h(DockEdge, { context: ctx }, { view: ({ entry }: any) => body(entry) }),
+        h(FloatingElements),
+      ],
+    ),
+  }),
+}
+
 /** Edge dock hosting a group — the group rail shows inside the panel. */
 export const WithGroup: Story = {
   render: () => ({