@djangocfg/ui-tools 2.1.286 → 2.1.289

package/dist/index.cjs

@@ -262,7 +262,7 @@ function OpenapiLoadingFallback() {
 }
 chunkWGEGR3DF_cjs.__name(OpenapiLoadingFallback, "OpenapiLoadingFallback");
 var LazyDocsLayout = createLazyComponent(
-  () => import('./DocsLayout-BCVU6TTX.cjs').then((mod) => ({ default: mod.DocsLayout })),
+  () => import('./DocsLayout-YDR7DSMM.cjs').then((mod) => ({ default: mod.DocsLayout })),
   {
     displayName: "LazyDocsLayout",
     fallback: /* @__PURE__ */ jsxRuntime.jsx(OpenapiLoadingFallback, {})
@@ -417,7 +417,7 @@ function LottiePlayer(props) {
 }
 chunkWGEGR3DF_cjs.__name(LottiePlayer, "LottiePlayer");
 var DocsLayout = React.lazy(
-  () => import('./DocsLayout-BCVU6TTX.cjs').then((mod) => ({ default: mod.DocsLayout }))
+  () => import('./DocsLayout-YDR7DSMM.cjs').then((mod) => ({ default: mod.DocsLayout }))
 );
 var LoadingFallback7 = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
 var Playground = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ config }) => {

package/dist/index.d.cts

@@ -361,6 +361,22 @@ interface PlaygroundConfig {
      *  a spinner instead of "no keys yet". */
     apiKeys?: ApiKey[];
     apiKeysLoading?: boolean;
+    /** How multiple schemas are presented in the sidebar.
+     *  - ``'selector'`` (default): a Combobox switches between schemas, the
+     *    docs column shows endpoints of the active schema only.
+     *  - ``'sections'``: the Combobox is hidden and every schema becomes a
+     *    top-level heading in the sidebar, with endpoints of all schemas
+     *    rendered back-to-back in the docs column. Scrollspy picks the
+     *    active schema based on what's visible. */
+    schemaGrouping?: 'selector' | 'sections';
+    /** Optional URL-hash sync. When enabled, the viewer reads/writes
+     *  ``#<schemaId>/<anchor>`` on the browser location. Falsy value (the
+     *  default) keeps the viewer hash-free. Set to an object with
+     *  ``{ enabled: true }`` to opt in; future fields (e.g. a custom
+     *  adapter) stay backwards compatible. */
+    urlSync?: boolean | {
+        enabled: boolean;
+    };
 }
 
 /**

package/dist/index.d.ts

@@ -361,6 +361,22 @@ interface PlaygroundConfig {
      *  a spinner instead of "no keys yet". */
     apiKeys?: ApiKey[];
     apiKeysLoading?: boolean;
+    /** How multiple schemas are presented in the sidebar.
+     *  - ``'selector'`` (default): a Combobox switches between schemas, the
+     *    docs column shows endpoints of the active schema only.
+     *  - ``'sections'``: the Combobox is hidden and every schema becomes a
+     *    top-level heading in the sidebar, with endpoints of all schemas
+     *    rendered back-to-back in the docs column. Scrollspy picks the
+     *    active schema based on what's visible. */
+    schemaGrouping?: 'selector' | 'sections';
+    /** Optional URL-hash sync. When enabled, the viewer reads/writes
+     *  ``#<schemaId>/<anchor>`` on the browser location. Falsy value (the
+     *  default) keeps the viewer hash-free. Set to an object with
+     *  ``{ enabled: true }`` to opt in; future fields (e.g. a custom
+     *  adapter) stay backwards compatible. */
+    urlSync?: boolean | {
+        enabled: boolean;
+    };
 }
 
 /**

package/dist/index.mjs

@@ -237,7 +237,7 @@ function OpenapiLoadingFallback() {
 }
 __name(OpenapiLoadingFallback, "OpenapiLoadingFallback");
 var LazyDocsLayout = createLazyComponent(
-  () => import('./DocsLayout-ERETJLLV.mjs').then((mod) => ({ default: mod.DocsLayout })),
+  () => import('./DocsLayout-TKJQ5W5E.mjs').then((mod) => ({ default: mod.DocsLayout })),
   {
     displayName: "LazyDocsLayout",
     fallback: /* @__PURE__ */ jsx(OpenapiLoadingFallback, {})
@@ -392,7 +392,7 @@ function LottiePlayer(props) {
 }
 __name(LottiePlayer, "LottiePlayer");
 var DocsLayout = lazy(
-  () => import('./DocsLayout-ERETJLLV.mjs').then((mod) => ({ default: mod.DocsLayout }))
+  () => import('./DocsLayout-TKJQ5W5E.mjs').then((mod) => ({ default: mod.DocsLayout }))
 );
 var LoadingFallback7 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
 var Playground = /* @__PURE__ */ __name(({ config }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.286",
+  "version": "2.1.289",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -90,9 +90,10 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.286",
-    "@djangocfg/ui-core": "^2.1.286",
+    "@djangocfg/i18n": "^2.1.289",
+    "@djangocfg/ui-core": "^2.1.289",
     "consola": "^3.4.2",
+    "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -133,14 +134,16 @@
     "@maplibre/maplibre-gl-geocoder": "^1.7.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.286",
+    "@djangocfg/i18n": "^2.1.289",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.286",
-    "@djangocfg/ui-core": "^2.1.286",
+    "@djangocfg/typescript-config": "^2.1.289",
+    "@djangocfg/ui-core": "^2.1.289",
+    "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
+    "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",

package/src/tools/OpenapiViewer/.claude/.sidecar/activity.jsonl

@@ -2,3 +2,5 @@
 {"ts":"2026-04-22T13:12:54.534624Z","action":"map","tokens":0,"model":"cache","details":{"directories":7,"entry_points":5}}
 {"ts":"2026-04-22T13:14:16.326555Z","action":"map","tokens":0,"model":"cache","details":{"directories":7,"entry_points":5}}
 {"ts":"2026-04-22T13:15:40.112071Z","action":"map","tokens":0,"model":"cache","details":{"directories":7,"entry_points":5}}
+{"ts":"2026-04-22T16:47:13.863898Z","action":"update_check","tokens":0,"model":"deepseek/deepseek-v3.2","details":{}}
+{"ts":"2026-04-22T16:47:48.099123Z","action":"review","tokens":1941,"model":"deepseek/deepseek-v3.2","details":{"items_found":5}}

package/src/tools/OpenapiViewer/.claude/.sidecar/history/2026-04-22.md

@@ -0,0 +1,35 @@
+# Sidecar Review -- 2026-04-22T16:47:48.098166+00:00
+
+## Staleness
+
+- [?] The project map was generated on 2026-04-22, but it describes a React library architecture that contradicts the Django/Next.js work shown in commits from 2026-04-17 to 2026-04-22. The map's content is stale relative to the project's true evolution.
+  Files: .claude/project-map.md
+  Action: Regenerate the project map using a tool that accurately reflects the current codebase structure and technology stack.
+  (id: 4bd49eecdaa4)
+
+## Contradictions
+
+- [!] The project map describes a React component library for an OpenAPI viewer, but recent git commits are for a Django/Next.js project (e.g., 'feat(drf-spectacular)', 'refactor(layouts): migrate from SmartNavLink to LinkComponentProvider'). The documentation's description does not match the project's actual activity.
+  Files: .claude/project-map.md
+  Action: Investigate the project's true nature. Update the project map description to reflect the actual tech stack (Django, Next.js, DRF Spectacular) or confirm the correct documentation is being analyzed.
+  (id: 63e451e12988)
+
+- [?] The project map's 'Entry Points' list React component entry files (e.g., './index.tsx'), but commits suggest a Django/Next.js application with different entry points (e.g., Django's manage.py, Next.js's pages/).
+  Files: .claude/project-map.md
+  Action: Update the entry points list in the project map to reflect the actual application entry points (e.g., main Django ASGI/WSGI file, Next.js entry).
+  (id: ba6f809d9f15)
+
+## Missing Documentation
+
+- [!] The project map lists source directories (components, context, hooks, utils) typical of a React library, but recent commits mention backend (Django) and frontend framework (Next.js) concepts not covered. Key areas like 'layouts/', 'navigation/', and Django app structure have no documentation in the provided map.
+  Files: .claude/project-map.md
+  Action: Expand the project map to document the actual codebase structure, including Django apps, Next.js pages/layouts, and how the frontend and backend integrate.
+  (id: 4654646dd66d)
+
+- [!] No dependencies are listed in the analysis, but recent commits reference specific packages and tools (e.g., 'drf-spectacular', 'Nextra'). The project map provides no dependency information, which is a critical gap for understanding the project's environment.
+  Files: .claude/project-map.md
+  Action: Add a 'Dependencies' section to the project map or ensure dependency files (pyproject.toml, package.json) are included in the documentation analysis.
+  (id: c81e59d10f1a)
+
+---
+Model: deepseek/deepseek-v3.2 | Tokens: 1941

package/src/tools/OpenapiViewer/.claude/.sidecar/review.md

@@ -0,0 +1,35 @@
+# Sidecar Review -- 2026-04-22T16:47:48.098166+00:00
+
+## Staleness
+
+- [?] The project map was generated on 2026-04-22, but it describes a React library architecture that contradicts the Django/Next.js work shown in commits from 2026-04-17 to 2026-04-22. The map's content is stale relative to the project's true evolution.
+  Files: .claude/project-map.md
+  Action: Regenerate the project map using a tool that accurately reflects the current codebase structure and technology stack.
+  (id: 4bd49eecdaa4)
+
+## Contradictions
+
+- [!] The project map describes a React component library for an OpenAPI viewer, but recent git commits are for a Django/Next.js project (e.g., 'feat(drf-spectacular)', 'refactor(layouts): migrate from SmartNavLink to LinkComponentProvider'). The documentation's description does not match the project's actual activity.
+  Files: .claude/project-map.md
+  Action: Investigate the project's true nature. Update the project map description to reflect the actual tech stack (Django, Next.js, DRF Spectacular) or confirm the correct documentation is being analyzed.
+  (id: 63e451e12988)
+
+- [?] The project map's 'Entry Points' list React component entry files (e.g., './index.tsx'), but commits suggest a Django/Next.js application with different entry points (e.g., Django's manage.py, Next.js's pages/).
+  Files: .claude/project-map.md
+  Action: Update the entry points list in the project map to reflect the actual application entry points (e.g., main Django ASGI/WSGI file, Next.js entry).
+  (id: ba6f809d9f15)
+
+## Missing Documentation
+
+- [!] The project map lists source directories (components, context, hooks, utils) typical of a React library, but recent commits mention backend (Django) and frontend framework (Next.js) concepts not covered. Key areas like 'layouts/', 'navigation/', and Django app structure have no documentation in the provided map.
+  Files: .claude/project-map.md
+  Action: Expand the project map to document the actual codebase structure, including Django apps, Next.js pages/layouts, and how the frontend and backend integrate.
+  (id: 4654646dd66d)
+
+- [!] No dependencies are listed in the analysis, but recent commits reference specific packages and tools (e.g., 'drf-spectacular', 'Nextra'). The project map provides no dependency information, which is a critical gap for understanding the project's environment.
+  Files: .claude/project-map.md
+  Action: Add a 'Dependencies' section to the project map or ensure dependency files (pyproject.toml, package.json) are included in the documentation analysis.
+  (id: c81e59d10f1a)
+
+---
+Model: deepseek/deepseek-v3.2 | Tokens: 1941

package/src/tools/OpenapiViewer/.claude/.sidecar/scan.log

@@ -0,0 +1,3 @@
+Review generated: 5 items found
+Tokens used: 1941 (deepseek/deepseek-v3.2)
+Converted 5 items to tasks

package/src/tools/OpenapiViewer/.claude/.sidecar/tasks/T-001.md

@@ -0,0 +1,18 @@
+---
+context_files:
+- .claude/project-map.md
+created_at: '2026-04-22T16:47:48.100263Z'
+id: T-001
+priority: high
+source: sidecar_review
+source_item_id: 63e451e12988
+status: pending
+title: '[contradiction] The project map describes a React component library for an
+  OpenAPI viewer, but r'
+---
+
+The project map describes a React component library for an OpenAPI viewer, but recent git commits are for a Django/Next.js project (e.g., 'feat(drf-spectacular)', 'refactor(layouts): migrate from SmartNavLink to LinkComponentProvider'). The documentation's description does not match the project's actual activity.
+
+**Files:** .claude/project-map.md
+
+**Action:** Investigate the project's true nature. Update the project map description to reflect the actual tech stack (Django, Next.js, DRF Spectacular) or confirm the correct documentation is being analyzed.

package/src/tools/OpenapiViewer/.claude/.sidecar/tasks/T-002.md

@@ -0,0 +1,18 @@
+---
+context_files:
+- .claude/project-map.md
+created_at: '2026-04-22T16:47:48.101004Z'
+id: T-002
+priority: high
+source: sidecar_review
+source_item_id: 4654646dd66d
+status: pending
+title: '[gap] The project map lists source directories (components, context, hooks,
+  utils) typ'
+---
+
+The project map lists source directories (components, context, hooks, utils) typical of a React library, but recent commits mention backend (Django) and frontend framework (Next.js) concepts not covered. Key areas like 'layouts/', 'navigation/', and Django app structure have no documentation in the provided map.
+
+**Files:** .claude/project-map.md
+
+**Action:** Expand the project map to document the actual codebase structure, including Django apps, Next.js pages/layouts, and how the frontend and backend integrate.

package/src/tools/OpenapiViewer/.claude/.sidecar/tasks/T-003.md

@@ -0,0 +1,18 @@
+---
+context_files:
+- .claude/project-map.md
+created_at: '2026-04-22T16:47:48.101333Z'
+id: T-003
+priority: high
+source: sidecar_review
+source_item_id: c81e59d10f1a
+status: pending
+title: '[gap] No dependencies are listed in the analysis, but recent commits reference
+  specifi'
+---
+
+No dependencies are listed in the analysis, but recent commits reference specific packages and tools (e.g., 'drf-spectacular', 'Nextra'). The project map provides no dependency information, which is a critical gap for understanding the project's environment.
+
+**Files:** .claude/project-map.md
+
+**Action:** Add a 'Dependencies' section to the project map or ensure dependency files (pyproject.toml, package.json) are included in the documentation analysis.

package/src/tools/OpenapiViewer/.claude/.sidecar/tasks/T-004.md

@@ -0,0 +1,18 @@
+---
+context_files:
+- .claude/project-map.md
+created_at: '2026-04-22T16:47:48.101697Z'
+id: T-004
+priority: medium
+source: sidecar_review
+source_item_id: ba6f809d9f15
+status: pending
+title: '[contradiction] The project map''s ''Entry Points'' list React component entry
+  files (e.g., ''./inde'
+---
+
+The project map's 'Entry Points' list React component entry files (e.g., './index.tsx'), but commits suggest a Django/Next.js application with different entry points (e.g., Django's manage.py, Next.js's pages/).
+
+**Files:** .claude/project-map.md
+
+**Action:** Update the entry points list in the project map to reflect the actual application entry points (e.g., main Django ASGI/WSGI file, Next.js entry).

package/src/tools/OpenapiViewer/.claude/.sidecar/tasks/T-005.md

@@ -0,0 +1,18 @@
+---
+context_files:
+- .claude/project-map.md
+created_at: '2026-04-22T16:47:48.102118Z'
+id: T-005
+priority: medium
+source: sidecar_review
+source_item_id: 4bd49eecdaa4
+status: pending
+title: '[staleness] The project map was generated on 2026-04-22, but it describes
+  a React library ar'
+---
+
+The project map was generated on 2026-04-22, but it describes a React library architecture that contradicts the Django/Next.js work shown in commits from 2026-04-17 to 2026-04-22. The map's content is stale relative to the project's true evolution.
+
+**Files:** .claude/project-map.md
+
+**Action:** Regenerate the project map using a tool that accurately reflects the current codebase structure and technology stack.

package/src/tools/OpenapiViewer/.claude/.sidecar/usage.json

@@ -1,5 +1,5 @@
 {
   "date": "2026-04-22",
-  "tokens": 2297,
-  "calls": 4
+  "tokens": 4238,
+  "calls": 5
 }

package/src/tools/OpenapiViewer/OpenapiViewer.story.tsx

@@ -124,6 +124,33 @@ export const MultipleSchemas = () => {
   );
 };
 
+/**
+ * Sections grouping — all schemas rendered as top-level headings in the
+ * sidebar, with every endpoint laid out on the same page. URL hash sync
+ * is enabled so scrolling updates ``#<schemaId>/<anchor>``.
+ */
+export const SectionsGrouping = () => {
+  const [urlSync] = useSelect('urlSync', {
+    options: ['on', 'off'] as const,
+    defaultValue: 'on',
+    label: 'URL hash sync',
+    description: 'Writes #<schemaId>/<anchor> as you scroll',
+  });
+
+  const config: PlaygroundConfig = {
+    schemas: [...MULTI_SCHEMAS],
+    defaultSchemaId: 'petstore',
+    schemaGrouping: 'sections',
+    urlSync: urlSync === 'on',
+  };
+
+  return (
+    <div className="min-h-[600px]">
+      <Playground config={config} />
+    </div>
+  );
+};
+
 /**
  * Many schemas (7+) — tests Combobox with a long list.
  * Simulates a real setup like cmdop with machines, terminal, skills, etc.