@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/composites/trajectories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC"}

package/components/composites/trajectories/index.js

@@ -0,0 +1,7 @@
+export * from "./trajectory-cache-stats.js";
+export * from "./trajectory-code-block.js";
+export * from "./trajectory-context-diff-list.js";
+export * from "./trajectory-event-timeline.js";
+export * from "./trajectory-llm-call-card.js";
+export * from "./trajectory-pipeline-graph.js";
+export * from "./trajectory-sidebar-item.js";

package/components/composites/trajectories/trajectory-cache-stats.d.ts

@@ -0,0 +1,14 @@
+import type * as React from "react";
+export interface TrajectoryCacheMetric {
+    id?: string;
+    label: React.ReactNode;
+    value: React.ReactNode;
+    meta?: React.ReactNode;
+}
+export interface TrajectoryCacheStatsProps {
+    emptyLabel?: React.ReactNode;
+    heading: React.ReactNode;
+    metrics: readonly TrajectoryCacheMetric[];
+}
+export declare function TrajectoryCacheStats({ emptyLabel, heading, metrics, }: TrajectoryCacheStatsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-cache-stats.d.ts.map

package/components/composites/trajectories/trajectory-cache-stats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-cache-stats.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-cache-stats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,yBAAyB;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,SAAS,qBAAqB,EAAE,CAAC;CAC3C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAA6C,EAC7C,OAAO,EACP,OAAO,GACR,EAAE,yBAAyB,2CAqC3B"}

package/components/composites/trajectories/trajectory-cache-stats.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PagePanel } from "../page-panel/index.js";
+export function TrajectoryCacheStats({ emptyLabel = "No cache observations captured", heading, metrics, }) {
+    return (_jsxs(PagePanel, { variant: "section", className: "px-5 py-4", children: [_jsx("div", { className: "mb-3 text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: heading }), metrics.length === 0 ? (_jsx("div", { className: "rounded-lg border border-dashed border-border/50 px-4 py-6 text-sm text-muted", children: emptyLabel })) : (_jsx("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: metrics.map((metric) => (_jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: metric.label }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: metric.value }), metric.meta ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: metric.meta })) : null] }, metric.id ?? `${String(metric.label)}-${String(metric.value)}`))) }))] }));
+}

package/components/composites/trajectories/trajectory-code-block.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface TrajectoryCodeBlockProps {
+    collapseLabel: React.ReactNode;
+    content: string;
+    copyLabel: React.ReactNode;
+    copyToClipboardLabel?: string;
+    expandLabel: React.ReactNode;
+    label: React.ReactNode;
+    linesLabel: React.ReactNode;
+    onCopy: (content: string) => void;
+}
+export declare function TrajectoryCodeBlock({ collapseLabel, content, copyLabel, copyToClipboardLabel, expandLabel, label, linesLabel, onCopy, }: TrajectoryCodeBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-code-block.d.ts.map

package/components/composites/trajectories/trajectory-code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-code-block.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB;IACvC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,OAAO,EACP,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,KAAK,EACL,UAAU,EACV,MAAM,GACP,EAAE,wBAAwB,2CA4C1B"}

package/components/composites/trajectories/trajectory-code-block.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../../ui/button.js";
+import { PagePanel } from "../page-panel/index.js";
+export function TrajectoryCodeBlock({ collapseLabel, content, copyLabel, copyToClipboardLabel, expandLabel, label, linesLabel, onCopy, }) {
+    const [expanded, setExpanded] = React.useState(false);
+    const lines = content.split("\n").length;
+    const shouldTruncate = !expanded && lines > 20;
+    const displayContent = shouldTruncate
+        ? `${content.split("\n").slice(0, 20).join("\n")}\n...`
+        : content;
+    return (_jsxs(PagePanel, { variant: "inset", className: "overflow-hidden", children: [_jsx(PagePanel.Header, { heading: label, description: linesLabel, actions: _jsxs(PagePanel.ActionRail, { className: "rounded-full px-1 py-1", children: [lines > 20 ? (_jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-8 rounded-full px-3 text-xs-tight", onClick: () => setExpanded((current) => !current), children: expanded ? collapseLabel : expandLabel })) : null, _jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-8 rounded-full px-3 text-xs-tight", onClick: () => onCopy(content), title: copyToClipboardLabel, children: copyLabel })] }) }), _jsx("pre", { className: "max-h-[28rem] overflow-x-auto overflow-y-auto whitespace-pre-wrap break-words px-4 py-4 text-xs leading-6 text-txt", children: displayContent })] }));
+}

package/components/composites/trajectories/trajectory-context-diff-list.d.ts

@@ -0,0 +1,18 @@
+import type * as React from "react";
+export interface TrajectoryContextDiffSummary {
+    id: string;
+    label: React.ReactNode;
+    timestampLabel?: React.ReactNode;
+    added?: React.ReactNode;
+    removed?: React.ReactNode;
+    changed?: React.ReactNode;
+    tokenDelta?: React.ReactNode;
+    description?: React.ReactNode;
+}
+export interface TrajectoryContextDiffListProps {
+    diffs: readonly TrajectoryContextDiffSummary[];
+    emptyLabel?: React.ReactNode;
+    heading: React.ReactNode;
+}
+export declare function TrajectoryContextDiffList({ diffs, emptyLabel, heading, }: TrajectoryContextDiffListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-context-diff-list.d.ts.map

package/components/composites/trajectories/trajectory-context-diff-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-context-diff-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-context-diff-list.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,4BAA4B;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,SAAS,4BAA4B,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,UAAkE,EAClE,OAAO,GACR,EAAE,8BAA8B,2CAuDhC"}

package/components/composites/trajectories/trajectory-context-diff-list.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Activity, Plus, RefreshCcw, Trash2, } from "lucide-react";
+import { PagePanel } from "../page-panel/index.js";
+export function TrajectoryContextDiffList({ diffs, emptyLabel = "Context diffs are not available for this trajectory", heading, }) {
+    return (_jsxs(PagePanel, { variant: "section", className: "px-5 py-4", children: [_jsx("div", { className: "mb-3 text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: heading }), diffs.length === 0 ? (_jsx("div", { className: "rounded-lg border border-dashed border-border/50 px-4 py-6 text-sm text-muted", children: emptyLabel })) : (_jsx("div", { className: "space-y-3", children: diffs.map((diff) => (_jsxs(PagePanel, { variant: "inset", className: "p-4", children: [_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: diff.label }), diff.description ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: diff.description })) : null] }), diff.timestampLabel ? (_jsx("div", { className: "shrink-0 text-xs-tight text-muted", children: diff.timestampLabel })) : null] }), _jsxs("div", { className: "mt-4 grid gap-2 sm:grid-cols-4", children: [_jsx(DiffMetric, { icon: Plus, label: "Added", value: diff.added }), _jsx(DiffMetric, { icon: Trash2, label: "Removed", value: diff.removed }), _jsx(DiffMetric, { icon: RefreshCcw, label: "Changed", value: diff.changed }), _jsx(DiffMetric, { icon: Activity, label: "Token Delta", value: diff.tokenDelta })] })] }, diff.id))) }))] }));
+}
+function DiffMetric({ icon: Icon, label, value, }) {
+    return (_jsxs("div", { className: "rounded-lg border border-border/40 bg-bg/40 px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[11px] uppercase tracking-[0.12em] text-muted", children: [_jsx(Icon, { className: "h-3 w-3" }), label] }), _jsx("div", { className: "mt-1 text-sm font-semibold text-txt", children: value ?? "—" })] }));
+}

package/components/composites/trajectories/trajectory-event-timeline.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+export type TrajectoryTimelineStatus = "queued" | "running" | "success" | "failure" | "skipped" | "info";
+export interface TrajectoryTimelineEvent {
+    id: string;
+    type: string;
+    label: React.ReactNode;
+    stage?: React.ReactNode;
+    status?: TrajectoryTimelineStatus;
+    timestampLabel?: React.ReactNode;
+    description?: React.ReactNode;
+    meta?: React.ReactNode;
+}
+export interface TrajectoryEventTimelineProps {
+    emptyLabel?: React.ReactNode;
+    events: readonly TrajectoryTimelineEvent[];
+    heading: React.ReactNode;
+}
+export declare function TrajectoryEventTimeline({ emptyLabel, events, heading, }: TrajectoryEventTimelineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-event-timeline.d.ts.map

package/components/composites/trajectories/trajectory-event-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-event-timeline.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-event-timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,wBAAwB,GAChC,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,EAAE,SAAS,uBAAuB,EAAE,CAAC;IAC3C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAkBD,wBAAgB,uBAAuB,CAAC,EACtC,UAAiC,EACjC,MAAM,EACN,OAAO,GACR,EAAE,4BAA4B,2CAqD9B"}

package/components/composites/trajectories/trajectory-event-timeline.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle, Circle, Clock3, XCircle } from "lucide-react";
+import { PagePanel } from "../page-panel/index.js";
+function statusIcon(status) {
+    switch (status) {
+        case "running":
+        case "queued":
+            return _jsx(Clock3, { className: "h-3.5 w-3.5 text-primary" });
+        case "success":
+            return _jsx(CheckCircle, { className: "h-3.5 w-3.5 text-success" });
+        case "failure":
+            return _jsx(XCircle, { className: "h-3.5 w-3.5 text-danger" });
+        case "skipped":
+            return _jsx(Circle, { className: "h-3.5 w-3.5 text-muted/50" });
+        default:
+            return _jsx(Circle, { className: "h-3.5 w-3.5 text-muted" });
+    }
+}
+export function TrajectoryEventTimeline({ emptyLabel = "No events captured", events, heading, }) {
+    return (_jsxs(PagePanel, { variant: "section", className: "px-5 py-4", children: [_jsx("div", { className: "mb-3 text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: heading }), events.length === 0 ? (_jsx("div", { className: "rounded-lg border border-dashed border-border/50 px-4 py-6 text-sm text-muted", children: emptyLabel })) : (_jsx("ol", { className: "space-y-2", children: events.map((event) => (_jsxs("li", { className: "grid grid-cols-[1.5rem_1fr] gap-3 rounded-lg border border-border/40 bg-bg/40 px-3 py-3", children: [_jsx("div", { className: "mt-0.5 flex justify-center", children: statusIcon(event.status) }), _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [_jsx("span", { className: "truncate text-sm font-semibold text-txt", children: event.label }), event.stage ? (_jsx("span", { className: "rounded border border-border/50 px-1.5 py-0.5 text-[11px] uppercase tracking-[0.12em] text-muted", children: event.stage })) : null, event.timestampLabel ? (_jsx("span", { className: "text-xs-tight text-muted", children: event.timestampLabel })) : null] }), event.description ? (_jsx("div", { className: "mt-1 line-clamp-2 text-xs-tight text-muted", children: event.description })) : null, event.meta ? (_jsx("div", { className: "mt-2 text-xs-tight text-muted/80", children: event.meta })) : null] })] }, event.id))) }))] }));
+}

package/components/composites/trajectories/trajectory-llm-call-card.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+export interface TrajectoryLlmCallCardProps {
+    callLabel: React.ReactNode;
+    copyLabel: React.ReactNode;
+    copyToClipboardLabel?: string;
+    costLabel: React.ReactNode;
+    costValue: React.ReactNode;
+    inputLabel: React.ReactNode;
+    latencyLabel: React.ReactNode;
+    maxLabel: React.ReactNode;
+    maxValue: React.ReactNode;
+    model: React.ReactNode;
+    onCopy: (content: string) => void;
+    outputLabel: React.ReactNode;
+    purposeLabel: React.ReactNode;
+    response: string;
+    systemCollapseLabel: React.ReactNode;
+    systemExpandLabel: React.ReactNode;
+    systemLabel: React.ReactNode;
+    systemLinesLabel: React.ReactNode;
+    systemPrompt?: string | null;
+    systemPromptButtonLabel: React.ReactNode;
+    temperatureLabel: React.ReactNode;
+    temperatureValue: React.ReactNode;
+    tokensLabel: React.ReactNode;
+    totalTokensValue: React.ReactNode;
+    tokenBreakdownMeta: React.ReactNode;
+    tags?: readonly string[];
+    inputLinesLabel: React.ReactNode;
+    outputLinesLabel: React.ReactNode;
+    userPrompt: string;
+}
+export declare function TrajectoryLlmCallCard({ callLabel, copyLabel, copyToClipboardLabel, costLabel, costValue, inputLabel, latencyLabel, maxLabel, maxValue, model, onCopy, outputLabel, purposeLabel, response, systemCollapseLabel, systemExpandLabel, systemLabel, systemLinesLabel, systemPrompt, systemPromptButtonLabel, temperatureLabel, temperatureValue, tokensLabel, totalTokensValue, tokenBreakdownMeta, tags, inputLinesLabel, outputLinesLabel, userPrompt, }: TrajectoryLlmCallCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-llm-call-card.d.ts.map

package/components/composites/trajectories/trajectory-llm-call-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-llm-call-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-llm-call-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,UAAU,GACX,EAAE,0BAA0B,2CAoH5B"}

package/components/composites/trajectories/trajectory-llm-call-card.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import * as React from "react";
+import { Button } from "../../ui/button.js";
+import { PagePanel } from "../page-panel/index.js";
+import { TrajectoryCodeBlock } from "./trajectory-code-block.js";
+function CallMetric({ label, value, meta }) {
+    return (_jsxs(PagePanel.SummaryCard, { compact: true, className: "px-4 py-3", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: label }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: value }), meta ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: meta })) : null] }));
+}
+export function TrajectoryLlmCallCard({ callLabel, copyLabel, copyToClipboardLabel, costLabel, costValue, inputLabel, latencyLabel, maxLabel, maxValue, model, onCopy, outputLabel, purposeLabel, response, systemCollapseLabel, systemExpandLabel, systemLabel, systemLinesLabel, systemPrompt, systemPromptButtonLabel, temperatureLabel, temperatureValue, tokensLabel, totalTokensValue, tokenBreakdownMeta, tags, inputLinesLabel, outputLinesLabel, userPrompt, }) {
+    const [showSystem, setShowSystem] = React.useState(false);
+    const purposeValue = tags?.length ? tags.join(", ") : "Inference";
+    return (_jsxs(PagePanel, { variant: "section", className: "p-5", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted", children: callLabel }), _jsx("div", { className: "text-lg font-semibold text-txt", children: model }), tags?.length ? (_jsx("div", { className: "flex flex-wrap gap-2", children: tags.map((tag) => (_jsx("span", { className: "rounded-full border border-border/50 bg-bg/60 px-2.5 py-1 text-[11px] font-medium text-muted", children: tag }, tag))) })) : null] }), systemPrompt ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setShowSystem((current) => !current), className: "shrink-0 gap-2 self-start", children: [showSystem ? (_jsx(ChevronDown, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronRight, { className: "h-3.5 w-3.5" })), showSystem ? systemCollapseLabel : systemPromptButtonLabel] })) : null] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [_jsx(CallMetric, { label: purposeLabel, value: purposeValue, meta: callLabel }), _jsx(CallMetric, { label: latencyLabel, value: response.length, meta: outputLinesLabel }), _jsx(CallMetric, { label: costLabel, value: costValue, meta: temperatureLabel }), _jsx(CallMetric, { label: tokensLabel, value: totalTokensValue, meta: tokenBreakdownMeta }), _jsx(CallMetric, { label: maxLabel, value: maxValue, meta: inputLinesLabel }), _jsx(CallMetric, { label: temperatureLabel, value: temperatureValue, meta: systemPrompt ? systemLinesLabel : systemExpandLabel })] }), systemPrompt && showSystem ? (_jsx(TrajectoryCodeBlock, { content: systemPrompt, label: systemLabel, linesLabel: systemLinesLabel, copyLabel: copyLabel, copyToClipboardLabel: copyToClipboardLabel, collapseLabel: systemCollapseLabel, expandLabel: systemExpandLabel, onCopy: onCopy })) : null] }), _jsxs("div", { className: "mt-4 grid gap-4 xl:grid-cols-2", children: [_jsx(TrajectoryCodeBlock, { content: userPrompt, label: inputLabel, linesLabel: inputLinesLabel, copyLabel: copyLabel, copyToClipboardLabel: copyToClipboardLabel, collapseLabel: systemCollapseLabel, expandLabel: systemExpandLabel, onCopy: onCopy }), _jsx(TrajectoryCodeBlock, { content: response, label: outputLabel, linesLabel: outputLinesLabel, copyLabel: copyLabel, copyToClipboardLabel: copyToClipboardLabel, collapseLabel: systemCollapseLabel, expandLabel: systemExpandLabel, onCopy: onCopy })] })] }));
+}

package/components/composites/trajectories/trajectory-pipeline-graph.d.ts

@@ -0,0 +1,26 @@
+/**
+ * TrajectoryPipelineGraph — horizontal pipeline visualization showing
+ * agent processing stages: input → shouldRespond → plan → actions → evaluators.
+ *
+ * Pure presentational component. The parent owns filter state and passes
+ * pre-computed node data.
+ */
+import type { LucideIcon } from "lucide-react";
+export type PipelineStageId = "input" | "should_respond" | "plan" | "actions" | "evaluators";
+export interface PipelineNode {
+    id: PipelineStageId;
+    label: string;
+    callCount: number;
+    status: "active" | "skipped" | "error";
+    icon: LucideIcon;
+}
+export interface TrajectoryPipelineGraphProps {
+    /** Ordered array of pipeline nodes (typically 5). */
+    nodes: PipelineNode[];
+    /** Currently selected stage, or null for "show all". */
+    activeStageId: PipelineStageId | null;
+    /** Callback when a stage node is clicked. */
+    onStageClick: (stageId: PipelineStageId) => void;
+}
+export declare function TrajectoryPipelineGraph({ nodes, activeStageId, onStageClick, }: TrajectoryPipelineGraphProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-pipeline-graph.d.ts.map

package/components/composites/trajectories/trajectory-pipeline-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-pipeline-graph.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-pipeline-graph.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/C,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,SAAS,GACT,YAAY,CAAC;AAEjB,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,eAAe,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,4BAA4B;IAC3C,qDAAqD;IACrD,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,wDAAwD;IACxD,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,6CAA6C;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAClD;AA4GD,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,aAAa,EACb,YAAY,GACb,EAAE,4BAA4B,2CAsB9B"}

package/components/composites/trajectories/trajectory-pipeline-graph.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Sub-components
+// ---------------------------------------------------------------------------
+function PipelineConnector({ dimmed }) {
+    return (_jsx("div", { className: `flex items-center ${dimmed ? "opacity-30" : "opacity-60"}`, children: _jsxs("svg", { width: "36", height: "12", viewBox: "0 0 36 12", fill: "none", className: "shrink-0", "aria-hidden": "true", focusable: "false", children: [_jsx("line", { x1: "0", y1: "6", x2: "28", y2: "6", stroke: "currentColor", strokeWidth: "1.5", className: "text-muted" }), _jsx("path", { d: "M28 2 L34 6 L28 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", className: "text-muted" })] }) }));
+}
+function PipelineNodeButton({ node, selected, onClick, }) {
+    const Icon = node.icon;
+    const statusClasses = {
+        active: selected
+            ? "border-primary/40 bg-primary/5 ring-2 ring-primary/30 shadow-sm"
+            : "border-border/40 hover:border-border/60 hover:shadow-sm",
+        skipped: selected
+            ? "border-primary/30 bg-primary/5 ring-2 ring-primary/20 opacity-70"
+            : "border-border/25 border-dashed opacity-50 hover:opacity-70",
+        error: selected
+            ? "border-danger/40 bg-danger/5 ring-2 ring-danger/30"
+            : "border-danger/30 hover:border-danger/40",
+    };
+    const iconColor = {
+        active: selected ? "text-primary" : "text-txt/70",
+        skipped: "text-muted/50",
+        error: "text-danger/80",
+    };
+    const countBg = {
+        active: selected ? "bg-primary/15 text-primary" : "bg-muted/10 text-txt/60",
+        skipped: "bg-muted/8 text-muted/40",
+        error: "bg-danger/10 text-danger/70",
+    };
+    return (_jsxs("button", { type: "button", onClick: onClick, className: `
+        flex min-w-[90px] flex-col items-center gap-1.5 rounded-xl border
+        px-3 py-2.5 transition-all duration-150 cursor-pointer select-none
+        ${statusClasses[node.status]}
+      `, children: [_jsx(Icon, { className: `h-5 w-5 ${iconColor[node.status]}` }), _jsx("span", { className: "text-2xs font-semibold uppercase tracking-[0.12em] text-txt/70 whitespace-nowrap", children: node.label }), _jsx("span", { className: `
+          rounded-full px-2 py-0.5 text-2xs font-bold leading-none
+          ${countBg[node.status]}
+        `, children: node.id === "input" ? "\u2713" : node.callCount })] }));
+}
+// ---------------------------------------------------------------------------
+// Main component
+// ---------------------------------------------------------------------------
+export function TrajectoryPipelineGraph({ nodes, activeStageId, onStageClick, }) {
+    return (_jsx("div", { className: "flex items-center gap-1 overflow-x-auto py-1", children: nodes.map((node, i) => (_jsxs("div", { className: "contents", children: [i > 0 && (_jsx(PipelineConnector, { dimmed: node.status === "skipped" ||
+                        (i > 0 && nodes[i - 1].status === "skipped") })), _jsx(PipelineNodeButton, { node: node, selected: activeStageId === node.id, onClick: () => onStageClick(node.id) })] }, node.id))) }));
+}

package/components/composites/trajectories/trajectory-sidebar-item.d.ts

@@ -0,0 +1,15 @@
+import type * as React from "react";
+export interface TrajectorySidebarItemProps {
+    active?: boolean;
+    callCount: React.ReactNode;
+    durationLabel: React.ReactNode;
+    onSelect?: () => void;
+    sourceColor?: string;
+    sourceLabel: React.ReactNode;
+    statusColor?: string;
+    statusLabel: React.ReactNode;
+    title: React.ReactNode;
+    tokenLabel: React.ReactNode;
+}
+export declare function TrajectorySidebarItem({ active, callCount, durationLabel, onSelect, sourceColor, sourceLabel, statusColor, statusLabel, title, tokenLabel, }: TrajectorySidebarItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=trajectory-sidebar-item.d.ts.map

package/components/composites/trajectories/trajectory-sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trajectory-sidebar-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/trajectories/trajectory-sidebar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAsBpC,MAAM,WAAW,0BAA0B;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAc,EACd,SAAS,EACT,aAAa,EACb,QAAQ,EACR,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,KAAK,EACL,UAAU,GACX,EAAE,0BAA0B,2CA0B5B"}

package/components/composites/trajectories/trajectory-sidebar-item.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarContent } from "../sidebar/index.js";
+function InlineMeta({ color, label, }) {
+    return (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-2xs font-medium text-muted/85", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full", style: color ? { backgroundColor: color } : undefined }), _jsx("span", { children: label })] }));
+}
+export function TrajectorySidebarItem({ active = false, callCount, durationLabel, onSelect, sourceColor, sourceLabel, statusColor, statusLabel, title, tokenLabel, }) {
+    return (_jsxs(SidebarContent.Item, { active: active, onClick: onSelect, "aria-current": active ? "page" : undefined, children: [_jsx(SidebarContent.ItemIcon, { active: active, className: "text-xs-tight font-bold", children: callCount }), _jsxs(SidebarContent.ItemBody, { children: [_jsx(SidebarContent.ItemTitle, { children: title }), _jsx(SidebarContent.ItemDescription, { children: _jsxs("span", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [_jsx(InlineMeta, { label: sourceLabel, color: sourceColor }), _jsx(InlineMeta, { label: statusLabel, color: statusColor }), _jsx("span", { children: tokenLabel }), _jsx("span", { children: durationLabel })] }) })] })] }));
+}

package/components/config-ui/config-control-primitives.d.ts

@@ -0,0 +1,14 @@
+export declare function getConfigInputClassName({ className, density, hasError, }: {
+    className?: string;
+    density?: "compact" | "regular";
+    hasError?: boolean;
+}): string;
+export declare function getConfigTextareaClassName({ className, density, hasError, }: {
+    className?: string;
+    density?: "compact" | "regular";
+    hasError?: boolean;
+}): string;
+export declare function ConfigFieldErrors({ errors, }: {
+    errors?: readonly string[] | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=config-control-primitives.d.ts.map

package/components/config-ui/config-control-primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-control-primitives.d.ts","sourceRoot":"","sources":["../../../../../../src/components/config-ui/config-control-primitives.tsx"],"names":[],"mappings":"AAEA,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAmB,EACnB,QAAgB,GACjB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,UAWA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,OAAmB,EACnB,QAAgB,GACjB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,UAWA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;CACxC,kDAcA"}

package/components/config-ui/config-control-primitives.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@elizaos/ui";
+export function getConfigInputClassName({ className, density = "regular", hasError = false, }) {
+    return cn("w-full border border-border bg-card font-[var(--mono)] box-border transition-[border-color,box-shadow,background-color] focus:border-accent focus:outline-none focus:ring-1 focus:ring-accent placeholder:text-muted placeholder:opacity-60", density === "compact"
+        ? "h-8 px-2 py-1 text-xs"
+        : "h-9 rounded-sm px-3 py-2 text-sm", hasError
+        ? "border-destructive bg-[color-mix(in_srgb,var(--destructive)_3%,var(--card))]"
+        : null, className);
+}
+export function getConfigTextareaClassName({ className, density = "regular", hasError = false, }) {
+    return cn("w-full border border-border bg-card font-[var(--mono)] box-border transition-[border-color,box-shadow,background-color] focus:border-accent focus:outline-none focus:ring-1 focus:ring-accent resize-y", density === "compact"
+        ? "min-h-16 px-2 py-1 text-xs"
+        : "min-h-[72px] max-h-[400px] rounded-sm px-3 py-2 text-sm", hasError
+        ? "border-destructive bg-[color-mix(in_srgb,var(--destructive)_3%,var(--card))]"
+        : null, className);
+}
+export function ConfigFieldErrors({ errors, }) {
+    if (!errors?.length) {
+        return null;
+    }
+    return (_jsx("div", { className: "flex flex-col gap-0.5", children: errors.map((err) => (_jsx("span", { className: "text-2xs text-destructive", children: err }, err))) }));
+}

package/components/config-ui/config-field.d.ts

@@ -0,0 +1,58 @@
+import type { FieldRenderer, FieldRenderProps } from "../../config/config-catalog";
+/** Single-line text input for unresolved field types. */
+export declare function renderTextField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Masked password input with show/hide toggle and async onReveal for server-backed decryption. */
+export declare function renderPasswordField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Numeric input with min/max/step attributes derived from schema and hints. */
+export declare function renderNumberField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Pill-shaped toggle switch. Accepts boolean or string 'true'/'false' values. */
+export declare function renderBooleanField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** URL input with type="url" browser validation. */
+export declare function renderUrlField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Dropdown select. Options from hint.options or schema.enum. */
+export declare function RenderSelectField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Multi-line text input with auto-resize. Auto-detected for maxLength > 200. */
+export declare function renderTextareaField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Email input with type="email" browser validation. */
+export declare function renderEmailField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Color picker swatch paired with a hex text input. */
+export declare function renderColorField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Vertical radio button group. Supports per-option descriptions. */
+export declare function renderRadioField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Checkbox group for selecting multiple values from options. */
+export declare function renderMultiselectField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Native date picker input. */
+export declare function renderDateField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** JSON editor textarea with parse validation on blur. Shows inline error for invalid JSON. */
+export declare function renderJsonField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Monospaced code editor textarea for templates and snippets. */
+export declare function renderCodeField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Add/remove items list. Max 100 items. Parses comma-separated strings. */
+export declare function renderArrayField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Key-value pair editor with add/remove rows. Blocks prototype pollution keys. */
+export declare function renderKeyValueField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Combined date and time picker (datetime-local). */
+export declare function renderDatetimeField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** File path text input with path traversal guard. */
+export declare function RenderFileField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Placeholder for plugin-provided custom React components. */
+export declare function RenderCustomField(props: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+/** Markdown textarea with Edit/Preview toggle. */
+export declare const renderMarkdownField: FieldRenderer;
+/** Vertical checkbox list with per-option descriptions and accent highlighting. */
+export declare const renderCheckboxGroupField: FieldRenderer;
+/** Fieldset container with legend label. */
+export declare const renderGroupField: FieldRenderer;
+/** Tabular data editor with configurable columns. Max 50 rows. */
+export declare const renderTableField: FieldRenderer;
+export declare const defaultRenderers: Record<string, FieldRenderer>;
+/**
+ * Wraps a field renderer with the standard label row, env key display,
+ * help text, and error messages.
+ */
+export declare function ConfigField({ renderProps, renderer, pluginId, }: {
+    renderProps: FieldRenderProps;
+    renderer: FieldRenderer;
+    pluginId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=config-field.d.ts.map

package/components/config-ui/config-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-field.d.ts","sourceRoot":"","sources":["../../../../../../src/components/config-ui/config-field.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EACjB,MAAM,6BAA6B,CAAC;AA4CrC,yDAAyD;AACzD,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAyBtD;AAID,mGAAmG;AACnG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,2CAE1D;AAyED,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,2CAExD;AAiGD,kFAAkF;AAClF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,2CAEzD;AA2CD,oDAAoD;AACpD,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,2CAyBrD;AAID,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,2CA+ExD;AAyMD,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,2CAE1D;AAyCD,wDAAwD;AACxD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,2CAsBvD;AAID,wDAAwD;AACxD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,2CAEvD;AA2CD,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,2CAEvD;AAkED,iEAAiE;AACjE,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,2CAE7D;AAkGD,gCAAgC;AAChC,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAqBtD;AAID,+FAA+F;AAC/F,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAEtD;AA6DD,kEAAkE;AAClE,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAsBtD;AAID,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,2CAEvD;AAoKD,mFAAmF;AACnF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,2CAE1D;AAyGD,sDAAsD;AACtD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,2CAmB1D;AAID,sDAAsD;AACtD,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAgCtD;AAID,+DAA+D;AAC/D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,2CAkBxD;AA8OD,kDAAkD;AAClD,eAAO,MAAM,mBAAmB,EAAE,aAEjC,CAAC;AA4EF,mFAAmF;AACnF,eAAO,MAAM,wBAAwB,EAAE,aAEtC,CAAC;AAIF,4CAA4C;AAC5C,eAAO,MAAM,gBAAgB,EAAE,aAwB9B,CAAC;AAoHF,kEAAkE;AAClE,eAAO,MAAM,gBAAgB,EAAE,aAE9B,CAAC;AAIF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAwB1D,CAAC;AAIF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAoGA"}