@flanksource/clicky-ui 0.3.26 → 0.3.28

package/dist/data/ai/PromptCatalog/PromptCatalogTable.js

@@ -0,0 +1,262 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { cn } from "../../../lib/utils.js";
+import { Badge } from "../../Badge.js";
+import { DataTable } from "../../DataTable.js";
+import { catalogFilterOptions, entryMatches, sourceLabel, provenanceSummary, runtimeSummary, previewText } from "./prompt-catalog-model.js";
+import { PromptSourceBadge } from "./PromptSourceBadge.js";
+function toRow(entry) {
+  return {
+    id: entry.id,
+    entry,
+    title: entry.title,
+    owner: entry.owner,
+    usedBy: (entry.usedBy ?? []).join(", "),
+    source: sourceLabel(entry.source),
+    model: entry.effective.model ?? "",
+    overrides: provenanceSummary(entry),
+    variables: (entry.variables ?? []).join(", "),
+    version: entry.version ?? ""
+  };
+}
+function Chips({ values }) {
+  if (values.length === 0)
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "—" });
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: values.map((value) => /* @__PURE__ */ jsx(
+    Badge,
+    {
+      variant: "soft",
+      tone: "neutral",
+      size: "xs",
+      className: "font-mono",
+      clickToCopy: false,
+      children: value
+    },
+    value
+  )) });
+}
+function PromptCell({ entry }) {
+  const secondary = entry.description || previewText(entry.body);
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: entry.title }),
+    /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-xs text-muted-foreground", children: entry.id }),
+    secondary ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "line-clamp-1 text-xs text-muted-foreground",
+        title: secondary,
+        children: secondary
+      }
+    ) : null
+  ] });
+}
+function ModelCell({ runtime }) {
+  const summary = runtimeSummary(runtime);
+  if (runtime.error) {
+    return /* @__PURE__ */ jsx("span", { className: "text-xs text-destructive", title: runtime.error, children: summary });
+  }
+  if (!runtime.model)
+    return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: summary });
+  return /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", title: `from ${runtime.modelSource}`, children: summary });
+}
+function catalogColumns(showOwner) {
+  const columns = [
+    {
+      key: "title",
+      label: "Prompt",
+      sortable: true,
+      grow: true,
+      minWidth: 240,
+      render: (_, row) => /* @__PURE__ */ jsx(PromptCell, { entry: row.entry })
+    }
+  ];
+  if (showOwner)
+    columns.push({
+      key: "owner",
+      label: "Owner",
+      sortable: true,
+      shrink: true
+    });
+  columns.push(
+    {
+      key: "usedBy",
+      label: "Used by",
+      minWidth: 180,
+      render: (_, row) => /* @__PURE__ */ jsx(Chips, { values: row.entry.usedBy ?? [] })
+    },
+    {
+      key: "source",
+      label: "Source",
+      sortable: true,
+      shrink: true,
+      render: (_, row) => /* @__PURE__ */ jsx(
+        PromptSourceBadge,
+        {
+          source: row.entry.source,
+          parseError: row.entry.parseError
+        }
+      )
+    },
+    {
+      key: "model",
+      label: "Model",
+      sortable: true,
+      minWidth: 200,
+      render: (_, row) => /* @__PURE__ */ jsx(ModelCell, { runtime: row.entry.effective })
+    },
+    {
+      key: "overrides",
+      label: "Overrides",
+      minWidth: 180,
+      render: (value) => value ? /* @__PURE__ */ jsx("span", { className: "text-xs", children: String(value) }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "—" })
+    },
+    {
+      key: "variables",
+      label: "Variables",
+      minWidth: 160,
+      render: (_, row) => /* @__PURE__ */ jsx(Chips, { values: row.entry.variables ?? [] })
+    },
+    {
+      key: "version",
+      label: "Version",
+      shrink: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-muted-foreground", children: String(value ?? "").slice(0, 8) })
+    }
+  );
+  return columns;
+}
+function PromptCatalogTable({
+  entries,
+  loading,
+  error,
+  emptyMessage,
+  selectedId,
+  onSelect,
+  getRowHref,
+  filterState,
+  onFilterStateChange,
+  showOwner,
+  className
+}) {
+  const [internalFilterState, setInternalFilterState] = useState(() => ({
+    query: "",
+    commands: [],
+    sources: [],
+    models: [],
+    owners: [],
+    overriddenOnly: false
+  }));
+  const activeFilters = filterState ?? internalFilterState;
+  const updateFilter = (key, value) => {
+    const next = { ...activeFilters, [key]: value };
+    if (filterState === void 0) setInternalFilterState(next);
+    onFilterStateChange == null ? void 0 : onFilterStateChange(next);
+  };
+  const { query, commands, sources, models, owners, overriddenOnly } = activeFilters;
+  const options = useMemo(() => catalogFilterOptions(entries), [entries]);
+  const showOwnerColumn = showOwner ?? options.owners.length > 1;
+  const columns = useMemo(
+    () => catalogColumns(showOwnerColumn),
+    [showOwnerColumn]
+  );
+  const rows = useMemo(
+    () => entries.filter(
+      (entry) => entryMatches(entry, {
+        query,
+        commands,
+        sources,
+        models,
+        owners,
+        overriddenOnly
+      })
+    ).map(toRow),
+    [commands, entries, models, overriddenOnly, owners, query, sources]
+  );
+  const filters = [
+    {
+      key: "commands",
+      kind: "select-multi",
+      label: "Used by",
+      value: commands,
+      options: options.commands.map((value) => ({ value, label: value })),
+      onChange: (value) => updateFilter("commands", value)
+    },
+    {
+      key: "sources",
+      kind: "select-multi",
+      label: "Source",
+      value: sources,
+      options: options.sources.map((value) => ({
+        value,
+        label: sourceLabel(value)
+      })),
+      onChange: (value) => updateFilter(
+        "sources",
+        value.map((selected) => {
+          const source = options.sources.find(
+            (candidate) => candidate === selected
+          );
+          if (!source)
+            throw new Error(
+              `unknown prompt source ${JSON.stringify(selected)}`
+            );
+          return source;
+        })
+      )
+    },
+    {
+      key: "models",
+      kind: "select-multi",
+      label: "Model",
+      value: models,
+      options: options.models.map((value) => ({ value, label: value })),
+      onChange: (value) => updateFilter("models", value)
+    }
+  ];
+  if (options.owners.length > 1) {
+    filters.push({
+      key: "owners",
+      kind: "select-multi",
+      label: "Owner",
+      value: owners,
+      options: options.owners.map((value) => ({ value, label: value })),
+      onChange: (value) => updateFilter("owners", value)
+    });
+  }
+  filters.push({
+    key: "overridden",
+    kind: "boolean",
+    label: "Overridden only",
+    value: overriddenOnly,
+    onChange: (value) => updateFilter("overriddenOnly", value)
+  });
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      data: rows,
+      columns,
+      getRowId: (row) => row.id,
+      autoFilter: false,
+      showGlobalFilter: false,
+      manualFilter: true,
+      externalSearch: {
+        value: query,
+        onChange: (value) => updateFilter("query", value),
+        placeholder: "Search prompts, commands, body…",
+        ariaLabel: "Search prompts"
+      },
+      externalFilters: filters,
+      ...loading !== void 0 ? { loading } : {},
+      ...error ? { error } : {},
+      emptyMessage: emptyMessage ?? "No prompts match",
+      ...onSelect ? { onRowClick: (row) => onSelect(row.entry) } : {},
+      ...getRowHref ? { getRowHref: (row) => getRowHref(row.entry) } : {},
+      getRowClassName: (row) => row.id === selectedId ? "bg-primary/5" : void 0,
+      className: cn("min-h-0 flex-1", className)
+    }
+  );
+}
+export {
+  PromptCatalogTable
+};
+//# sourceMappingURL=PromptCatalogTable.js.map

package/dist/data/ai/PromptCatalog/PromptCatalogTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptCatalogTable.js","sources":["../../../../src/data/ai/PromptCatalog/PromptCatalogTable.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport type { FilterBarFilter } from \"../../../components/FilterBar\";\nimport { cn } from \"../../../lib/utils\";\nimport { Badge } from \"../../Badge\";\nimport { DataTable, type DataTableColumn } from \"../../DataTable\";\nimport {\n  catalogFilterOptions,\n  entryMatches,\n  previewText,\n  provenanceSummary,\n  runtimeSummary,\n  sourceLabel,\n} from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type {\n  PromptCatalogEntry,\n  PromptCatalogFilterState,\n  PromptCatalogRuntime,\n} from \"./types\";\n\nexport type PromptCatalogTableProps = {\n  entries: PromptCatalogEntry[];\n  loading?: boolean | undefined;\n  error?: string | null | undefined;\n  emptyMessage?: string | undefined;\n  selectedId?: string | undefined;\n  onSelect?: ((entry: PromptCatalogEntry) => void) | undefined;\n  getRowHref?: ((entry: PromptCatalogEntry) => string) | undefined;\n  filterState?: PromptCatalogFilterState | undefined;\n  onFilterStateChange?: ((state: PromptCatalogFilterState) => void) | undefined;\n  showOwner?: boolean | undefined;\n  className?: string | undefined;\n};\n\ntype PromptCatalogRow = {\n  id: string;\n  entry: PromptCatalogEntry;\n  title: string;\n  owner: string;\n  usedBy: string;\n  source: string;\n  model: string;\n  overrides: string;\n  variables: string;\n  version: string;\n} & Record<string, unknown>;\n\nfunction toRow(entry: PromptCatalogEntry): PromptCatalogRow {\n  return {\n    id: entry.id,\n    entry,\n    title: entry.title,\n    owner: entry.owner,\n    usedBy: (entry.usedBy ?? []).join(\", \"),\n    source: sourceLabel(entry.source),\n    model: entry.effective.model ?? \"\",\n    overrides: provenanceSummary(entry),\n    variables: (entry.variables ?? []).join(\", \"),\n    version: entry.version ?? \"\",\n  };\n}\n\nfunction Chips({ values }: { values: string[] }) {\n  if (values.length === 0)\n    return <span className=\"text-muted-foreground\">—</span>;\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {values.map((value) => (\n        <Badge\n          key={value}\n          variant=\"soft\"\n          tone=\"neutral\"\n          size=\"xs\"\n          className=\"font-mono\"\n          clickToCopy={false}\n        >\n          {value}\n        </Badge>\n      ))}\n    </div>\n  );\n}\n\nfunction PromptCell({ entry }: { entry: PromptCatalogEntry }) {\n  const secondary = entry.description || previewText(entry.body);\n  return (\n    <div className=\"flex min-w-0 flex-col gap-0.5\">\n      <span className=\"truncate font-medium\">{entry.title}</span>\n      <span className=\"truncate font-mono text-xs text-muted-foreground\">\n        {entry.id}\n      </span>\n      {secondary ? (\n        <span\n          className=\"line-clamp-1 text-xs text-muted-foreground\"\n          title={secondary}\n        >\n          {secondary}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ModelCell({ runtime }: { runtime: PromptCatalogRuntime }) {\n  const summary = runtimeSummary(runtime);\n  if (runtime.error) {\n    return (\n      <span className=\"text-xs text-destructive\" title={runtime.error}>\n        {summary}\n      </span>\n    );\n  }\n  if (!runtime.model)\n    return <span className=\"text-xs text-muted-foreground\">{summary}</span>;\n  return (\n    <span className=\"font-mono text-xs\" title={`from ${runtime.modelSource}`}>\n      {summary}\n    </span>\n  );\n}\n\nfunction catalogColumns(\n  showOwner: boolean,\n): DataTableColumn<PromptCatalogRow>[] {\n  const columns: DataTableColumn<PromptCatalogRow>[] = [\n    {\n      key: \"title\",\n      label: \"Prompt\",\n      sortable: true,\n      grow: true,\n      minWidth: 240,\n      render: (_, row) => <PromptCell entry={row.entry} />,\n    },\n  ];\n  if (showOwner)\n    columns.push({\n      key: \"owner\",\n      label: \"Owner\",\n      sortable: true,\n      shrink: true,\n    });\n  columns.push(\n    {\n      key: \"usedBy\",\n      label: \"Used by\",\n      minWidth: 180,\n      render: (_, row) => <Chips values={row.entry.usedBy ?? []} />,\n    },\n    {\n      key: \"source\",\n      label: \"Source\",\n      sortable: true,\n      shrink: true,\n      render: (_, row) => (\n        <PromptSourceBadge\n          source={row.entry.source}\n          parseError={row.entry.parseError}\n        />\n      ),\n    },\n    {\n      key: \"model\",\n      label: \"Model\",\n      sortable: true,\n      minWidth: 200,\n      render: (_, row) => <ModelCell runtime={row.entry.effective} />,\n    },\n    {\n      key: \"overrides\",\n      label: \"Overrides\",\n      minWidth: 180,\n      render: (value) =>\n        value ? (\n          <span className=\"text-xs\">{String(value)}</span>\n        ) : (\n          <span className=\"text-muted-foreground\">—</span>\n        ),\n    },\n    {\n      key: \"variables\",\n      label: \"Variables\",\n      minWidth: 160,\n      render: (_, row) => <Chips values={row.entry.variables ?? []} />,\n    },\n    {\n      key: \"version\",\n      label: \"Version\",\n      shrink: true,\n      render: (value) => (\n        <span className=\"font-mono text-xs text-muted-foreground\">\n          {String(value ?? \"\").slice(0, 8)}\n        </span>\n      ),\n    },\n  );\n  return columns;\n}\n\n// PromptCatalogTable lists every prompt a host runs with the document that\n// actually runs, its runtime, and which config layer overrides it. Filtering is\n// done here (not by the DataTable) so the facets reflect the catalog's own\n// vocabulary: commands, sources, effective models.\nexport function PromptCatalogTable({\n  entries,\n  loading,\n  error,\n  emptyMessage,\n  selectedId,\n  onSelect,\n  getRowHref,\n  filterState,\n  onFilterStateChange,\n  showOwner,\n  className,\n}: PromptCatalogTableProps) {\n  const [internalFilterState, setInternalFilterState] =\n    useState<PromptCatalogFilterState>(() => ({\n      query: \"\",\n      commands: [],\n      sources: [],\n      models: [],\n      owners: [],\n      overriddenOnly: false,\n    }));\n  const activeFilters = filterState ?? internalFilterState;\n  const updateFilter = <Key extends keyof PromptCatalogFilterState>(\n    key: Key,\n    value: PromptCatalogFilterState[Key],\n  ) => {\n    const next = { ...activeFilters, [key]: value };\n    if (filterState === undefined) setInternalFilterState(next);\n    onFilterStateChange?.(next);\n  };\n  const { query, commands, sources, models, owners, overriddenOnly } =\n    activeFilters;\n\n  const options = useMemo(() => catalogFilterOptions(entries), [entries]);\n  const showOwnerColumn = showOwner ?? options.owners.length > 1;\n  const columns = useMemo(\n    () => catalogColumns(showOwnerColumn),\n    [showOwnerColumn],\n  );\n  const rows = useMemo(\n    () =>\n      entries\n        .filter((entry) =>\n          entryMatches(entry, {\n            query,\n            commands,\n            sources,\n            models,\n            owners,\n            overriddenOnly,\n          }),\n        )\n        .map(toRow),\n    [commands, entries, models, overriddenOnly, owners, query, sources],\n  );\n\n  const filters: FilterBarFilter[] = [\n    {\n      key: \"commands\",\n      kind: \"select-multi\",\n      label: \"Used by\",\n      value: commands,\n      options: options.commands.map((value) => ({ value, label: value })),\n      onChange: (value) => updateFilter(\"commands\", value),\n    },\n    {\n      key: \"sources\",\n      kind: \"select-multi\",\n      label: \"Source\",\n      value: sources,\n      options: options.sources.map((value) => ({\n        value,\n        label: sourceLabel(value),\n      })),\n      onChange: (value) =>\n        updateFilter(\n          \"sources\",\n          value.map((selected) => {\n            const source = options.sources.find(\n              (candidate) => candidate === selected,\n            );\n            if (!source)\n              throw new Error(\n                `unknown prompt source ${JSON.stringify(selected)}`,\n              );\n            return source;\n          }),\n        ),\n    },\n    {\n      key: \"models\",\n      kind: \"select-multi\",\n      label: \"Model\",\n      value: models,\n      options: options.models.map((value) => ({ value, label: value })),\n      onChange: (value) => updateFilter(\"models\", value),\n    },\n  ];\n  if (options.owners.length > 1) {\n    filters.push({\n      key: \"owners\",\n      kind: \"select-multi\",\n      label: \"Owner\",\n      value: owners,\n      options: options.owners.map((value) => ({ value, label: value })),\n      onChange: (value) => updateFilter(\"owners\", value),\n    });\n  }\n  filters.push({\n    key: \"overridden\",\n    kind: \"boolean\",\n    label: \"Overridden only\",\n    value: overriddenOnly,\n    onChange: (value) => updateFilter(\"overriddenOnly\", value),\n  });\n\n  return (\n    <DataTable<PromptCatalogRow>\n      data={rows}\n      columns={columns}\n      getRowId={(row) => row.id}\n      autoFilter={false}\n      showGlobalFilter={false}\n      manualFilter\n      externalSearch={{\n        value: query,\n        onChange: (value) => updateFilter(\"query\", value),\n        placeholder: \"Search prompts, commands, body…\",\n        ariaLabel: \"Search prompts\",\n      }}\n      externalFilters={filters}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(error ? { error } : {})}\n      emptyMessage={emptyMessage ?? \"No prompts match\"}\n      {...(onSelect\n        ? { onRowClick: (row: PromptCatalogRow) => onSelect(row.entry) }\n        : {})}\n      {...(getRowHref\n        ? { getRowHref: (row: PromptCatalogRow) => getRowHref(row.entry) }\n        : {})}\n      getRowClassName={(row) =>\n        row.id === selectedId ? \"bg-primary/5\" : undefined\n      }\n      className={cn(\"min-h-0 flex-1\", className)}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/PromptCatalog/PromptLayerStrip.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../../lib/utils.cjs");
+const Badge = require("../../Badge.cjs");
+const promptCatalogModel = require("./prompt-catalog-model.cjs");
+const PromptSourceBadge = require("./PromptSourceBadge.cjs");
+const UiLock = require("../../../icons/components/UiLock.cjs");
+const UiCheck = require("../../../icons/components/UiCheck.cjs");
+function PromptLayerStrip({
+  entry,
+  selectedOrigin,
+  onSelect
+}) {
+  const effective = promptCatalogModel.effectiveLayer(entry);
+  if (entry.layers.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-density-4 py-density-2 text-xs text-muted-foreground", children: "No configuration layers for this prompt." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Configuration layers",
+      className: "flex flex-wrap items-stretch gap-2 px-density-4 py-density-2",
+      children: entry.layers.map((layer, index) => {
+        const active = layer.origin === selectedOrigin;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": active,
+            title: layer.path,
+            onClick: () => onSelect(layer),
+            className: utils.cn(
+              "flex min-w-44 flex-col gap-1 rounded-md border px-3 py-2 text-left text-xs transition",
+              active ? "border-primary bg-primary/5" : "border-border hover:bg-muted"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+                  index + 1,
+                  "."
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: promptCatalogModel.layerLabel(layer.origin) }),
+                !layer.editable ? /* @__PURE__ */ jsxRuntime.jsx(
+                  UiLock.UiLock,
+                  {
+                    className: "text-muted-foreground",
+                    "aria-label": "read-only"
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-wrap items-center gap-1.5", children: [
+                layer.source === "none" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "unset" }) : /* @__PURE__ */ jsxRuntime.jsx(PromptSourceBadge.PromptSourceBadge, { source: layer.source }),
+                layer.fields && layer.fields.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: layer.fields.join(", ") }) : null,
+                (effective == null ? void 0 : effective.origin) === layer.origin ? /* @__PURE__ */ jsxRuntime.jsx(
+                  Badge.Badge,
+                  {
+                    variant: "soft",
+                    tone: "success",
+                    size: "xs",
+                    icon: UiCheck.UiCheck,
+                    clickToCopy: false,
+                    children: "effective"
+                  }
+                ) : null
+              ] })
+            ]
+          },
+          layer.origin
+        );
+      })
+    }
+  );
+}
+exports.PromptLayerStrip = PromptLayerStrip;
+//# sourceMappingURL=PromptLayerStrip.cjs.map

package/dist/data/ai/PromptCatalog/PromptLayerStrip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptLayerStrip.cjs","sources":["../../../../src/data/ai/PromptCatalog/PromptLayerStrip.tsx"],"sourcesContent":["import { UiCheck, UiLock } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Badge } from \"../../Badge\";\nimport { effectiveLayer, layerLabel } from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type { PromptCatalogEntry, PromptCatalogLayer } from \"./types\";\n\nexport type PromptLayerStripProps = {\n  entry: PromptCatalogEntry;\n  selectedOrigin?: string | undefined;\n  onSelect: (layer: PromptCatalogLayer) => void;\n};\n\n// PromptLayerStrip shows the config chain lowest → highest precedence, marks\n// the layer whose override runs, and lets the user pick which layer to view or\n// edit. Read-only layers stay selectable so their content can be inspected.\nexport function PromptLayerStrip({\n  entry,\n  selectedOrigin,\n  onSelect,\n}: PromptLayerStripProps) {\n  const effective = effectiveLayer(entry);\n  if (entry.layers.length === 0) {\n    return (\n      <p className=\"px-density-4 py-density-2 text-xs text-muted-foreground\">\n        No configuration layers for this prompt.\n      </p>\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Configuration layers\"\n      className=\"flex flex-wrap items-stretch gap-2 px-density-4 py-density-2\"\n    >\n      {entry.layers.map((layer, index) => {\n        const active = layer.origin === selectedOrigin;\n        return (\n          <button\n            key={layer.origin}\n            type=\"button\"\n            aria-pressed={active}\n            title={layer.path}\n            onClick={() => onSelect(layer)}\n            className={cn(\n              \"flex min-w-44 flex-col gap-1 rounded-md border px-3 py-2 text-left text-xs transition\",\n              active\n                ? \"border-primary bg-primary/5\"\n                : \"border-border hover:bg-muted\",\n            )}\n          >\n            <span className=\"flex items-center gap-1.5 font-medium\">\n              <span className=\"text-muted-foreground\">{index + 1}.</span>\n              <span>{layerLabel(layer.origin)}</span>\n              {!layer.editable ? (\n                <UiLock\n                  className=\"text-muted-foreground\"\n                  aria-label=\"read-only\"\n                />\n              ) : null}\n            </span>\n            <span className=\"flex flex-wrap items-center gap-1.5\">\n              {layer.source === \"none\" ? (\n                <span className=\"text-muted-foreground\">unset</span>\n              ) : (\n                <PromptSourceBadge source={layer.source} />\n              )}\n              {layer.fields && layer.fields.length > 0 ? (\n                <span className=\"font-mono text-[11px] text-muted-foreground\">\n                  {layer.fields.join(\", \")}\n                </span>\n              ) : null}\n              {effective?.origin === layer.origin ? (\n                <Badge\n                  variant=\"soft\"\n                  tone=\"success\"\n                  size=\"xs\"\n                  icon={UiCheck}\n                  clickToCopy={false}\n                >\n                  effective\n                </Badge>\n              ) : null}\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["effectiveLayer","jsx","jsxs","cn","layerLabel","UiLock","PromptSourceBadge","Badge","UiCheck"],"mappings":";;;;;;;;;AAgBO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,YAAYA,mBAAAA,eAAe,KAAK;AACtC,MAAI,MAAM,OAAO,WAAW,GAAG;AAC7B,WACEC,2BAAAA,IAAC,KAAA,EAAE,WAAU,2DAA0D,UAAA,4CAEvE;AAAA,EAEJ;AACA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA,MAAM,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,cAAM,SAAS,MAAM,WAAW;AAChC,eACEC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,gBAAc;AAAA,YACd,OAAO,MAAM;AAAA,YACb,SAAS,MAAM,SAAS,KAAK;AAAA,YAC7B,WAAWC,MAAAA;AAAAA,cACT;AAAA,cACA,SACI,gCACA;AAAA,YAAA;AAAA,YAGN,UAAA;AAAA,cAAAD,2BAAAA,KAAC,QAAA,EAAK,WAAU,yCACd,UAAA;AAAA,gBAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA;AAAA,kBAAA,QAAQ;AAAA,kBAAE;AAAA,gBAAA,GAAC;AAAA,gBACpDD,2BAAAA,IAAC,QAAA,EAAM,UAAAG,mBAAAA,WAAW,MAAM,MAAM,GAAE;AAAA,gBAC/B,CAAC,MAAM,WACNH,2BAAAA;AAAAA,kBAACI,OAAAA;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,cAAW;AAAA,kBAAA;AAAA,gBAAA,IAEX;AAAA,cAAA,GACN;AAAA,cACAH,2BAAAA,KAAC,QAAA,EAAK,WAAU,uCACb,UAAA;AAAA,gBAAA,MAAM,WAAW,SAChBD,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,QAAA,CAAK,IAE7CA,2BAAAA,IAACK,kBAAAA,mBAAA,EAAkB,QAAQ,MAAM,QAAQ;AAAA,gBAE1C,MAAM,UAAU,MAAM,OAAO,SAAS,IACrCL,2BAAAA,IAAC,QAAA,EAAK,WAAU,+CACb,UAAA,MAAM,OAAO,KAAK,IAAI,GACzB,IACE;AAAA,iBACH,uCAAW,YAAW,MAAM,SAC3BA,2BAAAA;AAAAA,kBAACM,MAAAA;AAAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,MAAMC,QAAAA;AAAAA,oBACN,aAAa;AAAA,oBACd,UAAA;AAAA,kBAAA;AAAA,gBAAA,IAGC;AAAA,cAAA,EAAA,CACN;AAAA,YAAA;AAAA,UAAA;AAAA,UA5CK,MAAM;AAAA,QAAA;AAAA,MA+CjB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/data/ai/PromptCatalog/PromptLayerStrip.d.ts

@@ -0,0 +1,8 @@
+import { PromptCatalogEntry, PromptCatalogLayer } from './types';
+export type PromptLayerStripProps = {
+    entry: PromptCatalogEntry;
+    selectedOrigin?: string | undefined;
+    onSelect: (layer: PromptCatalogLayer) => void;
+};
+export declare function PromptLayerStrip({ entry, selectedOrigin, onSelect, }: PromptLayerStripProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PromptLayerStrip.d.ts.map

package/dist/data/ai/PromptCatalog/PromptLayerStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptLayerStrip.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/PromptCatalog/PromptLayerStrip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAKF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,cAAc,EACd,QAAQ,GACT,EAAE,qBAAqB,2CAqEvB"}

package/dist/data/ai/PromptCatalog/PromptLayerStrip.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.js";
+import { Badge } from "../../Badge.js";
+import { effectiveLayer, layerLabel } from "./prompt-catalog-model.js";
+import { PromptSourceBadge } from "./PromptSourceBadge.js";
+import { UiLock } from "../../../icons/components/UiLock.js";
+import { UiCheck } from "../../../icons/components/UiCheck.js";
+function PromptLayerStrip({
+  entry,
+  selectedOrigin,
+  onSelect
+}) {
+  const effective = effectiveLayer(entry);
+  if (entry.layers.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "px-density-4 py-density-2 text-xs text-muted-foreground", children: "No configuration layers for this prompt." });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Configuration layers",
+      className: "flex flex-wrap items-stretch gap-2 px-density-4 py-density-2",
+      children: entry.layers.map((layer, index) => {
+        const active = layer.origin === selectedOrigin;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": active,
+            title: layer.path,
+            onClick: () => onSelect(layer),
+            className: cn(
+              "flex min-w-44 flex-col gap-1 rounded-md border px-3 py-2 text-left text-xs transition",
+              active ? "border-primary bg-primary/5" : "border-border hover:bg-muted"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                  index + 1,
+                  "."
+                ] }),
+                /* @__PURE__ */ jsx("span", { children: layerLabel(layer.origin) }),
+                !layer.editable ? /* @__PURE__ */ jsx(
+                  UiLock,
+                  {
+                    className: "text-muted-foreground",
+                    "aria-label": "read-only"
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-center gap-1.5", children: [
+                layer.source === "none" ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "unset" }) : /* @__PURE__ */ jsx(PromptSourceBadge, { source: layer.source }),
+                layer.fields && layer.fields.length > 0 ? /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-muted-foreground", children: layer.fields.join(", ") }) : null,
+                (effective == null ? void 0 : effective.origin) === layer.origin ? /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    variant: "soft",
+                    tone: "success",
+                    size: "xs",
+                    icon: UiCheck,
+                    clickToCopy: false,
+                    children: "effective"
+                  }
+                ) : null
+              ] })
+            ]
+          },
+          layer.origin
+        );
+      })
+    }
+  );
+}
+export {
+  PromptLayerStrip
+};
+//# sourceMappingURL=PromptLayerStrip.js.map

package/dist/data/ai/PromptCatalog/PromptLayerStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptLayerStrip.js","sources":["../../../../src/data/ai/PromptCatalog/PromptLayerStrip.tsx"],"sourcesContent":["import { UiCheck, UiLock } from \"../../../icons\";\nimport { cn } from \"../../../lib/utils\";\nimport { Badge } from \"../../Badge\";\nimport { effectiveLayer, layerLabel } from \"./prompt-catalog-model\";\nimport { PromptSourceBadge } from \"./PromptSourceBadge\";\nimport type { PromptCatalogEntry, PromptCatalogLayer } from \"./types\";\n\nexport type PromptLayerStripProps = {\n  entry: PromptCatalogEntry;\n  selectedOrigin?: string | undefined;\n  onSelect: (layer: PromptCatalogLayer) => void;\n};\n\n// PromptLayerStrip shows the config chain lowest → highest precedence, marks\n// the layer whose override runs, and lets the user pick which layer to view or\n// edit. Read-only layers stay selectable so their content can be inspected.\nexport function PromptLayerStrip({\n  entry,\n  selectedOrigin,\n  onSelect,\n}: PromptLayerStripProps) {\n  const effective = effectiveLayer(entry);\n  if (entry.layers.length === 0) {\n    return (\n      <p className=\"px-density-4 py-density-2 text-xs text-muted-foreground\">\n        No configuration layers for this prompt.\n      </p>\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Configuration layers\"\n      className=\"flex flex-wrap items-stretch gap-2 px-density-4 py-density-2\"\n    >\n      {entry.layers.map((layer, index) => {\n        const active = layer.origin === selectedOrigin;\n        return (\n          <button\n            key={layer.origin}\n            type=\"button\"\n            aria-pressed={active}\n            title={layer.path}\n            onClick={() => onSelect(layer)}\n            className={cn(\n              \"flex min-w-44 flex-col gap-1 rounded-md border px-3 py-2 text-left text-xs transition\",\n              active\n                ? \"border-primary bg-primary/5\"\n                : \"border-border hover:bg-muted\",\n            )}\n          >\n            <span className=\"flex items-center gap-1.5 font-medium\">\n              <span className=\"text-muted-foreground\">{index + 1}.</span>\n              <span>{layerLabel(layer.origin)}</span>\n              {!layer.editable ? (\n                <UiLock\n                  className=\"text-muted-foreground\"\n                  aria-label=\"read-only\"\n                />\n              ) : null}\n            </span>\n            <span className=\"flex flex-wrap items-center gap-1.5\">\n              {layer.source === \"none\" ? (\n                <span className=\"text-muted-foreground\">unset</span>\n              ) : (\n                <PromptSourceBadge source={layer.source} />\n              )}\n              {layer.fields && layer.fields.length > 0 ? (\n                <span className=\"font-mono text-[11px] text-muted-foreground\">\n                  {layer.fields.join(\", \")}\n                </span>\n              ) : null}\n              {effective?.origin === layer.origin ? (\n                <Badge\n                  variant=\"soft\"\n                  tone=\"success\"\n                  size=\"xs\"\n                  icon={UiCheck}\n                  clickToCopy={false}\n                >\n                  effective\n                </Badge>\n              ) : null}\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAgBO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,YAAY,eAAe,KAAK;AACtC,MAAI,MAAM,OAAO,WAAW,GAAG;AAC7B,WACE,oBAAC,KAAA,EAAE,WAAU,2DAA0D,UAAA,4CAEvE;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA,MAAM,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,cAAM,SAAS,MAAM,WAAW;AAChC,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,gBAAc;AAAA,YACd,OAAO,MAAM;AAAA,YACb,SAAS,MAAM,SAAS,KAAK;AAAA,YAC7B,WAAW;AAAA,cACT;AAAA,cACA,SACI,gCACA;AAAA,YAAA;AAAA,YAGN,UAAA;AAAA,cAAA,qBAAC,QAAA,EAAK,WAAU,yCACd,UAAA;AAAA,gBAAA,qBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA;AAAA,kBAAA,QAAQ;AAAA,kBAAE;AAAA,gBAAA,GAAC;AAAA,gBACpD,oBAAC,QAAA,EAAM,UAAA,WAAW,MAAM,MAAM,GAAE;AAAA,gBAC/B,CAAC,MAAM,WACN;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,cAAW;AAAA,kBAAA;AAAA,gBAAA,IAEX;AAAA,cAAA,GACN;AAAA,cACA,qBAAC,QAAA,EAAK,WAAU,uCACb,UAAA;AAAA,gBAAA,MAAM,WAAW,SAChB,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,QAAA,CAAK,IAE7C,oBAAC,mBAAA,EAAkB,QAAQ,MAAM,QAAQ;AAAA,gBAE1C,MAAM,UAAU,MAAM,OAAO,SAAS,IACrC,oBAAC,QAAA,EAAK,WAAU,+CACb,UAAA,MAAM,OAAO,KAAK,IAAI,GACzB,IACE;AAAA,iBACH,uCAAW,YAAW,MAAM,SAC3B;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,MAAM;AAAA,oBACN,aAAa;AAAA,oBACd,UAAA;AAAA,kBAAA;AAAA,gBAAA,IAGC;AAAA,cAAA,EAAA,CACN;AAAA,YAAA;AAAA,UAAA;AAAA,UA5CK,MAAM;AAAA,QAAA;AAAA,MA+CjB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}