@aceshooting/lyra-ui 6.1.0 → 6.2.0

package/llms.txt

@@ -74,6 +74,6 @@ privacy rules.
 
 - **Conversation & chat UI** (`components/conversation/`, 28) — `lr-markdown`, `lr-markdown-core`, `lr-chat-message`, `lr-typing-indicator`, `lr-chat-composer`, `lr-stream-status`, `lr-conversation-item`, `lr-model-select`, `lr-streaming-text`, `lr-generation-status`, `lr-code-block`, `lr-code-block-core`, `lr-model-settings-panel`, `lr-audio-visualizer`, `lr-branch-picker`, `lr-message-actions`, `lr-message-feedback`, `lr-push-to-talk`, `lr-transcript-feed`, `lr-handoff-divider`, `lr-chat-viewport`, `lr-suggestion-chips`, `lr-thread-list`, `lr-checkpoint`, `lr-usage-badge`, `lr-widget-renderer`, `lr-voice-picker`, `lr-agent-workspace`
 
-- **Agent tooling, tool calls & evaluation** (`components/agent-tools/`, 29) — `lr-tool-call-chip`, `lr-tool-result-view`, `lr-tool-result-dialog`, `lr-tool-select-dialog`, `lr-thinking-panel`, `lr-stack-trace`, `lr-tool-approval-dialog`, `lr-tool-param-form`, `lr-result-card`, `lr-result-field`, `lr-compare-panel`, `lr-span-waterfall`, `lr-task-list`, `lr-terminal`, `lr-trace-tree`, `lr-activity-feed`, `lr-commit-card`, `lr-test-results`, `lr-confirm-bar`, `lr-browser-frame`, `lr-artifact-panel`, `lr-agent-run`, `lr-agent-trace`, `lr-context-inspector`, `lr-eval-dataset`, `lr-eval-result`, `lr-evaluation-run`, `lr-policy-summary`, `lr-tool-timeline`
+- **Agent tooling, tool calls & evaluation** (`components/agent-tools/`, 31) — `lr-tool-call-chip`, `lr-tool-result-view`, `lr-tool-result-dialog`, `lr-tool-select-dialog`, `lr-thinking-panel`, `lr-stack-trace`, `lr-tool-approval-dialog`, `lr-tool-param-form`, `lr-result-card`, `lr-result-field`, `lr-compare-panel`, `lr-span-waterfall`, `lr-task-list`, `lr-terminal`, `lr-trace-tree`, `lr-activity-feed`, `lr-commit-card`, `lr-test-results`, `lr-confirm-bar`, `lr-browser-frame`, `lr-artifact-panel`, `lr-agent-run`, `lr-agent-trace`, `lr-context-inspector`, `lr-eval-dataset`, `lr-eval-result`, `lr-evaluation-run`, `lr-policy-summary`, `lr-tool-timeline`, `lr-agent-eval-dashboard`, `lr-approval-queue`
 
-- **Retrieval, knowledge graph & grounding** (`components/retrieval/`, 24) — `lr-graph`, `lr-node-palette`, `lr-graph-legend`, `lr-entity-card`, `lr-entity-chip`, `lr-neighbor-list`, `lr-path-strip`, `lr-community-card`, `lr-chunk-inspector`, `lr-source-picker`, `lr-provenance-panel`, `lr-mind-map`, `lr-citation-badge`, `lr-source-list`, `lr-source-card`, `lr-entity-dossier`, `lr-grounding-summary`, `lr-ingestion-queue`, `lr-knowledge-base`, `lr-knowledge-graph-explorer`, `lr-memory-panel`, `lr-retrieval-results`, `lr-retrieval-search`, `lr-retrieval-trace`
+- **Retrieval, knowledge graph & grounding** (`components/retrieval/`, 27) — `lr-graph`, `lr-node-palette`, `lr-graph-legend`, `lr-entity-card`, `lr-entity-chip`, `lr-neighbor-list`, `lr-path-strip`, `lr-community-card`, `lr-chunk-inspector`, `lr-source-picker`, `lr-provenance-panel`, `lr-mind-map`, `lr-citation-badge`, `lr-source-list`, `lr-source-card`, `lr-entity-dossier`, `lr-grounding-summary`, `lr-ingestion-queue`, `lr-knowledge-base`, `lr-knowledge-graph-explorer`, `lr-memory-panel`, `lr-retrieval-results`, `lr-retrieval-search`, `lr-retrieval-trace`, `lr-rag-answer`, `lr-embedding-explorer`, `lr-knowledge-base-admin`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aceshooting/lyra-ui",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "description": "Free, independent Lit web components: an open-source alternative to Shoelace and Web Awesome with accessible forms, dashboards, charts, and agent UI.",
   "keywords": [
     "web-components",
@@ -67,15 +67,19 @@
     "./internal/*": "./dist/internal/*",
     "./ai": "./dist/ai/index.js",
     "./ai/*": "./dist/ai/*",
+    "./theme/*": "./dist/theme/*",
+    "./theme.js": "./dist/theme/theme.js",
     "./theme.css": "./dist/theme.css",
     "./testing": "./dist/testing/happy-dom-shims.js",
     "./package.json": "./package.json"
   },
   "sideEffects": [
     "./dist/components/agent-tools/activity-feed/activity-feed.js",
+    "./dist/components/agent-tools/agent-eval-dashboard/agent-eval-dashboard.js",
     "./dist/components/agent-tools/agent-run/agent-run.js",
     "./dist/components/agent-tools/agent-trace/agent-trace.js",
     "./dist/components/agent-tools/artifact-panel/artifact-panel.js",
+    "./dist/components/agent-tools/approval-queue/approval-queue.js",
     "./dist/components/agent-tools/browser-frame/browser-frame.js",
     "./dist/components/agent-tools/commit-card/commit-card.js",
     "./dist/components/agent-tools/compare-panel/compare-panel.js",
@@ -266,9 +270,11 @@
     "./dist/components/retrieval/entity-dossier/entity-dossier.js",
     "./dist/components/retrieval/graph-legend/graph-legend.js",
     "./dist/components/retrieval/graph/graph.js",
+    "./dist/components/retrieval/embedding-explorer/embedding-explorer.js",
     "./dist/components/retrieval/grounding-summary/grounding-summary.js",
     "./dist/components/retrieval/ingestion-queue/ingestion-queue.js",
     "./dist/components/retrieval/knowledge-base/knowledge-base.js",
+    "./dist/components/retrieval/knowledge-base-admin/knowledge-base-admin.js",
     "./dist/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.js",
     "./dist/components/retrieval/memory-panel/memory-panel.js",
     "./dist/components/retrieval/mind-map/mind-map.js",
@@ -276,6 +282,7 @@
     "./dist/components/retrieval/node-palette/node-palette.js",
     "./dist/components/retrieval/path-strip/path-strip.js",
     "./dist/components/retrieval/provenance-panel/provenance-panel.js",
+    "./dist/components/retrieval/rag-answer/rag-answer.js",
     "./dist/components/retrieval/retrieval-results/retrieval-results.js",
     "./dist/components/retrieval/retrieval-search/retrieval-search.js",
     "./dist/components/retrieval/retrieval-trace/retrieval-trace.js",
@@ -327,9 +334,11 @@
     "./dist/components/viewers/xml-viewer/xml-viewer.js",
     "./dist/lyra.js",
     "./src/components/agent-tools/activity-feed/activity-feed.ts",
+    "./src/components/agent-tools/agent-eval-dashboard/agent-eval-dashboard.ts",
     "./src/components/agent-tools/agent-run/agent-run.ts",
     "./src/components/agent-tools/agent-trace/agent-trace.ts",
     "./src/components/agent-tools/artifact-panel/artifact-panel.ts",
+    "./src/components/agent-tools/approval-queue/approval-queue.ts",
     "./src/components/agent-tools/browser-frame/browser-frame.ts",
     "./src/components/agent-tools/commit-card/commit-card.ts",
     "./src/components/agent-tools/compare-panel/compare-panel.ts",
@@ -520,9 +529,11 @@
     "./src/components/retrieval/entity-dossier/entity-dossier.ts",
     "./src/components/retrieval/graph-legend/graph-legend.ts",
     "./src/components/retrieval/graph/graph.ts",
+    "./src/components/retrieval/embedding-explorer/embedding-explorer.ts",
     "./src/components/retrieval/grounding-summary/grounding-summary.ts",
     "./src/components/retrieval/ingestion-queue/ingestion-queue.ts",
     "./src/components/retrieval/knowledge-base/knowledge-base.ts",
+    "./src/components/retrieval/knowledge-base-admin/knowledge-base-admin.ts",
     "./src/components/retrieval/knowledge-graph-explorer/knowledge-graph-explorer.ts",
     "./src/components/retrieval/memory-panel/memory-panel.ts",
     "./src/components/retrieval/mind-map/mind-map.ts",
@@ -530,6 +541,7 @@
     "./src/components/retrieval/node-palette/node-palette.ts",
     "./src/components/retrieval/path-strip/path-strip.ts",
     "./src/components/retrieval/provenance-panel/provenance-panel.ts",
+    "./src/components/retrieval/rag-answer/rag-answer.ts",
     "./src/components/retrieval/retrieval-results/retrieval-results.ts",
     "./src/components/retrieval/retrieval-search/retrieval-search.ts",
     "./src/components/retrieval/retrieval-trace/retrieval-trace.ts",
@@ -591,6 +603,7 @@
     "@aiden0z/pptx-renderer": "^1.2.4",
     "@sgratzl/chartjs-chart-boxplot": "^4.4.0",
     "chart.js": "^4.5.0",
+    "chartjs-plugin-datalabels": "^2.2.0",
     "chartjs-plugin-zoom": "^2.2.0",
     "d3-drag": "^3.0.0",
     "d3-force": "^3.0.0",
@@ -638,6 +651,9 @@
     "chart.js": {
       "optional": true
     },
+    "chartjs-plugin-datalabels": {
+      "optional": true
+    },
     "chartjs-plugin-zoom": {
       "optional": true
     },
@@ -710,6 +726,7 @@
     "@web/test-runner-junit-reporter": "^1.0.0",
     "@web/test-runner-playwright": "^1.0.0",
     "chart.js": "^4.5.1",
+    "chartjs-plugin-datalabels": "^2.2.0",
     "chartjs-plugin-zoom": "^2.2.0",
     "d3-drag": "^3.0.0",
     "d3-force": "^3.0.0",
@@ -753,6 +770,7 @@
     "check:cycles": "node scripts/check-import-cycles.mjs",
     "check:hit-area": "node scripts/check-hit-area.mjs",
     "check:numeric-guards": "node scripts/check-numeric-guards.mjs",
+    "test:tooling": "node scripts/component-families.test.mjs && node scripts/migrate-wa.test.mjs",
     "test:types": "tsc --noEmit -p tsconfig.type-tests.json",
     "style-policy": "node scripts/check-style-policy.mjs",
     "check:source-policy": "node scripts/check-source-policy.mjs",
@@ -771,7 +789,7 @@
     "llms-freshness": "node scripts/check-llms-freshness.mjs",
     "migrate-wa": "node scripts/migrate-wa.mjs",
     "test:migrate-wa": "node scripts/migrate-wa.test.mjs",
-    "contract-policy": "pnpm run check:script-paths && pnpm run style-policy && pnpm run check:source-policy && pnpm run check:part-reachability && pnpm run test:part-reachability && pnpm run provenance-policy && pnpm run contract-checklist && node scripts/check-component-coverage.mjs && pnpm run manifest:check && pnpm run manifest:coverage && pnpm run llms-freshness && pnpm run llms:check && pnpm run test:architecture && pnpm run check-side-effects && pnpm run check:form-associated && pnpm run check:event-barrel && pnpm run check:cycles",
+    "contract-policy": "pnpm run check:script-paths && pnpm run style-policy && pnpm run check:source-policy && pnpm run check:part-reachability && pnpm run test:part-reachability && pnpm run provenance-policy && pnpm run contract-checklist && node scripts/check-component-coverage.mjs && pnpm run manifest:check && pnpm run manifest:coverage && pnpm run llms-freshness && pnpm run llms:check && pnpm run test:architecture && pnpm run check-side-effects && pnpm run check:form-associated && pnpm run check:event-barrel && pnpm run check:cycles && pnpm run check:hit-area && pnpm run check:numeric-guards && pnpm run test:tooling",
     "lint": "pnpm run contract-policy && tsc --noEmit -p tsconfig.json && pnpm run test:types"
   }
 }

package/vscode-css-data.json

@@ -554,6 +554,13 @@
         "value": "**`<lr-button>`** (default: `var(--lr-radius)`) — Corner radius of the internal button. Does not vary by `size` tier. `appearance=\"link\"` ignores it (it renders with zero radius)."
       }
     },
+    {
+      "name": "--lr-button-shadow",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-button>`** — Box shadow of the internal button. **Undeclared by default**, so `box-shadow` falls back to `none` — byte-identical to before this property existed. Set it (e.g. an elevated/floating action button) without a `::part(base)` rule."
+      }
+    },
     {
       "name": "--lr-button-size-2xs",
       "description": {
@@ -1016,6 +1023,34 @@
         "value": "**`<lr-combobox>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
       }
     },
+    {
+      "name": "--lr-combobox-option-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."
+      }
+    },
+    {
+      "name": "--lr-combobox-option-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-combobox-option-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-combobox-option-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-combobox>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."
+      }
+    },
     {
       "name": "--lr-combobox-radius",
       "description": {
@@ -1184,6 +1219,27 @@
         "value": "**`<lr-conversation-item>`** (default: `var(--lr-color-text)`) — Text color of `[part=\"excerpt\"]` and `[part=\"timestamp\"]` while `active`. **Contrast-sensitive:** it exists precisely because `--lr-color-text-quiet` only reaches ~4.25:1 against the active background; override it together with `--lr-conversation-item-active-bg`, never alone."
       }
     },
+    {
+      "name": "--lr-conversation-item-active-indicator-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-color-brand)`) — Color of the decorative `[part=\"active-indicator\"]` while `active`."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-active-indicator-inset-inline",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `0 auto`) — Logical inline-start and inline-end insets for `[part=\"active-indicator\"]`; set `auto 0` to place it at inline-end."
+      }
+    },
+    {
+      "name": "--lr-conversation-item-active-indicator-width",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-conversation-item>`** (default: `var(--lr-size-2px)`) — Inline size of `[part=\"active-indicator\"]` while `active`."
+      }
+    },
     {
       "name": "--lr-conversation-item-compact-gap",
       "description": {
@@ -1457,6 +1513,13 @@
         "value": "**`<lr-empty>`** — Cross-axis and text alignment used in compact mode; set to `center` for dense but centered empty states."
       }
     },
+    {
+      "name": "--lr-empty-compact-font-size",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-empty>`** — Heading font size used in compact mode. Unset by default (no fallback), so the heading keeps its ordinary inherited font size until a consumer opts in."
+      }
+    },
     {
       "name": "--lr-empty-compact-gap",
       "description": {
@@ -1842,6 +1905,27 @@
         "value": "**`<lr-html-viewer>`** (default: `none`) — Maximum block size of `[part=\"body\"]` before it scrolls internally. The `maxHeight` property sets this token inline on `[part=\"base\"]`."
       }
     },
+    {
+      "name": "--lr-icon-button-background",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-icon-button>`** (default: `transparent`) — Background fill of the native button."
+      }
+    },
+    {
+      "name": "--lr-icon-button-background-hover",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-icon-button>`** (default: `var(--lr-color-surface)`) — Background fill on hover."
+      }
+    },
+    {
+      "name": "--lr-icon-button-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-icon-button>`** (default: `inherit`) — Icon/text color of the native button."
+      }
+    },
     {
       "name": "--lr-icon-button-radius",
       "description": {
@@ -2227,6 +2311,34 @@
         "value": "**`<lr-model-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of a hovered or keyboard-active option row."
       }
     },
+    {
+      "name": "--lr-model-select-option-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme without hijacking `--lr-color-brand`."
+      }
+    },
+    {
+      "name": "--lr-model-select-option-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-model-select-option-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-model-select-option-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-model-select>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."
+      }
+    },
     {
       "name": "--lr-model-select-trigger-min-height",
       "description": {
@@ -2626,6 +2738,34 @@
         "value": "**`<lr-select>`** (default: `var(--lr-color-brand-quiet)`) — Background of the hovered/keyboard-active option row. Not declared on `:host`, so a value set on any ancestor is never shadowed -- retheme just this row state without hijacking the shared `--lr-color-brand-quiet` token used by every other component's own hover/active state."
       }
     },
+    {
+      "name": "--lr-select-option-selected-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `transparent`) — Background of the currently-selected option row. Not declared on `:host`; retheme just the selected row without hijacking `--lr-color-brand`."
+      }
+    },
+    {
+      "name": "--lr-select-option-selected-border",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `var(--lr-color-brand)`) — Border color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-select-option-selected-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `var(--lr-color-brand)`) — Text color of the selected option row."
+      }
+    },
+    {
+      "name": "--lr-select-option-selected-font-weight",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-select>`** (default: `var(--lr-font-weight-semibold)`) — Font weight of the selected option row."
+      }
+    },
     {
       "name": "--lr-select-radius",
       "description": {
@@ -2941,6 +3081,20 @@
         "value": "**`<lr-swatch-picker>`** (default: `var(--lr-size-1-5rem)`) — Visible fill/icon diameter for the swatch, swapped per tier."
       }
     },
+    {
+      "name": "--lr-swatch-picker-gemstone-selected-blur",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-swatch-picker>`** (default: `var(--lr-size-0-5rem)`) — Selected glow blur used by `mode=\"gemstone\"` when `--lr-swatch-picker-selected-blur` is not overridden."
+      }
+    },
+    {
+      "name": "--lr-swatch-picker-gemstone-shine-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-swatch-picker>`** (default: `1.8s`) — Selected shine duration used by `mode=\"gemstone\"` when `--lr-swatch-picker-shine-duration` is not overridden."
+      }
+    },
     {
       "name": "--lr-swatch-picker-hit-size",
       "description": {
@@ -2990,6 +3144,20 @@
         "value": "**`<lr-switch>`** (default: `var(--lr-size-2-25rem)`) — Inline size of the track, and (with the block size) the distance the thumb travels when checked."
       }
     },
+    {
+      "name": "--lr-table-header-sorted-bg",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `transparent`) — Background of the currently-sorted column's header cell (`[aria-sort]` other than `none`). Same rationale as `--lr-table-row-selected-bg`: `::part(header-cell)[aria-sort]` is invalid CSS, so this token is the supported way to recolor the sorted header without hijacking a library-wide token."
+      }
+    },
+    {
+      "name": "--lr-table-header-sorted-color",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-table>`** (default: `inherit`) — Text color of the currently-sorted column's header cell."
+      }
+    },
     {
       "name": "--lr-table-heat-t",
       "description": {
@@ -3561,7 +3729,7 @@
       "name": "--lr-transition-ambient",
       "description": {
         "kind": "markdown",
-        "value": "**`<lr-chat-message>`** (default: `1.8s ease-in-out`) — Streaming-indicator animation duration and timing function.\n\n**`<lr-skeleton>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by the pulse and sheen effects.\n\n**`<lr-tool-call-chip>`** (default: `1.8s ease-in-out`) — Pending-icon pulse duration and timing.\n\n**`<lr-typing-indicator>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by all variants."
+        "value": "**`<lr-chat-message>`** (default: `1.8s ease-in-out`) — Streaming-indicator animation duration and timing function.\n\n**`<lr-skeleton>`** (default: `1.8s ease-in-out`) — Animation duration and timing function shared by the pulse and sheen effects.\n\n**`<lr-tool-call-chip>`** (default: `1.8s ease-in-out`) — Pending-icon pulse duration and timing."
       }
     },
     {
@@ -3585,6 +3753,13 @@
         "value": "**`<lr-typing-indicator>`** (default: `1200ms`) — Delay for the third dot in the dots variant."
       }
     },
+    {
+      "name": "--lr-typing-duration",
+      "description": {
+        "kind": "markdown",
+        "value": "**`<lr-typing-indicator>`** (default: `var(--lr-transition-ambient)`) — Animation duration and timing function for the dot-bounce/pulse/cursor-blink loop, shared by all variants. Aliases the shared `--lr-transition-ambient` token (default `1.8s ease-in-out`) by default, so retiming just this component doesn't affect other ambient-looping components in the library."
+      }
+    },
     {
       "name": "--lr-virtual-list-height",
       "description": {