@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/data/query-browser/QueryBrowser.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowser.js","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"sourcesContent":["import { history, historyKeymap } from \"@codemirror/commands\";\nimport { autocompletion } from \"@codemirror/autocomplete\";\nimport { json } from \"@codemirror/lang-json\";\nimport { sql } from \"@codemirror/lang-sql\";\nimport { Compartment, EditorState, type Extension } from \"@codemirror/state\";\nimport { EditorView, keymap } from \"@codemirror/view\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"../../components/button\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../components/json-schema-form-types\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { Icon } from \"../Icon\";\nimport { UiPlay } from \"../../icons\";\nimport { DataTable } from \"../DataTable\";\nimport { inferColumns } from \"../data-table-utils\";\nimport { ErrorDetails } from \"../diagnostics/ErrorDetails\";\nimport { Properties } from \"../Properties\";\nimport {\n  dialectFor,\n  openSearchJSONCompletionSource,\n  sqlCompletionNamespace,\n  type QueryBrowserCompletion,\n} from \"./QueryBrowser.completion\";\n\nexport type QueryBrowserColumn = {\n  name: string;\n  databaseType?: string;\n};\n\nexport type QueryBrowserResult = {\n  rows?: Record<string, unknown>[];\n  columns?: QueryBrowserColumn[];\n  affectedRows?: number;\n  durationMs?: number;\n  message?: string;\n  truncated?: boolean;\n  metadata?: Record<string, unknown>;\n};\n\nexport type QueryBrowserRequest = {\n  query: string;\n  options: Record<string, unknown>;\n};\n\nexport type QueryBrowserResultContext = {\n  result: QueryBrowserResult;\n  defaultView: ReactNode;\n};\n\nexport type QueryBrowserProps = {\n  id: string;\n  title?: string;\n  language?: \"sql\" | \"json\" | \"text\";\n  initialQuery?: string;\n  queryLabel?: string;\n  optionsSchema?: JsonSchemaObject;\n  initialOptions?: Record<string, unknown>;\n  completion?: QueryBrowserCompletion;\n  onQueryChange?: (query: string) => void;\n  onOptionsChange?: (options: Record<string, unknown>) => void;\n  navigator?: ReactNode;\n  execute: (request: QueryBrowserRequest) => Promise<QueryBrowserResult>;\n  renderResults?: (context: QueryBrowserResultContext) => ReactNode;\n  className?: string;\n};\n\ntype HistoryEntry = { query: string; at: number };\n\nconst MAX_HISTORY = 50;\n\nfunction historyKey(id: string) {\n  return `clicky-ui:query-browser:${id}:history`;\n}\n\nfunction readHistory(id: string): HistoryEntry[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const value = JSON.parse(\n      window.localStorage.getItem(historyKey(id)) ?? \"[]\",\n    );\n    return Array.isArray(value) ? value.slice(0, MAX_HISTORY) : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction rememberQuery(id: string, query: string): HistoryEntry[] {\n  const entries = readHistory(id).filter((entry) => entry.query !== query);\n  const next = [{ query, at: Date.now() }, ...entries].slice(0, MAX_HISTORY);\n  if (typeof window !== \"undefined\") {\n    window.localStorage.setItem(historyKey(id), JSON.stringify(next));\n  }\n  return next;\n}\n\nfunction editorExtensions(\n  execute: () => void,\n  onQueryChange: (query: string) => void,\n  languageExtension: Extension,\n) {\n  return [\n    history(),\n    keymap.of([\n      {\n        key: \"Mod-Enter\",\n        run: () => {\n          execute();\n          return true;\n        },\n      },\n      ...historyKeymap,\n    ]),\n    EditorView.lineWrapping,\n    EditorView.updateListener.of((update) => {\n      if (update.docChanged) onQueryChange(update.state.doc.toString());\n    }),\n    EditorView.theme({\n      \"&\": { height: \"100%\", fontSize: \"13px\", background: \"transparent\" },\n      \".cm-scroller\": {\n        fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n      },\n      \".cm-content\": { padding: \"12px 0\" },\n      \".cm-gutters\": { background: \"transparent\", border: \"none\" },\n      \"&.cm-focused\": { outline: \"none\" },\n    }),\n    languageExtension,\n  ];\n}\n\nfunction languageExtension(\n  language: QueryBrowserProps[\"language\"],\n  completion?: QueryBrowserCompletion,\n): Extension {\n  if (language === \"sql\") {\n    if (completion?.kind !== \"sql\") return sql();\n    return sql({\n      dialect: dialectFor(completion.dialect),\n      schema: sqlCompletionNamespace(completion.schemas),\n      upperCaseKeywords: true,\n      ...(completion.defaultSchema\n        ? { defaultSchema: completion.defaultSchema }\n        : {}),\n    });\n  }\n  if (language === \"json\") {\n    if (completion?.kind !== \"json-fields\") return json();\n    return [\n      json(),\n      autocompletion({\n        override: [openSearchJSONCompletionSource(completion.fields)],\n      }),\n    ];\n  }\n  return [];\n}\n\nexport function QueryBrowser({\n  id,\n  title,\n  language = \"text\",\n  initialQuery = \"\",\n  queryLabel = \"Query\",\n  optionsSchema,\n  initialOptions,\n  completion,\n  onQueryChange,\n  onOptionsChange,\n  navigator,\n  execute,\n  renderResults,\n  className,\n}: QueryBrowserProps) {\n  const editorHost = useRef<HTMLDivElement | null>(null);\n  const editor = useRef<EditorView | null>(null);\n  const languageConfig = useRef(new Compartment());\n  const executeRef = useRef<() => void>(() => undefined);\n  const onQueryChangeRef = useRef(onQueryChange);\n  const [options, setOptions] = useState<Record<string, unknown>>(\n    initialOptions ?? {},\n  );\n  const [result, setResult] = useState<QueryBrowserResult | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [pending, setPending] = useState(false);\n  const [entries, setEntries] = useState<HistoryEntry[]>(() => readHistory(id));\n\n  const currentQuery = useCallback(() => {\n    const view = editor.current;\n    if (!view) return initialQuery;\n    const selection = view.state.selection.main;\n    if (!selection.empty)\n      return view.state.sliceDoc(selection.from, selection.to);\n    return view.state.doc.toString();\n  }, [initialQuery]);\n\n  const run = useCallback(async () => {\n    const query = currentQuery().trim();\n    if (!query || pending) return;\n    setPending(true);\n    setError(null);\n    setEntries(rememberQuery(id, query));\n    const started = performance.now();\n    try {\n      const next = await execute({ query, options });\n      setResult({\n        ...next,\n        durationMs: next.durationMs ?? performance.now() - started,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setPending(false);\n    }\n  }, [currentQuery, execute, id, options, pending]);\n\n  executeRef.current = () => void run();\n  onQueryChangeRef.current = onQueryChange;\n\n  useEffect(() => {\n    if (!editorHost.current) return;\n    const view = new EditorView({\n      parent: editorHost.current,\n      state: EditorState.create({\n        doc: initialQuery,\n        extensions: editorExtensions(\n          () => executeRef.current(),\n          (query) => onQueryChangeRef.current?.(query),\n          languageConfig.current.of(languageExtension(language, completion)),\n        ),\n      }),\n    });\n    editor.current = view;\n    return () => {\n      editor.current = null;\n      view.destroy();\n    };\n  }, [id, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view) return;\n    view.dispatch({\n      effects: languageConfig.current.reconfigure(\n        languageExtension(language, completion),\n      ),\n    });\n  }, [completion, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view || view.state.doc.toString() === initialQuery) return;\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: initialQuery },\n    });\n  }, [initialQuery]);\n\n  useEffect(() => {\n    setOptions(initialOptions ?? {});\n  }, [initialOptions]);\n\n  const updateOptions = useCallback(\n    (next: Record<string, unknown>) => {\n      setOptions(next);\n      onOptionsChange?.(next);\n    },\n    [onOptionsChange],\n  );\n\n  useEffect(() => {\n    setEntries(readHistory(id));\n    setResult(null);\n    setError(null);\n  }, [id]);\n\n  const rows = result?.rows ?? [];\n  const columns = useMemo(\n    () => inferColumns(rows, { literalKeys: true }),\n    [rows],\n  );\n  const defaultResults = result ? (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n        <span>\n          {rows.length.toLocaleString()} rows{result.truncated ? \"+\" : \"\"}\n        </span>\n        {result.affectedRows !== undefined && (\n          <span>{result.affectedRows.toLocaleString()} affected</span>\n        )}\n        {result.durationMs !== undefined && (\n          <span>{Math.round(result.durationMs)} ms</span>\n        )}\n        {result.message && <span>{result.message}</span>}\n      </div>\n      {rows.length > 0 ? (\n        <DataTable\n          data={rows}\n          columns={columns}\n          autoFilter={false}\n          showGlobalFilter\n          showFullscreenControl\n          fullscreenTitle={title ?? queryLabel}\n          detailStyle=\"dialog\"\n          detailDialogTitle=\"Row details\"\n          renderExpandedRow={(row) => (\n            <Properties\n              items={Object.entries(row).map(([key, value]) => ({\n                key,\n                value,\n              }))}\n              renderLabel={(key) => key}\n              density=\"compact\"\n            />\n          )}\n          className=\"min-h-0 flex-1\"\n        />\n      ) : (\n        <div className=\"rounded-md border border-dashed p-6 text-sm text-muted-foreground\">\n          {result.message ?? \"Statement completed with no rows.\"}\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className=\"grid min-h-40 place-items-center text-sm text-muted-foreground\">\n      Run a query to see results.\n    </div>\n  );\n\n  const workspace = (\n    <div className=\"flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card\">\n      <div className=\"flex flex-wrap items-center gap-2 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          {title && <h2 className=\"truncate text-sm font-semibold\">{title}</h2>}\n          <p className=\"text-xs text-muted-foreground\">{queryLabel}</p>\n        </div>\n        {entries.length > 0 && (\n          <select\n            aria-label=\"Query history\"\n            defaultValue=\"\"\n            onChange={(event) => {\n              const query = event.target.value;\n              const view = editor.current;\n              if (!view || !query) return;\n              view.dispatch({\n                changes: { from: 0, to: view.state.doc.length, insert: query },\n              });\n              event.target.value = \"\";\n            }}\n            className=\"h-8 max-w-52 rounded-md border bg-background px-2 text-xs\"\n          >\n            <option value=\"\">History</option>\n            {entries.map((entry) => (\n              <option key={`${entry.at}:${entry.query}`} value={entry.query}>\n                {entry.query.replace(/\\s+/g, \" \").slice(0, 80)}\n              </option>\n            ))}\n          </select>\n        )}\n        <Button\n          size=\"sm\"\n          onClick={() => void run()}\n          loading={pending}\n          loadingLabel={pending ? \"Running\" : undefined}\n        >\n          <Icon icon={UiPlay} className=\"size-4\" />\n          Run\n        </Button>\n      </div>\n      {optionsSchema &&\n        Object.keys(optionsSchema.properties ?? {}).length > 0 && (\n          <div className=\"border-b px-3 py-2\">\n            <JsonSchemaForm\n              schema={optionsSchema}\n              value={options}\n              onChange={updateOptions}\n              size=\"sm\"\n              inline\n              showPreferencesMenu={false}\n              persistPreferences={false}\n            />\n          </div>\n        )}\n      <div ref={editorHost} className=\"h-[34%] min-h-44 border-b\" />\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-auto p-3\">\n        {error ? (\n          <ErrorDetails\n            diagnostics={{\n              message: error,\n              context: [\n                [\"Query\", currentQuery()],\n                [\"Language\", language],\n              ],\n            }}\n          />\n        ) : result && renderResults ? (\n          renderResults({ result, defaultView: defaultResults })\n        ) : (\n          defaultResults\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"h-[calc(100vh-15rem)] min-h-[32rem]\", className)}>\n      {navigator ? (\n        <SplitPane defaultSplit={28} left={navigator} right={workspace} />\n      ) : (\n        workspace\n      )}\n    </div>\n  );\n}\n"],"names":["languageExtension"],"mappings":"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"}
+{"version":3,"file":"QueryBrowser.js","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"sourcesContent":["import { history, historyKeymap } from \"@codemirror/commands\";\nimport { autocompletion } from \"@codemirror/autocomplete\";\nimport { json } from \"@codemirror/lang-json\";\nimport { sql } from \"@codemirror/lang-sql\";\nimport { Compartment, EditorState, type Extension } from \"@codemirror/state\";\nimport { EditorView, keymap } from \"@codemirror/view\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"../../components/button\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport type { JsonSchemaObject } from \"../../components/json-schema-form-types\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { Icon } from \"../Icon\";\nimport { UiPlay } from \"../../icons\";\nimport { DataTable } from \"../DataTable\";\nimport { inferColumns } from \"../data-table-utils\";\nimport type { DataTableFilterSelection } from \"../data-table-filter-values\";\nimport {\n  serverColumnsToDataTableColumns,\n  serverFiltersToFilterBar,\n  type DataTableFilterLookup,\n  type DataTableFilterLookupRequest,\n  type DataTableFilterLookupResult,\n  type DataTableServerColumn,\n} from \"../data-table-server-filters\";\nimport { ErrorDetails } from \"../diagnostics/ErrorDetails\";\nimport { Properties } from \"../Properties\";\nimport {\n  dialectFor,\n  openSearchJSONCompletionSource,\n  sqlCompletionNamespace,\n  type QueryBrowserCompletion,\n} from \"./QueryBrowser.completion\";\n\nexport type QueryBrowserResult = {\n  rows?: Record<string, unknown>[];\n  /**\n   * How the source describes the columns it returned, including which of them\n   * it can narrow on. Present columns replace the ones inferred from the rows,\n   * so a filterable result is described rather than guessed at.\n   */\n  columns?: DataTableServerColumn[];\n  affectedRows?: number;\n  durationMs?: number;\n  message?: string;\n  truncated?: boolean;\n  /** Where a truncated read stopped, so the bound can be named rather than\n   * merely hinted at with a trailing \"+\". */\n  limit?: number;\n  metadata?: Record<string, unknown>;\n};\n\nexport type QueryBrowserRequest = {\n  query: string;\n  options: Record<string, unknown>;\n  /** The filter pills the user picked, if the last result described any. */\n  filters?: DataTableFilterSelection;\n  /**\n   * The columns the last result described, echoed back so a filter binds to\n   * what the source offered rather than to whatever the narrowed result\n   * describes. Sources that have a catalog of their own ignore it.\n   */\n  columns?: DataTableServerColumn[];\n};\n\n/**\n * A filter value type-ahead, carrying the context the source needs to scope its\n * suggestions: the last *executed* query and the rest of the selection, so a\n * value list only offers values that would still return rows.\n */\nexport type QueryBrowserFilterLookupRequest = DataTableFilterLookupRequest & {\n  query: string;\n  options: Record<string, unknown>;\n  filters: DataTableFilterSelection;\n  columns?: DataTableServerColumn[];\n};\n\nexport type QueryBrowserFilterLookup = (\n  request: QueryBrowserFilterLookupRequest,\n) => Promise<DataTableFilterLookupResult>;\n\nexport type QueryBrowserResultContext = {\n  result: QueryBrowserResult;\n  defaultView: ReactNode;\n};\n\nexport type QueryBrowserProps = {\n  id: string;\n  title?: string;\n  language?: \"sql\" | \"json\" | \"text\";\n  initialQuery?: string;\n  queryLabel?: string;\n  optionsSchema?: JsonSchemaObject;\n  initialOptions?: Record<string, unknown>;\n  completion?: QueryBrowserCompletion;\n  onQueryChange?: (query: string) => void;\n  onOptionsChange?: (options: Record<string, unknown>) => void;\n  navigator?: ReactNode;\n  execute: (request: QueryBrowserRequest) => Promise<QueryBrowserResult>;\n  /**\n   * Answers a filter's value type-ahead. Absent leaves every described filter\n   * showing only the options the result carried.\n   */\n  lookupFilterValues?: QueryBrowserFilterLookup;\n  renderResults?: (context: QueryBrowserResultContext) => ReactNode;\n  className?: string;\n};\n\ntype HistoryEntry = { query: string; at: number };\n\nconst MAX_HISTORY = 50;\n\nfunction historyKey(id: string) {\n  return `clicky-ui:query-browser:${id}:history`;\n}\n\nfunction readHistory(id: string): HistoryEntry[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const value = JSON.parse(\n      window.localStorage.getItem(historyKey(id)) ?? \"[]\",\n    );\n    return Array.isArray(value) ? value.slice(0, MAX_HISTORY) : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction rememberQuery(id: string, query: string): HistoryEntry[] {\n  const entries = readHistory(id).filter((entry) => entry.query !== query);\n  const next = [{ query, at: Date.now() }, ...entries].slice(0, MAX_HISTORY);\n  if (typeof window !== \"undefined\") {\n    window.localStorage.setItem(historyKey(id), JSON.stringify(next));\n  }\n  return next;\n}\n\nfunction editorExtensions(\n  execute: () => void,\n  onQueryChange: (query: string) => void,\n  languageExtension: Extension,\n) {\n  return [\n    history(),\n    keymap.of([\n      {\n        key: \"Mod-Enter\",\n        run: () => {\n          execute();\n          return true;\n        },\n      },\n      ...historyKeymap,\n    ]),\n    EditorView.lineWrapping,\n    EditorView.updateListener.of((update) => {\n      if (update.docChanged) onQueryChange(update.state.doc.toString());\n    }),\n    EditorView.theme({\n      \"&\": { height: \"100%\", fontSize: \"13px\", background: \"transparent\" },\n      \".cm-scroller\": {\n        fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n      },\n      \".cm-content\": { padding: \"12px 0\" },\n      \".cm-gutters\": { background: \"transparent\", border: \"none\" },\n      \"&.cm-focused\": { outline: \"none\" },\n    }),\n    languageExtension,\n  ];\n}\n\nfunction languageExtension(\n  language: QueryBrowserProps[\"language\"],\n  completion?: QueryBrowserCompletion,\n): Extension {\n  if (language === \"sql\") {\n    if (completion?.kind !== \"sql\") return sql();\n    return sql({\n      dialect: dialectFor(completion.dialect),\n      schema: sqlCompletionNamespace(completion.schemas),\n      upperCaseKeywords: true,\n      ...(completion.defaultSchema\n        ? { defaultSchema: completion.defaultSchema }\n        : {}),\n    });\n  }\n  if (language === \"json\") {\n    if (completion?.kind !== \"json-fields\") return json();\n    return [\n      json(),\n      autocompletion({\n        override: [openSearchJSONCompletionSource(completion.fields)],\n      }),\n    ];\n  }\n  return [];\n}\n\nexport function QueryBrowser({\n  id,\n  title,\n  language = \"text\",\n  initialQuery = \"\",\n  queryLabel = \"Query\",\n  optionsSchema,\n  initialOptions,\n  completion,\n  onQueryChange,\n  onOptionsChange,\n  navigator,\n  execute,\n  lookupFilterValues,\n  renderResults,\n  className,\n}: QueryBrowserProps) {\n  const editorHost = useRef<HTMLDivElement | null>(null);\n  const editor = useRef<EditorView | null>(null);\n  const languageConfig = useRef(new Compartment());\n  const executeRef = useRef<() => void>(() => undefined);\n  const onQueryChangeRef = useRef(onQueryChange);\n  const [options, setOptions] = useState<Record<string, unknown>>(\n    initialOptions ?? {},\n  );\n  const [result, setResult] = useState<QueryBrowserResult | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [pending, setPending] = useState(false);\n  const [entries, setEntries] = useState<HistoryEntry[]>(() => readHistory(id));\n  const [filters, setFilters] = useState<DataTableFilterSelection>({});\n  // What the displayed result came from. A filter re-runs *this*, never the\n  // editor's current text — otherwise changing a pill would execute a\n  // half-typed edit nobody asked to run.\n  const lastRun = useRef<{\n    query: string;\n    options: Record<string, unknown>;\n    columns?: DataTableServerColumn[];\n  } | null>(null);\n  const executedFilters = useRef<DataTableFilterSelection>({});\n\n  // Every run goes through here so the record a filter re-runs from is refreshed\n  // in one place: the query, its options, and the columns the source described,\n  // which are what a subsequent selection binds to.\n  const runRequest = useCallback(\n    async (request: QueryBrowserRequest) => {\n      setPending(true);\n      setError(null);\n      const started = performance.now();\n      try {\n        const next = await execute(request);\n        setResult({\n          ...next,\n          durationMs: next.durationMs ?? performance.now() - started,\n        });\n        lastRun.current = {\n          query: request.query,\n          options: request.options,\n          ...(next.columns ? { columns: next.columns } : {}),\n        };\n      } catch (err) {\n        setError(err instanceof Error ? err.message : String(err));\n      } finally {\n        setPending(false);\n      }\n    },\n    [execute],\n  );\n\n  const currentQuery = useCallback(() => {\n    const view = editor.current;\n    if (!view) return initialQuery;\n    const selection = view.state.selection.main;\n    if (!selection.empty)\n      return view.state.sliceDoc(selection.from, selection.to);\n    return view.state.doc.toString();\n  }, [initialQuery]);\n\n  const run = useCallback(async () => {\n    const query = currentQuery().trim();\n    if (!query || pending) return;\n    setEntries(rememberQuery(id, query));\n    // A different statement is a different result set, so neither its filters\n    // nor the columns they bind to survive: both name columns the new query may\n    // not return.\n    const repeat = lastRun.current?.query === query ? lastRun.current : null;\n    const carried = repeat ? filters : {};\n    if (carried !== filters) setFilters(carried);\n    lastRun.current = { query, options };\n    executedFilters.current = carried;\n    await runRequest({\n      query,\n      options,\n      ...(Object.keys(carried).length > 0 ? { filters: carried } : {}),\n      ...(repeat?.columns ? { columns: repeat.columns } : {}),\n    });\n  }, [currentQuery, filters, id, options, pending, runRequest]);\n\n  // A filter pill is not a draft the way query text is: it commits a discrete\n  // value on selection, and the bar already debounces its free-text fields. So\n  // a change re-runs the last executed query immediately rather than waiting\n  // for Run, which is also how the profile catalog behaves.\n  const rerunWithFilters = useCallback(\n    async (selection: DataTableFilterSelection) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\"QueryBrowser: a filter changed before any query had run\");\n      }\n      await runRequest({ ...previous, filters: selection });\n    },\n    [runRequest],\n  );\n\n  useEffect(() => {\n    if (!lastRun.current) return;\n    if (filters === executedFilters.current) return;\n    executedFilters.current = filters;\n    void rerunWithFilters(filters);\n  }, [filters, rerunWithFilters]);\n\n  executeRef.current = () => void run();\n  onQueryChangeRef.current = onQueryChange;\n\n  useEffect(() => {\n    if (!editorHost.current) return;\n    const view = new EditorView({\n      parent: editorHost.current,\n      state: EditorState.create({\n        doc: initialQuery,\n        extensions: editorExtensions(\n          () => executeRef.current(),\n          (query) => onQueryChangeRef.current?.(query),\n          languageConfig.current.of(languageExtension(language, completion)),\n        ),\n      }),\n    });\n    editor.current = view;\n    return () => {\n      editor.current = null;\n      view.destroy();\n    };\n  }, [id, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view) return;\n    view.dispatch({\n      effects: languageConfig.current.reconfigure(\n        languageExtension(language, completion),\n      ),\n    });\n  }, [completion, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view || view.state.doc.toString() === initialQuery) return;\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: initialQuery },\n    });\n  }, [initialQuery]);\n\n  useEffect(() => {\n    setOptions(initialOptions ?? {});\n  }, [initialOptions]);\n\n  const updateOptions = useCallback(\n    (next: Record<string, unknown>) => {\n      setOptions(next);\n      onOptionsChange?.(next);\n    },\n    [onOptionsChange],\n  );\n\n  useEffect(() => {\n    setEntries(readHistory(id));\n    setResult(null);\n    setError(null);\n    setFilters({});\n    lastRun.current = null;\n    executedFilters.current = {};\n  }, [id]);\n\n  const rows = result?.rows ?? [];\n  const described = result?.columns ?? [];\n  const columns = useMemo(\n    () =>\n      described.length > 0\n        ? serverColumnsToDataTableColumns<Record<string, unknown>>(described)\n        : inferColumns(rows, { literalKeys: true }),\n    [described, rows],\n  );\n  const lookupValues = useMemo<DataTableFilterLookup | undefined>(() => {\n    if (!lookupFilterValues) return undefined;\n    return (request) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\"QueryBrowser: a filter lookup ran before any query had\");\n      }\n      return lookupFilterValues({ ...request, ...previous, filters });\n    };\n  }, [filters, lookupFilterValues]);\n  const filterConfig = useMemo(\n    () =>\n      serverFiltersToFilterBar(\n        described,\n        filters,\n        setFilters,\n        lookupValues ? { lookupValues } : {},\n      ),\n    [described, filters, lookupValues],\n  );\n  const serverFiltered =\n    filterConfig.filters.length > 0 || filterConfig.timeRange !== undefined;\n  const defaultResults = result ? (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n        <span>\n          {rows.length.toLocaleString()} rows{result.truncated ? \"+\" : \"\"}\n        </span>\n        {/* A \"+\" says there is more without saying the console stopped, which\n            reads as a small table rather than a bounded read. Naming the bound\n            is what makes the difference visible. */}\n        {result.truncated && (\n          <span className=\"text-amber-600 [[data-theme=dark]_&]:text-amber-400\">\n            stopped at the console's {(result.limit ?? rows.length).toLocaleString()}-row bound;\n            narrow the query to see the rest\n          </span>\n        )}\n        {result.affectedRows !== undefined && (\n          <span>{result.affectedRows.toLocaleString()} affected</span>\n        )}\n        {result.durationMs !== undefined && (\n          <span>{Math.round(result.durationMs)} ms</span>\n        )}\n        {result.message && <span>{result.message}</span>}\n      </div>\n      {/* A described result keeps its table at zero rows: a filter that\n          excluded everything must not unmount the bar that would undo it. */}\n      {rows.length > 0 || described.length > 0 ? (\n        <DataTable\n          data={rows}\n          columns={columns}\n          loading={pending}\n          autoFilter={false}\n          {...(serverFiltered\n            ? {\n                manualFilter: true,\n                externalFilters: filterConfig.filters,\n                ...(filterConfig.timeRange ? { externalTimeRange: filterConfig.timeRange } : {}),\n              }\n            : { showGlobalFilter: true })}\n          showFullscreenControl\n          fullscreenTitle={title ?? queryLabel}\n          detailStyle=\"dialog\"\n          detailDialogTitle=\"Row details\"\n          renderExpandedRow={(row) => (\n            <Properties\n              items={Object.entries(row).map(([key, value]) => ({\n                key,\n                value,\n              }))}\n              renderLabel={(key) => key}\n              density=\"compact\"\n            />\n          )}\n          className=\"min-h-0 flex-1\"\n        />\n      ) : (\n        <div className=\"rounded-md border border-dashed p-6 text-sm text-muted-foreground\">\n          {result.message ?? \"Statement completed with no rows.\"}\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className=\"grid min-h-40 place-items-center text-sm text-muted-foreground\">\n      Run a query to see results.\n    </div>\n  );\n\n  const workspace = (\n    <div className=\"flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card\">\n      <div className=\"flex flex-wrap items-center gap-2 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          {title && <h2 className=\"truncate text-sm font-semibold\">{title}</h2>}\n          <p className=\"text-xs text-muted-foreground\">{queryLabel}</p>\n        </div>\n        {entries.length > 0 && (\n          <select\n            aria-label=\"Query history\"\n            defaultValue=\"\"\n            onChange={(event) => {\n              const query = event.target.value;\n              const view = editor.current;\n              if (!view || !query) return;\n              view.dispatch({\n                changes: { from: 0, to: view.state.doc.length, insert: query },\n              });\n              event.target.value = \"\";\n            }}\n            className=\"h-8 max-w-52 rounded-md border bg-background px-2 text-xs\"\n          >\n            <option value=\"\">History</option>\n            {entries.map((entry) => (\n              <option key={`${entry.at}:${entry.query}`} value={entry.query}>\n                {entry.query.replace(/\\s+/g, \" \").slice(0, 80)}\n              </option>\n            ))}\n          </select>\n        )}\n        <Button\n          size=\"sm\"\n          onClick={() => void run()}\n          loading={pending}\n          loadingLabel={pending ? \"Running\" : undefined}\n        >\n          <Icon icon={UiPlay} className=\"size-4\" />\n          Run\n        </Button>\n      </div>\n      {optionsSchema &&\n        Object.keys(optionsSchema.properties ?? {}).length > 0 && (\n          <div className=\"border-b px-3 py-2\">\n            <JsonSchemaForm\n              schema={optionsSchema}\n              value={options}\n              onChange={updateOptions}\n              size=\"sm\"\n              inline\n              showPreferencesMenu={false}\n              persistPreferences={false}\n            />\n          </div>\n        )}\n      <div ref={editorHost} className=\"h-[34%] min-h-44 border-b\" />\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-auto p-3\">\n        {error ? (\n          <ErrorDetails\n            diagnostics={{\n              message: error,\n              context: [\n                [\"Query\", currentQuery()],\n                [\"Language\", language],\n              ],\n            }}\n          />\n        ) : result && renderResults ? (\n          renderResults({ result, defaultView: defaultResults })\n        ) : (\n          defaultResults\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"h-[calc(100vh-15rem)] min-h-[32rem]\", className)}>\n      {navigator ? (\n        <SplitPane defaultSplit={28} left={navigator} right={workspace} />\n      ) : (\n        workspace\n      )}\n    </div>\n  );\n}\n"],"names":["languageExtension"],"mappings":"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"}

package/dist/data/query-browser/index.d.ts

@@ -1,3 +1,3 @@
-export { QueryBrowser, type QueryBrowserColumn, type QueryBrowserProps, type QueryBrowserRequest, type QueryBrowserResult, type QueryBrowserResultContext, } from './QueryBrowser';
+export { QueryBrowser, type QueryBrowserFilterLookup, type QueryBrowserFilterLookupRequest, type QueryBrowserProps, type QueryBrowserRequest, type QueryBrowserResult, type QueryBrowserResultContext, } from './QueryBrowser';
 export { type QueryBrowserCompletion, type QueryBrowserCompletionField, type QueryBrowserCompletionRelation, type QueryBrowserCompletionSchema, } from './QueryBrowser.completion';
 //# sourceMappingURL=index.d.ts.map

package/dist/data/query-browser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,wBAAwB,EAC7B,KAAK,+BAA+B,EACpC,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,2BAA2B,EAChC,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC"}

package/dist/data/runtime/ProviderStatusPanel.cjs

@@ -0,0 +1,187 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../lib/utils.cjs");
+const Icon = require("../Icon.cjs");
+const providerIcons = require("../chat/provider-icons.cjs");
+const providerStatus = require("./provider-status.cjs");
+const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
+const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+function ProviderStatusPanel({
+  models,
+  families,
+  defaultCollapsed = false,
+  className
+}) {
+  var _a;
+  const groups = providerStatus.providerStatusGroups(models, families);
+  const issueCount = groups.reduce(
+    (total, group) => total + group.issues.length,
+    0
+  );
+  const firstIssueProvider = ((_a = groups.find((group) => group.issues.length > 0)) == null ? void 0 : _a.id) ?? null;
+  const inventoryId = react.useId();
+  const [collapsed, setCollapsed] = react.useState(defaultCollapsed);
+  const [expandedProvider, setExpandedProvider] = react.useState(
+    firstIssueProvider
+  );
+  const summary = issueCount === 0 ? "all providers ready" : issueLabel(issueCount);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "aria-label": "Provider status",
+      className: utils.cn(
+        "overflow-hidden rounded-md border border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Provider status, ${summary}`,
+            "aria-expanded": !collapsed,
+            "aria-controls": inventoryId,
+            onClick: () => {
+              const expandedGroup = groups.find(
+                (group) => group.id === expandedProvider
+              );
+              if (collapsed && (!expandedGroup || expandedGroup.issues.length === 0)) {
+                setExpandedProvider(firstIssueProvider);
+              }
+              setCollapsed((current) => !current);
+            },
+            className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-density-2 bg-background px-density-3 py-density-2 text-left hover:bg-muted/60",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-semibold text-foreground", children: "Provider status" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: "Availability by provider, model, and mode" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-density-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { readiness: issueCount === 0 ? "ready" : "attention", children: issueCount === 0 ? "Ready" : issueLabel(issueCount) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon.Icon,
+                  {
+                    icon: collapsed ? UiChevronRight.UiChevronRight : UiChevronDown.UiChevronDown,
+                    className: "size-3.5 text-muted-foreground"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            id: inventoryId,
+            className: "divide-y divide-border border-t border-border",
+            children: groups.map((group) => /* @__PURE__ */ jsxRuntime.jsx(
+              ProviderRow,
+              {
+                group,
+                expanded: expandedProvider === group.id,
+                onToggle: () => setExpandedProvider(
+                  (current) => current === group.id ? null : group.id
+                )
+              },
+              group.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function ProviderRow({
+  group,
+  expanded,
+  onToggle
+}) {
+  const detailsId = react.useId();
+  const ProviderIcon = providerIcons.providerIcon(group.iconProvider) ?? providerIcons.providerIcon(group.id);
+  const iconColor = providerIcons.providerIconColor(group.iconProvider) ?? providerIcons.providerIconColor(group.id);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${group.label}, ${readinessLabel(group.readiness)}`,
+        "aria-expanded": expanded,
+        "aria-controls": detailsId,
+        onClick: onToggle,
+        className: "grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 px-density-3 py-density-2 text-left hover:bg-muted/50",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              icon: expanded ? UiChevronDown.UiChevronDown : UiChevronRight.UiChevronRight,
+              className: "size-3 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-density-2", children: [
+            ProviderIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex size-6 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: ProviderIcon, className: utils.cn("size-3.5", iconColor) }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-xs font-semibold text-foreground", children: group.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: providerSummary(group) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { readiness: group.readiness, children: readinessLabel(group.readiness) })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        id: detailsId,
+        role: "region",
+        "aria-label": `${group.label} provider details`,
+        className: "space-y-density-2 border-t border-border bg-muted/20 px-density-4 py-density-3",
+        children: group.issues.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "All configured models and modes are available." }) : group.issues.map((issue) => /* @__PURE__ */ jsxRuntime.jsx(ProviderIssue, { issue }, issue.id))
+      }
+    )
+  ] });
+}
+function ProviderIssue({ issue }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1 rounded-md border border-border bg-background px-density-3 py-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-foreground", children: issue.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase text-muted-foreground", children: providerStatus.availabilityStateLabel(issue.availability.state) })
+    ] }),
+    issue.availability.reason && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-foreground", children: issue.availability.reason }),
+    issue.availability.remediation && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground", children: issue.availability.remediation })
+  ] });
+}
+function StatusBadge({
+  readiness,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn(
+        "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold capitalize",
+        readiness === "ready" && "bg-emerald-500/10 text-emerald-700",
+        readiness === "attention" && "bg-amber-500/10 text-amber-700",
+        readiness === "disabled" && "bg-muted text-muted-foreground",
+        readiness === "unavailable" && "bg-destructive/10 text-destructive"
+      ),
+      children
+    }
+  );
+}
+function readinessLabel(readiness) {
+  if (readiness === "attention") return "needs attention";
+  return readiness;
+}
+function providerSummary(group) {
+  const modes = `${group.availableModes} of ${group.totalModes} modes available`;
+  const unavailableModels = group.totalModels - group.availableModels;
+  if (unavailableModels === 0) return modes;
+  return `${modes} · ${unavailableModels} unavailable ${unavailableModels === 1 ? "model" : "models"}`;
+}
+function issueLabel(count) {
+  return `${count} ${count === 1 ? "issue" : "issues"}`;
+}
+exports.ProviderStatusPanel = ProviderStatusPanel;
+//# sourceMappingURL=ProviderStatusPanel.cjs.map

package/dist/data/runtime/ProviderStatusPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderStatusPanel.cjs","sources":["../../../src/data/runtime/ProviderStatusPanel.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport {\n  availabilityStateLabel,\n  providerStatusGroups,\n  type ProviderReadiness,\n  type ProviderStatusGroup,\n  type ProviderStatusIssue,\n} from \"./provider-status\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport type ProviderStatusPanelProps = {\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  defaultCollapsed?: boolean | undefined;\n  className?: string | undefined;\n};\n\nexport function ProviderStatusPanel({\n  models,\n  families,\n  defaultCollapsed = false,\n  className,\n}: ProviderStatusPanelProps) {\n  const groups = providerStatusGroups(models, families);\n  const issueCount = groups.reduce(\n    (total, group) => total + group.issues.length,\n    0\n  );\n  const firstIssueProvider =\n    groups.find((group) => group.issues.length > 0)?.id ?? null;\n  const inventoryId = useId();\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const [expandedProvider, setExpandedProvider] = useState<string | null>(\n    firstIssueProvider\n  );\n  const summary =\n    issueCount === 0 ? \"all providers ready\" : issueLabel(issueCount);\n\n  return (\n    <section\n      aria-label=\"Provider status\"\n      className={cn(\n        \"overflow-hidden rounded-md border border-border\",\n        className\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={`Provider status, ${summary}`}\n        aria-expanded={!collapsed}\n        aria-controls={inventoryId}\n        onClick={() => {\n          const expandedGroup = groups.find(\n            (group) => group.id === expandedProvider\n          );\n          if (\n            collapsed &&\n            (!expandedGroup || expandedGroup.issues.length === 0)\n          ) {\n            setExpandedProvider(firstIssueProvider);\n          }\n          setCollapsed((current) => !current);\n        }}\n        className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-density-2 bg-background px-density-3 py-density-2 text-left hover:bg-muted/60\"\n      >\n        <span className=\"min-w-0\">\n          <span className=\"block text-xs font-semibold text-foreground\">\n            Provider status\n          </span>\n          <span className=\"block truncate text-[11px] text-muted-foreground\">\n            Availability by provider, model, and mode\n          </span>\n        </span>\n        <span className=\"inline-flex items-center gap-density-2\">\n          <StatusBadge readiness={issueCount === 0 ? \"ready\" : \"attention\"}>\n            {issueCount === 0 ? \"Ready\" : issueLabel(issueCount)}\n          </StatusBadge>\n          <Icon\n            icon={collapsed ? UiChevronRight : UiChevronDown}\n            className=\"size-3.5 text-muted-foreground\"\n          />\n        </span>\n      </button>\n      {!collapsed && (\n        <div\n          id={inventoryId}\n          className=\"divide-y divide-border border-t border-border\"\n        >\n          {groups.map((group) => (\n            <ProviderRow\n              key={group.id}\n              group={group}\n              expanded={expandedProvider === group.id}\n              onToggle={() =>\n                setExpandedProvider((current) =>\n                  current === group.id ? null : group.id\n                )\n              }\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction ProviderRow({\n  group,\n  expanded,\n  onToggle,\n}: {\n  group: ProviderStatusGroup;\n  expanded: boolean;\n  onToggle: () => void;\n}) {\n  const detailsId = useId();\n  const ProviderIcon =\n    providerIcon(group.iconProvider) ?? providerIcon(group.id);\n  const iconColor =\n    providerIconColor(group.iconProvider) ?? providerIconColor(group.id);\n  return (\n    <div>\n      <button\n        type=\"button\"\n        aria-label={`${group.label}, ${readinessLabel(group.readiness)}`}\n        aria-expanded={expanded}\n        aria-controls={detailsId}\n        onClick={onToggle}\n        className=\"grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 px-density-3 py-density-2 text-left hover:bg-muted/50\"\n      >\n        <Icon\n          icon={expanded ? UiChevronDown : UiChevronRight}\n          className=\"size-3 text-muted-foreground\"\n        />\n        <span className=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-density-2\">\n          {ProviderIcon && (\n            <span className=\"inline-flex size-6 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60\">\n              <Icon icon={ProviderIcon} className={cn(\"size-3.5\", iconColor)} />\n            </span>\n          )}\n          <span className=\"min-w-0\">\n            <span className=\"block truncate text-xs font-semibold text-foreground\">\n              {group.label}\n            </span>\n            <span className=\"block truncate text-[11px] text-muted-foreground\">\n              {providerSummary(group)}\n            </span>\n          </span>\n        </span>\n        <StatusBadge readiness={group.readiness}>\n          {readinessLabel(group.readiness)}\n        </StatusBadge>\n      </button>\n      {expanded && (\n        <div\n          id={detailsId}\n          role=\"region\"\n          aria-label={`${group.label} provider details`}\n          className=\"space-y-density-2 border-t border-border bg-muted/20 px-density-4 py-density-3\"\n        >\n          {group.issues.length === 0 ? (\n            <p className=\"text-xs text-muted-foreground\">\n              All configured models and modes are available.\n            </p>\n          ) : (\n            group.issues.map((issue) => (\n              <ProviderIssue key={issue.id} issue={issue} />\n            ))\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProviderIssue({ issue }: { issue: ProviderStatusIssue }) {\n  return (\n    <div className=\"grid gap-1 rounded-md border border-border bg-background px-density-3 py-density-2\">\n      <div className=\"flex items-start justify-between gap-density-2\">\n        <span className=\"text-xs font-medium text-foreground\">\n          {issue.label}\n        </span>\n        <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase text-muted-foreground\">\n          {availabilityStateLabel(issue.availability.state)}\n        </span>\n      </div>\n      {issue.availability.reason && (\n        <p className=\"text-xs text-foreground\">{issue.availability.reason}</p>\n      )}\n      {issue.availability.remediation && (\n        <p className=\"text-[11px] text-muted-foreground\">\n          {issue.availability.remediation}\n        </p>\n      )}\n    </div>\n  );\n}\n\nfunction StatusBadge({\n  readiness,\n  children,\n}: {\n  readiness: ProviderReadiness;\n  children: string;\n}) {\n  return (\n    <span\n      className={cn(\n        \"shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold capitalize\",\n        readiness === \"ready\" && \"bg-emerald-500/10 text-emerald-700\",\n        readiness === \"attention\" && \"bg-amber-500/10 text-amber-700\",\n        readiness === \"disabled\" && \"bg-muted text-muted-foreground\",\n        readiness === \"unavailable\" && \"bg-destructive/10 text-destructive\"\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction readinessLabel(readiness: ProviderReadiness): string {\n  if (readiness === \"attention\") return \"needs attention\";\n  return readiness;\n}\n\nfunction providerSummary(group: ProviderStatusGroup): string {\n  const modes = `${group.availableModes} of ${group.totalModes} modes available`;\n  const unavailableModels = group.totalModels - group.availableModels;\n  if (unavailableModels === 0) return modes;\n  return `${modes} · ${unavailableModels} unavailable ${\n    unavailableModels === 1 ? \"model\" : \"models\"\n  }`;\n}\n\nfunction issueLabel(count: number): string {\n  return `${count} ${count === 1 ? \"issue\" : \"issues\"}`;\n}\n"],"names":["providerStatusGroups","useId","useState","jsxs","cn","jsx","Icon","UiChevronRight","UiChevronDown","providerIcon","providerIconColor"],"mappings":"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"}

package/dist/data/runtime/ProviderStatusPanel.d.ts

@@ -0,0 +1,10 @@
+import { ChatModel } from '../chat/types';
+import { SpecRuntimeFamily } from './runtime-mode';
+export type ProviderStatusPanelProps = {
+    models: ChatModel[];
+    families: SpecRuntimeFamily[];
+    defaultCollapsed?: boolean | undefined;
+    className?: string | undefined;
+};
+export declare function ProviderStatusPanel({ models, families, defaultCollapsed, className, }: ProviderStatusPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProviderStatusPanel.d.ts.map

package/dist/data/runtime/ProviderStatusPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/ProviderStatusPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,gBAAwB,EACxB,SAAS,GACV,EAAE,wBAAwB,2CAkF1B"}

package/dist/data/runtime/ProviderStatusPanel.js

@@ -0,0 +1,187 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { cn } from "../../lib/utils.js";
+import { Icon } from "../Icon.js";
+import { providerIcon, providerIconColor } from "../chat/provider-icons.js";
+import { providerStatusGroups, availabilityStateLabel } from "./provider-status.js";
+import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+function ProviderStatusPanel({
+  models,
+  families,
+  defaultCollapsed = false,
+  className
+}) {
+  var _a;
+  const groups = providerStatusGroups(models, families);
+  const issueCount = groups.reduce(
+    (total, group) => total + group.issues.length,
+    0
+  );
+  const firstIssueProvider = ((_a = groups.find((group) => group.issues.length > 0)) == null ? void 0 : _a.id) ?? null;
+  const inventoryId = useId();
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const [expandedProvider, setExpandedProvider] = useState(
+    firstIssueProvider
+  );
+  const summary = issueCount === 0 ? "all providers ready" : issueLabel(issueCount);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-label": "Provider status",
+      className: cn(
+        "overflow-hidden rounded-md border border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Provider status, ${summary}`,
+            "aria-expanded": !collapsed,
+            "aria-controls": inventoryId,
+            onClick: () => {
+              const expandedGroup = groups.find(
+                (group) => group.id === expandedProvider
+              );
+              if (collapsed && (!expandedGroup || expandedGroup.issues.length === 0)) {
+                setExpandedProvider(firstIssueProvider);
+              }
+              setCollapsed((current) => !current);
+            },
+            className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-density-2 bg-background px-density-3 py-density-2 text-left hover:bg-muted/60",
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "block text-xs font-semibold text-foreground", children: "Provider status" }),
+                /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: "Availability by provider, model, and mode" })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-density-2", children: [
+                /* @__PURE__ */ jsx(StatusBadge, { readiness: issueCount === 0 ? "ready" : "attention", children: issueCount === 0 ? "Ready" : issueLabel(issueCount) }),
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: collapsed ? UiChevronRight : UiChevronDown,
+                    className: "size-3.5 text-muted-foreground"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: inventoryId,
+            className: "divide-y divide-border border-t border-border",
+            children: groups.map((group) => /* @__PURE__ */ jsx(
+              ProviderRow,
+              {
+                group,
+                expanded: expandedProvider === group.id,
+                onToggle: () => setExpandedProvider(
+                  (current) => current === group.id ? null : group.id
+                )
+              },
+              group.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function ProviderRow({
+  group,
+  expanded,
+  onToggle
+}) {
+  const detailsId = useId();
+  const ProviderIcon = providerIcon(group.iconProvider) ?? providerIcon(group.id);
+  const iconColor = providerIconColor(group.iconProvider) ?? providerIconColor(group.id);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${group.label}, ${readinessLabel(group.readiness)}`,
+        "aria-expanded": expanded,
+        "aria-controls": detailsId,
+        onClick: onToggle,
+        className: "grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 px-density-3 py-density-2 text-left hover:bg-muted/50",
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: expanded ? UiChevronDown : UiChevronRight,
+              className: "size-3 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-density-2", children: [
+            ProviderIcon && /* @__PURE__ */ jsx("span", { className: "inline-flex size-6 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60", children: /* @__PURE__ */ jsx(Icon, { icon: ProviderIcon, className: cn("size-3.5", iconColor) }) }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-xs font-semibold text-foreground", children: group.label }),
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: providerSummary(group) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(StatusBadge, { readiness: group.readiness, children: readinessLabel(group.readiness) })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: detailsId,
+        role: "region",
+        "aria-label": `${group.label} provider details`,
+        className: "space-y-density-2 border-t border-border bg-muted/20 px-density-4 py-density-3",
+        children: group.issues.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "All configured models and modes are available." }) : group.issues.map((issue) => /* @__PURE__ */ jsx(ProviderIssue, { issue }, issue.id))
+      }
+    )
+  ] });
+}
+function ProviderIssue({ issue }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-1 rounded-md border border-border bg-background px-density-3 py-density-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-density-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: issue.label }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase text-muted-foreground", children: availabilityStateLabel(issue.availability.state) })
+    ] }),
+    issue.availability.reason && /* @__PURE__ */ jsx("p", { className: "text-xs text-foreground", children: issue.availability.reason }),
+    issue.availability.remediation && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: issue.availability.remediation })
+  ] });
+}
+function StatusBadge({
+  readiness,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold capitalize",
+        readiness === "ready" && "bg-emerald-500/10 text-emerald-700",
+        readiness === "attention" && "bg-amber-500/10 text-amber-700",
+        readiness === "disabled" && "bg-muted text-muted-foreground",
+        readiness === "unavailable" && "bg-destructive/10 text-destructive"
+      ),
+      children
+    }
+  );
+}
+function readinessLabel(readiness) {
+  if (readiness === "attention") return "needs attention";
+  return readiness;
+}
+function providerSummary(group) {
+  const modes = `${group.availableModes} of ${group.totalModes} modes available`;
+  const unavailableModels = group.totalModels - group.availableModels;
+  if (unavailableModels === 0) return modes;
+  return `${modes} · ${unavailableModels} unavailable ${unavailableModels === 1 ? "model" : "models"}`;
+}
+function issueLabel(count) {
+  return `${count} ${count === 1 ? "issue" : "issues"}`;
+}
+export {
+  ProviderStatusPanel
+};
+//# sourceMappingURL=ProviderStatusPanel.js.map

package/dist/data/runtime/ProviderStatusPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderStatusPanel.js","sources":["../../../src/data/runtime/ProviderStatusPanel.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { UiChevronDown, UiChevronRight } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport type { ChatModel } from \"../chat/types\";\nimport {\n  availabilityStateLabel,\n  providerStatusGroups,\n  type ProviderReadiness,\n  type ProviderStatusGroup,\n  type ProviderStatusIssue,\n} from \"./provider-status\";\nimport type { SpecRuntimeFamily } from \"./runtime-mode\";\n\nexport type ProviderStatusPanelProps = {\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  defaultCollapsed?: boolean | undefined;\n  className?: string | undefined;\n};\n\nexport function ProviderStatusPanel({\n  models,\n  families,\n  defaultCollapsed = false,\n  className,\n}: ProviderStatusPanelProps) {\n  const groups = providerStatusGroups(models, families);\n  const issueCount = groups.reduce(\n    (total, group) => total + group.issues.length,\n    0\n  );\n  const firstIssueProvider =\n    groups.find((group) => group.issues.length > 0)?.id ?? null;\n  const inventoryId = useId();\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n  const [expandedProvider, setExpandedProvider] = useState<string | null>(\n    firstIssueProvider\n  );\n  const summary =\n    issueCount === 0 ? \"all providers ready\" : issueLabel(issueCount);\n\n  return (\n    <section\n      aria-label=\"Provider status\"\n      className={cn(\n        \"overflow-hidden rounded-md border border-border\",\n        className\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={`Provider status, ${summary}`}\n        aria-expanded={!collapsed}\n        aria-controls={inventoryId}\n        onClick={() => {\n          const expandedGroup = groups.find(\n            (group) => group.id === expandedProvider\n          );\n          if (\n            collapsed &&\n            (!expandedGroup || expandedGroup.issues.length === 0)\n          ) {\n            setExpandedProvider(firstIssueProvider);\n          }\n          setCollapsed((current) => !current);\n        }}\n        className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-density-2 bg-background px-density-3 py-density-2 text-left hover:bg-muted/60\"\n      >\n        <span className=\"min-w-0\">\n          <span className=\"block text-xs font-semibold text-foreground\">\n            Provider status\n          </span>\n          <span className=\"block truncate text-[11px] text-muted-foreground\">\n            Availability by provider, model, and mode\n          </span>\n        </span>\n        <span className=\"inline-flex items-center gap-density-2\">\n          <StatusBadge readiness={issueCount === 0 ? \"ready\" : \"attention\"}>\n            {issueCount === 0 ? \"Ready\" : issueLabel(issueCount)}\n          </StatusBadge>\n          <Icon\n            icon={collapsed ? UiChevronRight : UiChevronDown}\n            className=\"size-3.5 text-muted-foreground\"\n          />\n        </span>\n      </button>\n      {!collapsed && (\n        <div\n          id={inventoryId}\n          className=\"divide-y divide-border border-t border-border\"\n        >\n          {groups.map((group) => (\n            <ProviderRow\n              key={group.id}\n              group={group}\n              expanded={expandedProvider === group.id}\n              onToggle={() =>\n                setExpandedProvider((current) =>\n                  current === group.id ? null : group.id\n                )\n              }\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction ProviderRow({\n  group,\n  expanded,\n  onToggle,\n}: {\n  group: ProviderStatusGroup;\n  expanded: boolean;\n  onToggle: () => void;\n}) {\n  const detailsId = useId();\n  const ProviderIcon =\n    providerIcon(group.iconProvider) ?? providerIcon(group.id);\n  const iconColor =\n    providerIconColor(group.iconProvider) ?? providerIconColor(group.id);\n  return (\n    <div>\n      <button\n        type=\"button\"\n        aria-label={`${group.label}, ${readinessLabel(group.readiness)}`}\n        aria-expanded={expanded}\n        aria-controls={detailsId}\n        onClick={onToggle}\n        className=\"grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-density-2 px-density-3 py-density-2 text-left hover:bg-muted/50\"\n      >\n        <Icon\n          icon={expanded ? UiChevronDown : UiChevronRight}\n          className=\"size-3 text-muted-foreground\"\n        />\n        <span className=\"grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-density-2\">\n          {ProviderIcon && (\n            <span className=\"inline-flex size-6 items-center justify-center rounded-md bg-muted/70 ring-1 ring-border/60\">\n              <Icon icon={ProviderIcon} className={cn(\"size-3.5\", iconColor)} />\n            </span>\n          )}\n          <span className=\"min-w-0\">\n            <span className=\"block truncate text-xs font-semibold text-foreground\">\n              {group.label}\n            </span>\n            <span className=\"block truncate text-[11px] text-muted-foreground\">\n              {providerSummary(group)}\n            </span>\n          </span>\n        </span>\n        <StatusBadge readiness={group.readiness}>\n          {readinessLabel(group.readiness)}\n        </StatusBadge>\n      </button>\n      {expanded && (\n        <div\n          id={detailsId}\n          role=\"region\"\n          aria-label={`${group.label} provider details`}\n          className=\"space-y-density-2 border-t border-border bg-muted/20 px-density-4 py-density-3\"\n        >\n          {group.issues.length === 0 ? (\n            <p className=\"text-xs text-muted-foreground\">\n              All configured models and modes are available.\n            </p>\n          ) : (\n            group.issues.map((issue) => (\n              <ProviderIssue key={issue.id} issue={issue} />\n            ))\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProviderIssue({ issue }: { issue: ProviderStatusIssue }) {\n  return (\n    <div className=\"grid gap-1 rounded-md border border-border bg-background px-density-3 py-density-2\">\n      <div className=\"flex items-start justify-between gap-density-2\">\n        <span className=\"text-xs font-medium text-foreground\">\n          {issue.label}\n        </span>\n        <span className=\"shrink-0 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase text-muted-foreground\">\n          {availabilityStateLabel(issue.availability.state)}\n        </span>\n      </div>\n      {issue.availability.reason && (\n        <p className=\"text-xs text-foreground\">{issue.availability.reason}</p>\n      )}\n      {issue.availability.remediation && (\n        <p className=\"text-[11px] text-muted-foreground\">\n          {issue.availability.remediation}\n        </p>\n      )}\n    </div>\n  );\n}\n\nfunction StatusBadge({\n  readiness,\n  children,\n}: {\n  readiness: ProviderReadiness;\n  children: string;\n}) {\n  return (\n    <span\n      className={cn(\n        \"shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold capitalize\",\n        readiness === \"ready\" && \"bg-emerald-500/10 text-emerald-700\",\n        readiness === \"attention\" && \"bg-amber-500/10 text-amber-700\",\n        readiness === \"disabled\" && \"bg-muted text-muted-foreground\",\n        readiness === \"unavailable\" && \"bg-destructive/10 text-destructive\"\n      )}\n    >\n      {children}\n    </span>\n  );\n}\n\nfunction readinessLabel(readiness: ProviderReadiness): string {\n  if (readiness === \"attention\") return \"needs attention\";\n  return readiness;\n}\n\nfunction providerSummary(group: ProviderStatusGroup): string {\n  const modes = `${group.availableModes} of ${group.totalModes} modes available`;\n  const unavailableModels = group.totalModels - group.availableModels;\n  if (unavailableModels === 0) return modes;\n  return `${modes} · ${unavailableModels} unavailable ${\n    unavailableModels === 1 ? \"model\" : \"models\"\n  }`;\n}\n\nfunction issueLabel(count: number): string {\n  return `${count} ${count === 1 ? \"issue\" : \"issues\"}`;\n}\n"],"names":[],"mappings":"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"}