Add config page (#41)

Author: giorgosnty

CHANGELOG.md

@@ -1,3 +1,48 @@
+## [0.0.18] - 2026-05-25
+
+### Added
+
+- A richer `Capability Packs` section inside `Settings > Configuration`, with cross-pack enablement toggles, always-visible pack cards, guided runtime-backed controls for `Architecture graph`, `Context Guidance`, `Semantic clones`, and `Knowledge pack`, plus a review sheet that separates direct pack edits from supporting dependency changes.
+- A strict `Inference config` panel that materializes backend profile and runtime definitions, supports profile/runtime renames with reference rewrites, validates safe names before save, and provides task, driver, runtime, model, and thinking-level controls for Bitloops, Codex, Claude, OpenAI, and Ollama-backed profiles.
+- Default-install seeding for missing daemon config files, including runtime CLI version, store paths, telemetry defaults, capability-pack defaults, platform inference profiles, and resolved executable hints for local runtimes.
+- Unit and integration coverage for the Configuration-based settings surface, including route aliases, daemon setup persistence, JSON-section compatibility, inference renames, default seeding, stale save responses, and redacted secret saves.
+
+### Changed
+
+- Kept `/settings/configuration` as the canonical settings route while treating `/settings/capability-packs` as a legacy alias that resolves to the same configuration UI.
+- Capability pack controls now write directly to runtime config paths while seeding missing backend sections and default profile bindings without rendering duplicated shared/default profile editors inside pack cards.
+- Removed the repo setup controls and the duplicate lower advanced runtime config area, keeping daemon setup, inference config, and pack-backed save/review as the main configuration flow.
+
+### Fixed
+
+- The dashboard bundle script now creates the parent cache directory before replacing the bundled app.
+- Runtime config saves now accept stale mutation responses when a refetch confirms the submitted patch, and redacted secret values when the backend returns masked saved secrets.
+
+## [0.0.17] - 2026-05-21
+
+### Fixed
+
+- Session play actions now update existing session content instead of leaving stale details behind.
+- Session page data updates now avoid the slow refresh path that made existing sessions feel unresponsive.
+- Session table rows now preserve the actor value so the actor column no longer appears blank for populated sessions.
+
+## [0.0.16] - 2026-05-18
+
+### Fixed
+
+- Tool-call counts now stay aligned across checkpoint summaries, session detail, token usage displays, and the supporting integration coverage.
+
+## [0.0.15] - 2026-05-18
+
+### Added
+
+- Normalized transcript-entry types, mappers, and tests for dashboard session detail, turn timelines, and tool-use displays.
+
+### Changed
+
+- Dashboard transcript rendering now consumes canonical backend transcript entries from checkpoint session detail and interaction session detail responses instead of reparsing legacy raw-event transcript fragments.
+- Turn transcript analysis now builds per-turn sections from per-turn entries or the session-wide transcript stream, with stable ordering and empty-state handling when no canonical entries are available.
+
 ## [0.0.14] - 2026-05-12
 
 ### Fixed
@@ -22,14 +67,7 @@
 - Aborted stale session and checkpoint detail requests when the selection changes or panels unmount, preventing outdated heavy payloads from lingering in memory.
 - Reduced duplicate raw-event filtering, sorting, and transcript parsing that caused Chrome RAM spikes on large sessions and checkpoints.
 
-## [0.0.12]
-
-### Fixed
-
-- Restored missing session and checkpoint turn timelines when heavy interaction detail loads on demand, so turn content appears reliably after opening the `Turns` view.
-- OpenCode turn model badges now show readable model slugs like `kimi-k2p6` instead of full provider account paths such as `accounts/fireworks/models/kimi-k2p6`.
-
-## [0.0.9]
+## [0.0.12] - 2026-05-10
 
 ### Added
 
@@ -38,6 +76,7 @@
 - Architecture page with a 3D component-first view of Containers, Components, Deployment Units, Entry Points, flow-derived contract corridors, persistence read/write edges, and toggleable red direct module dependencies.
 - Architecture component parent grouping, with path-derived parent frames, group search results, group inspector details, and row-aware component layout so flat component lists can be scanned hierarchically.
 - Code Atlas data-source support for a live DevQL snapshot alongside the existing fixture catalogue, with the live source selected by default and `VITE_CODE_CITY_PROJECT_PATH` available for project-scoped CodeCity queries.
+- Debug view support for daemon validation, sync status, task tracking, and related troubleshooting details.
 - Unit and Playwright coverage for the live CodeCity data shape, including backend-compatible world mapping, render-arc fallback behaviour, live-route network stubs, search, selection, overlay toggles, and canvas rendering.
 
 ### Changed
@@ -50,19 +89,70 @@
 ### Fixed
 
 - Fixed Code Atlas arc visibility so backend world/medium zoom arcs can render without requiring a selected building, while selection-only arcs retain the existing focused behaviour.
-- Fixed Code Atlas rendering and lint issues around floor stacking, camera focus dependencies, and React StrictMode live-load retries.
-- Improved session compatibility and tool reporting for OpenCode
+- Fixed Code Atlas rendering, e2e, lint, and quality issues around floor stacking, camera focus dependencies, and React StrictMode live-load retries.
 
-## [0.0.8]
+## [0.0.11] - 2026-05-08
+
+### Fixed
+
+- Restored missing session and checkpoint turn timelines when heavy interaction detail loads on demand, so turn content appears reliably after opening the `Turns` view.
+- OpenCode turn model badges now show readable model slugs like `kimi-k2p6` instead of full provider account paths such as `accounts/fireworks/models/kimi-k2p6`.
+
+## [0.0.10] - 2026-05-07
+
+### Added
+
+- A dedicated session tool-use list and trace-pair renderer for pairing tool calls with responses in the session detail experience.
+
+### Changed
+
+- Refined the tool-use tab, chat transcript rendering, checkpoint sheet helpers, and session row mapping around shared tool-use display utilities.
+
+### Fixed
+
+- Improved tool reporting for OpenCode sessions and kept bundle metadata aligned for the `0.0.10` release.
+
+## [0.0.9] - 2026-04-24
+
+### Added
+
+- Checkpoint browsing inside the sessions experience, including a sessions checkpoint table, checkpoint derivation helpers, and tests for the new checkpoint rows.
+- Turn timeline rendering and transcript utilities for session detail and checkpoint views.
+- WebSocket error handling, table URL-state coverage, JSON viewer theme coverage, and supporting dependency updates.
+
+### Changed
+
+- Updated session variables parsing, dashboard operations, and session defaults so checkpoint queries can share the sessions filtering flow.
+- Removed redundant CI `pnpm` version pins.
+
+### Fixed
+
+- Improved session compatibility and tool reporting for OpenCode.
+
+## [0.0.8] - 2026-04-21
 
 ### Added
 
 - New sessions page containing explorer and list of sessions.
 
+## [0.0.7] - 2026-04-19
+
+### Added
+
+- Dashboard session rows, columns, detail sidebar, checkpoint summaries, and supporting GraphQL types for the sessions-first dashboard flow.
+- Accordion UI support and a DevQL usage skill for local dashboard development.
+- Expanded client, dashboard, hook, GraphQL mapper, and integration coverage for session loading and repository selection.
+
 ### Changed
 
+- Replaced the dashboard commit-list focus with session-oriented browsing while preserving checkpoint detail access.
+- Updated release workflow dependencies, bundle metadata, and the dashboard favicon.
+
 ### Fixed
 
+- Dashboard repository auto-selection and session loading now recover correctly when default branch data or repository identity changes.
+- Token usage charts are skipped when a checkpoint has no usage data instead of rendering empty chart chrome.
+
 ## [0.0.6] - 2026-04-14
 
 ### Added

bundle_versions.json

@@ -1,5 +1,12 @@
 {
   "versions": [
+    {
+      "version": "0.0.18",
+      "min_required_cli_version": "0.0.29",
+      "max_required_cli_version": "latest",
+      "download_url": "https://github.com/bitloops/local-dashboard/releases/download/v0.0.18/bundle.tar.zst",
+      "checksum_url": "https://github.com/bitloops/local-dashboard/releases/download/v0.0.18/bundle.tar.zst.sha256"
+    },
     {
       "version": "0.0.17",
       "min_required_cli_version": "0.0.29",

package.json

@@ -1,12 +1,12 @@
 {
   "name": "local-dashboard",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
-    "bundle": "pnpm build && rm -rf ~/Library/Caches/bitloops/dashboard/bundle && mv dist ~/Library/Caches/bitloops/dashboard/bundle",
+    "bundle": "pnpm build && mkdir -p ~/Library/Caches/bitloops/dashboard && rm -rf ~/Library/Caches/bitloops/dashboard/bundle && mv dist ~/Library/Caches/bitloops/dashboard/bundle",
     "format": "prettier . --write",
     "format:check": "prettier . --check",
     "lint": "eslint .",

src/api/runtime/config.test.ts

@@ -0,0 +1,73 @@
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { updateRuntimeConfig, type RuntimeConfigSnapshot } from './config'
+
+function jsonResponse(payload: unknown, status = 200) {
+  return new Response(JSON.stringify(payload), {
+    status,
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+function runtimeConfigSnapshot(
+  overrides: Partial<RuntimeConfigSnapshot> = {},
+): RuntimeConfigSnapshot {
+  return {
+    target: {
+      id: 'target-daemon',
+      kind: 'daemon',
+      scope: 'Daemon',
+      label: 'Daemon config',
+      group: 'Daemon',
+      path: '/tmp/bitloops/config.toml',
+      repoRoot: null,
+      exists: true,
+    },
+    revision: 'rev-2',
+    valid: true,
+    validationErrors: [],
+    restartRequired: true,
+    reloadRequired: true,
+    sections: [],
+    rawValue: {},
+    effectiveValue: {},
+    ...overrides,
+  }
+}
+
+describe('updateRuntimeConfig', () => {
+  afterEach(() => {
+    vi.restoreAllMocks()
+  })
+
+  it('returns the mutation-level reload decision instead of stale snapshot flags', async () => {
+    vi.spyOn(globalThis, 'fetch').mockResolvedValue(
+      jsonResponse({
+        data: {
+          updateConfig: {
+            restartRequired: false,
+            reloadRequired: false,
+            path: '/tmp/bitloops/config.toml',
+            message: 'Runtime config saved and hot-reloaded.',
+            snapshot: runtimeConfigSnapshot(),
+          },
+        },
+      }),
+    )
+
+    const result = await updateRuntimeConfig({
+      targetId: 'target-daemon',
+      expectedRevision: 'rev-1',
+      patches: [
+        {
+          path: ['inference', 'profiles', 'summary_llm', 'model'],
+          value: 'gpt-5.4-mini',
+        },
+      ],
+    })
+
+    expect(result.restartRequired).toBe(false)
+    expect(result.reloadRequired).toBe(false)
+  })
+})

src/api/runtime/config.ts

@@ -128,7 +128,14 @@ export type RuntimeConfigSnapshot = {
 
 export type RuntimeConfigFieldPatch = {
   path: string[]
-  value: unknown
+  value?: unknown
+  unset?: boolean
+}
+
+export type RuntimeExecutableResolution = {
+  command: string
+  path: string | null
+  found: boolean
 }
 
 export type UpdateRuntimeConfigInput = {
@@ -137,6 +144,12 @@ export type UpdateRuntimeConfigInput = {
   patches: RuntimeConfigFieldPatch[]
 }
 
+type UpdateRuntimeConfigPayload = {
+  restartRequired: boolean
+  reloadRequired: boolean
+  snapshot: RuntimeConfigSnapshot
+}
+
 const CONFIG_TARGETS_QUERY = `
   query RuntimeConfigTargets {
     configTargets {
@@ -258,6 +271,16 @@ const UPDATE_CONFIG_MUTATION = `
   }
 `
 
+const EXECUTABLE_RESOLUTIONS_QUERY = `
+  query RuntimeExecutableResolutions($commands: [String!]!) {
+    runtimeExecutableResolutions(commands: $commands) {
+      command
+      path
+      found
+    }
+  }
+`
+
 export async function fetchRuntimeConfigTargets(
   options?: GraphQLRequestOptions,
 ): Promise<RuntimeConfigTarget[]> {
@@ -283,19 +306,36 @@ export async function fetchRuntimeConfigSnapshot(
   return response.data.configSnapshot
 }
 
+export async function fetchRuntimeExecutableResolutions(
+  commands: string[],
+  options?: GraphQLRequestOptions,
+): Promise<RuntimeExecutableResolution[]> {
+  if (commands.length === 0) return []
+
+  const response = await requestRuntimeGraphQL<{
+    runtimeExecutableResolutions: RuntimeExecutableResolution[]
+  }>(EXECUTABLE_RESOLUTIONS_QUERY, { commands }, options)
+
+  return response.data?.runtimeExecutableResolutions ?? []
+}
+
 export async function updateRuntimeConfig(
   input: UpdateRuntimeConfigInput,
   options?: GraphQLRequestOptions,
 ): Promise<RuntimeConfigSnapshot> {
   const response = await requestRuntimeGraphQL<{
-    updateConfig: {
-      snapshot: RuntimeConfigSnapshot
-    }
+    updateConfig: UpdateRuntimeConfigPayload
   }>(UPDATE_CONFIG_MUTATION, { input }, options)
 
-  if (!response.data?.updateConfig?.snapshot) {
+  const update = response.data?.updateConfig
+
+  if (!update?.snapshot) {
     throw new GraphQLRequestError('Runtime config update returned no snapshot.')
   }
 
-  return response.data.updateConfig.snapshot
+  return {
+    ...update.snapshot,
+    restartRequired: update.restartRequired,
+    reloadRequired: update.reloadRequired,
+  }
 }

src/features/settings/components/sidebar-nav.tsx

@@ -23,7 +23,11 @@ type SidebarNavProps = React.HTMLAttributes<HTMLElement> & {
 export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
   const { pathname } = useLocation()
   const navigate = useNavigate()
-  const [val, setVal] = useState(pathname ?? '/settings')
+  const activePath =
+    pathname === '/settings/capability-packs'
+      ? '/settings/configuration'
+      : pathname
+  const [val, setVal] = useState(activePath ?? '/settings')
 
   const handleSelect = (e: string) => {
     setVal(e)
@@ -33,7 +37,7 @@ export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
   return (
     <>
       <div className='p-1 md:hidden'>
-        <Select value={val} onValueChange={handleSelect}>
+        <Select value={activePath ?? val} onValueChange={handleSelect}>
           <SelectTrigger className='h-12 sm:w-48'>
             <SelectValue placeholder='Theme' />
           </SelectTrigger>
@@ -68,7 +72,7 @@ export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
               to={item.href}
               className={cn(
                 buttonVariants({ variant: 'ghost' }),
-                pathname === item.href
+                activePath === item.href
                   ? 'bg-muted hover:bg-accent'
                   : 'hover:bg-accent hover:underline',
                 'justify-start',