@elizaos/agent 2.0.0-alpha.441 → 2.0.0-alpha.501

package/packages/app-core/src/components/character/CharacterExperienceWorkspace.js

@@ -73,6 +73,163 @@ function shortId(value) {
         return "Not recorded";
     return value.length > 12 ? `${value.slice(0, 12)}...` : value;
 }
+function experienceKeywords(experience) {
+    return experience.keywords && experience.keywords.length > 0
+        ? experience.keywords
+        : experience.tags;
+}
+function sharedValues(left, right) {
+    const rightValues = new Set(right);
+    return left.filter((value) => rightValues.has(value));
+}
+function buildLocalGraphLinks(experiences) {
+    const links = new Map();
+    const addLink = (link) => {
+        const key = `${link.sourceId}:${link.targetId}:${link.type}`;
+        const existing = links.get(key);
+        if (!existing || existing.strength < link.strength) {
+            links.set(key, link);
+        }
+    };
+    const byId = new Map(experiences.map((experience) => [experience.id, experience]));
+    for (const experience of experiences) {
+        const supersededExperience = experience.supersedes
+            ? byId.get(experience.supersedes)
+            : undefined;
+        if (experience.supersedes && supersededExperience) {
+            addLink({
+                sourceId: experience.id,
+                targetId: experience.supersedes,
+                type: "supersedes",
+                strength: 0.95,
+                keywords: sharedValues(experienceKeywords(experience), experienceKeywords(supersededExperience)),
+            });
+        }
+        for (const relatedId of experience.relatedExperienceIds ?? []) {
+            const relatedExperience = byId.get(relatedId);
+            if (relatedExperience) {
+                addLink({
+                    sourceId: experience.id,
+                    targetId: relatedId,
+                    type: "similar",
+                    strength: 0.7,
+                    keywords: sharedValues(experienceKeywords(experience), experienceKeywords(relatedExperience)),
+                });
+            }
+        }
+    }
+    for (let index = 0; index < experiences.length; index++) {
+        const left = experiences[index];
+        if (!left)
+            continue;
+        for (let nextIndex = index + 1; nextIndex < experiences.length; nextIndex++) {
+            const right = experiences[nextIndex];
+            if (!right)
+                continue;
+            const keywords = sharedValues(experienceKeywords(left), experienceKeywords(right));
+            const sharedEntity = (left.associatedEntityIds ?? []).some((entityId) => (right.associatedEntityIds ?? []).includes(entityId));
+            if (keywords.length >= 2 && left.domain === right.domain) {
+                addLink({
+                    sourceId: left.id,
+                    targetId: right.id,
+                    type: "supports",
+                    strength: Math.min(0.85, 0.4 + keywords.length * 0.1),
+                    keywords,
+                });
+            }
+            else if (sharedEntity && left.domain === right.domain) {
+                addLink({
+                    sourceId: left.id,
+                    targetId: right.id,
+                    type: "co_occurs",
+                    strength: 0.55,
+                    keywords,
+                });
+            }
+        }
+    }
+    return Array.from(links.values())
+        .sort((left, right) => right.strength - left.strength)
+        .slice(0, 60);
+}
+function buildGraphPositions(experiences) {
+    const domains = uniqueSorted(experiences.map((experience) => experience.domain));
+    const domainCenter = new Map(domains.map((domain, index) => {
+        const total = Math.max(domains.length, 1);
+        const angle = (Math.PI * 2 * index) / total - Math.PI / 2;
+        return [
+            domain ?? "general",
+            {
+                x: 50 + Math.cos(angle) * 24,
+                y: 50 + Math.sin(angle) * 22,
+            },
+        ];
+    }));
+    const domainCounts = new Map();
+    return new Map(experiences.map((experience, index) => {
+        const domain = experience.domain ?? "general";
+        const domainIndex = domainCounts.get(domain) ?? 0;
+        domainCounts.set(domain, domainIndex + 1);
+        const center = domainCenter.get(domain) ?? { x: 50, y: 50 };
+        const angle = (Math.PI * 2 * domainIndex) / 7 + index * 0.41;
+        const radius = 5 + (domainIndex % 4) * 4.8;
+        return [
+            experience.id,
+            {
+                x: Math.max(8, Math.min(92, center.x + Math.cos(angle) * radius)),
+                y: Math.max(10, Math.min(90, center.y + Math.sin(angle) * radius)),
+            },
+        ];
+    }));
+}
+function graphNodeColor(experience) {
+    switch (experience.outcome) {
+        case "positive":
+            return {
+                fill: "rgb(34 197 94)",
+                glow: "rgba(34,197,94,0.42)",
+                ring: "rgba(134,239,172,0.9)",
+            };
+        case "negative":
+            return {
+                fill: "rgb(239 68 68)",
+                glow: "rgba(239,68,68,0.42)",
+                ring: "rgba(252,165,165,0.9)",
+            };
+        case "mixed":
+            return {
+                fill: "rgb(245 158 11)",
+                glow: "rgba(245,158,11,0.42)",
+                ring: "rgba(253,230,138,0.9)",
+            };
+        default:
+            return {
+                fill: "rgb(56 189 248)",
+                glow: "rgba(56,189,248,0.38)",
+                ring: "rgba(125,211,252,0.85)",
+            };
+    }
+}
+function graphLinkColor(type) {
+    switch (type) {
+        case "supersedes":
+            return "rgba(245,158,11,0.9)";
+        case "co_occurs":
+            return "rgba(56,189,248,0.72)";
+        case "supports":
+            return "rgba(34,197,94,0.64)";
+        default:
+            return "rgba(148,163,184,0.56)";
+    }
+}
+function graphPath(source, target) {
+    const midX = (source.x + target.x) / 2;
+    const midY = (source.y + target.y) / 2;
+    const dx = target.x - source.x;
+    const dy = target.y - source.y;
+    const curve = Math.min(10, Math.max(-10, (dx - dy) * 0.12));
+    return `M ${source.x} ${source.y} Q ${midX + curve} ${midY - curve} ${target.x} ${target.y}`;
+}
 function selectedOrFirst(experiences, selectedExperienceId) {
     return (experiences.find((experience) => experience.id === selectedExperienceId) ??
         experiences[0] ??
@@ -93,8 +250,66 @@ function ProvenancePanel({ experience, }) {
     const trajectoryTarget = experience.sourceTrajectoryId ?? experience.sourceTrajectoryStepId ?? null;
     return (_jsxs("div", { className: "rounded-xl border border-border/30 bg-bg-muted/10 p-3", children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Evidence source" }), _jsxs("div", { className: "mt-3 grid gap-3 text-sm md:grid-cols-2 xl:grid-cols-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-semibold text-muted", children: "Method" }), _jsx("div", { className: "mt-1 font-mono text-xs text-muted-strong", children: experience.extractionMethod ?? "unknown" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-semibold text-muted", children: "Room" }), _jsx("div", { className: "mt-1 font-mono text-xs text-muted-strong", children: shortId(experience.sourceRoomId) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-semibold text-muted", children: "Trigger message" }), _jsx("div", { className: "mt-1 font-mono text-xs text-muted-strong", children: shortId(experience.sourceTriggerMessageId) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-semibold text-muted", children: "Evidence messages" }), _jsx("div", { className: "mt-1 font-mono text-xs text-muted-strong", children: sourceMessageIds.length > 0
                                     ? `${sourceMessageIds.length} captured`
+                                    : "Not recorded" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-semibold text-muted", children: "Associated entities" }), _jsx("div", { className: "mt-1 font-mono text-xs text-muted-strong", children: (experience.associatedEntityIds ?? []).length > 0
+                                    ? `${experience.associatedEntityIds?.length} linked`
                                     : "Not recorded" })] })] }), trajectoryTarget ? (_jsxs("div", { className: "mt-3 text-xs text-muted", children: ["Trajectory:", " ", _jsx("a", { href: `/trajectories/${trajectoryTarget}`, className: "font-mono text-muted-strong underline", children: shortId(trajectoryTarget) })] })) : null, experience.extractionReason ? (_jsx("p", { className: "mt-3 whitespace-pre-wrap text-sm leading-relaxed text-muted-strong", children: experience.extractionReason })) : null] }));
 }
+function ExperienceGraphPanel({ experiences, selectedExperienceId, onSelectExperience, }) {
+    const graphExperiences = experiences.slice(0, 24);
+    const links = buildLocalGraphLinks(graphExperiences);
+    const positions = buildGraphPositions(graphExperiences);
+    const connectedIds = new Set(links.flatMap((link) => [link.sourceId, link.targetId]));
+    return (_jsxs("div", { "data-testid": "experience-graph-panel", className: "relative h-[24rem] overflow-hidden rounded-[2rem] border border-border/40 bg-[radial-gradient(circle_at_18%_16%,rgba(56,189,248,0.18),transparent_30%),radial-gradient(circle_at_82%_24%,rgba(245,158,11,0.16),transparent_28%),radial-gradient(circle_at_50%_92%,rgba(34,197,94,0.12),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.24),rgba(2,6,23,0.04))]", children: [_jsx("div", { className: "pointer-events-none absolute inset-0 opacity-60 [background-image:linear-gradient(rgba(148,163,184,0.08)_1px,transparent_1px),linear-gradient(90deg,rgba(148,163,184,0.08)_1px,transparent_1px)] [background-size:34px_34px]" }), _jsx("div", { className: "pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_center,transparent_0%,rgba(2,6,23,0.22)_72%)]" }), _jsxs("svg", { "aria-hidden": "true", className: "absolute inset-0 h-full w-full", viewBox: "0 0 100 100", preserveAspectRatio: "none", children: [_jsx("defs", { children: _jsxs("filter", { id: "experience-graph-glow", x: "-60%", y: "-60%", width: "220%", height: "220%", children: [_jsx("feGaussianBlur", { stdDeviation: "1.7", result: "blur" }), _jsxs("feMerge", { children: [_jsx("feMergeNode", { in: "blur" }), _jsx("feMergeNode", { in: "SourceGraphic" })] })] }) }), links.map((link) => {
+                        const source = positions.get(link.sourceId);
+                        const target = positions.get(link.targetId);
+                        if (!source || !target)
+                            return null;
+                        return (_jsx("path", { d: graphPath(source, target), fill: "none", filter: "url(#experience-graph-glow)", stroke: graphLinkColor(link.type), strokeDasharray: link.type === "supersedes" ? "3 3" : undefined, strokeLinecap: "round", strokeWidth: Math.max(0.22, link.strength * 0.8), vectorEffect: "non-scaling-stroke" }, `${link.sourceId}-${link.targetId}-${link.type}`));
+                    })] }), graphExperiences.map((experience) => {
+                const position = positions.get(experience.id) ?? { x: 50, y: 50 };
+                const selected = experience.id === selectedExperienceId;
+                const review = needsReview(experience);
+                const color = graphNodeColor(experience);
+                const size = 1.9 + clampScore(experience.importance) * 2.7;
+                const confidence = clampScore(experience.confidence);
+                const hasEntities = (experience.associatedEntityIds ?? []).length > 0;
+                const connected = connectedIds.has(experience.id);
+                return (_jsxs("button", { type: "button", "aria-label": `Select experience: ${experience.learning || experience.result || experience.context}`, "data-testid": `experience-graph-node-${experience.id}`, className: "absolute -translate-x-1/2 -translate-y-1/2 rounded-full outline-none transition duration-200 hover:scale-125 focus-visible:ring-2 focus-visible:ring-accent", style: {
+                        left: `${position.x}%`,
+                        top: `${position.y}%`,
+                        width: `${size}rem`,
+                        height: `${size}rem`,
+                    }, onClick: () => onSelectExperience(experience.id), children: [_jsx("span", { "aria-hidden": "true", className: "absolute rounded-full blur-xl", style: {
+                                inset: "-42%",
+                                background: color.glow,
+                                opacity: connected ? 0.88 : 0.48,
+                            } }), hasEntities ? (_jsx("span", { "aria-hidden": "true", className: "absolute rounded-full border", style: {
+                                inset: "-28%",
+                                borderColor: color.ring,
+                                opacity: 0.45 + confidence * 0.25,
+                            } })) : null, _jsx("span", { "aria-hidden": "true", className: "absolute rounded-full border", style: {
+                                inset: selected ? "-20%" : review ? "-12%" : "-5%",
+                                borderColor: selected
+                                    ? "rgb(255 255 255)"
+                                    : review
+                                        ? color.ring
+                                        : "rgba(255,255,255,0.26)",
+                                opacity: selected ? 0.95 : review ? 0.72 : 0.38,
+                            } }), _jsx("span", { "aria-hidden": "true", className: "absolute inset-0 rounded-full border shadow-lg", style: {
+                                background: `radial-gradient(circle at 32% 28%, rgba(255,255,255,0.92), ${color.fill} 32%, rgba(15,23,42,0.88) 100%)`,
+                                borderColor: color.ring,
+                                boxShadow: selected
+                                    ? `0 0 0 10px ${color.glow}, 0 0 42px ${color.glow}`
+                                    : `0 0 ${connected ? 28 : 16}px ${color.glow}`,
+                                opacity: 0.48 + confidence * 0.5,
+                            } }), _jsx("span", { "aria-hidden": "true", className: "absolute rounded-full bg-white/70", style: {
+                                top: "24%",
+                                left: "27%",
+                                width: "18%",
+                                height: "18%",
+                            } })] }, experience.id));
+            })] }));
+}
 export function CharacterExperienceWorkspace({ experiences, selectedExperienceId, onSelectExperience, onSaveExperience, onDeleteExperience, savingExperienceId, deletingExperienceId, }) {
     const { t } = useTranslation();
     const [searchQuery, setSearchQuery] = useState("");
@@ -154,7 +369,7 @@ export function CharacterExperienceWorkspace({ experiences, selectedExperienceId
             }
             if (!query)
                 return true;
-            const haystack = compactText(experience.type, experience.outcome, experience.domain, experience.context, experience.action, experience.result, experience.learning, experience.previousBelief, experience.correctedBelief, experience.supersedes, experience.sourceRoomId, experience.sourceTriggerMessageId, experience.sourceTrajectoryId, experience.sourceTrajectoryStepId, experience.extractionMethod, experience.extractionReason, ...(experience.relatedExperienceIds ?? []), ...(experience.sourceMessageIds ?? []), ...experience.tags);
+            const haystack = compactText(experience.type, experience.outcome, experience.domain, experience.context, experience.action, experience.result, experience.learning, experience.previousBelief, experience.correctedBelief, experience.supersedes, experience.sourceRoomId, experience.sourceTriggerMessageId, experience.sourceTrajectoryId, experience.sourceTrajectoryStepId, experience.extractionMethod, experience.extractionReason, ...(experience.relatedExperienceIds ?? []), ...(experience.mergedExperienceIds ?? []), ...(experience.sourceMessageIds ?? []), ...(experience.keywords ?? []), ...(experience.associatedEntityIds ?? []), ...experience.tags);
             return haystack.includes(query);
         });
         return [...filtered].sort((left, right) => {
@@ -191,7 +406,7 @@ export function CharacterExperienceWorkspace({ experiences, selectedExperienceId
     if (experiences.length === 0) {
         return (_jsxs("section", { className: "rounded-2xl border border-dashed border-border/40 bg-bg-muted/20 px-5 py-8 text-sm text-muted", children: [_jsx("div", { className: "text-base font-semibold text-txt", children: "I haven\u2019t learned anything yet." }), _jsx("p", { className: "mt-1 max-w-xl", children: "As we work together I\u2019ll keep notes here \u2014 what worked, what didn\u2019t, things I want to remember next time. Each lesson lands with the context that produced it so you can review or correct me." })] }));
     }
-    return (_jsxs("section", { className: "flex min-w-0 flex-col gap-4", children: [_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/70 p-4", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "text-base font-semibold text-txt", children: "Experience" }), _jsx("p", { className: "text-sm text-muted", children: "Triage learned outcomes by priority, confidence, evidence, and correction history." })] }), _jsxs("div", { className: "rounded-full border border-border/40 px-3 py-1 text-xs font-semibold text-muted", children: [filteredExperiences.length, " of ", experiences.length, " shown"] })] }), _jsxs("div", { className: "mt-4 grid gap-3 md:grid-cols-4", children: [_jsx(StatTile, { label: "Captured", value: String(stats.total), detail: `${stats.reviewCount} need review` }), _jsx(StatTile, { label: "Avg importance", value: formatPercent(stats.averageImportance), detail: "Ranking weight" }), _jsx(StatTile, { label: "Avg confidence", value: formatPercent(stats.averageConfidence), detail: "Evidence strength" }), _jsx(StatTile, { label: "Corrections", value: String(stats.corrections), detail: "Beliefs revised" })] }), _jsxs("div", { className: "mt-4 grid gap-3 lg:grid-cols-[minmax(14rem,1.4fr)_repeat(5,minmax(8rem,1fr))]", children: [_jsxs("label", { htmlFor: "experience-search", className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Search experiences" }), _jsx(Input, { id: "experience-search", type: "search", value: searchQuery, onChange: (event) => setSearchQuery(event.target.value), placeholder: t("character.searchLearningEvidenceTags"), className: "h-9 rounded-xl border-border/40 bg-bg-muted/15" })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Outcome filter" }), _jsxs("select", { "aria-label": t("character.outcomeFilter"), value: outcomeFilter, onChange: (event) => setOutcomeFilter(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "all", children: "All outcomes" }), filters.outcomes.map((outcome) => (_jsx("option", { value: outcome, children: outcome }, outcome)))] })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Domain filter" }), _jsxs("select", { "aria-label": t("character.domainFilter"), value: domainFilter, onChange: (event) => setDomainFilter(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "all", children: "All domains" }), filters.domains.map((domain) => (_jsx("option", { value: domain, children: domain }, domain)))] })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Tag filter" }), _jsxs("select", { "aria-label": t("character.tagFilter"), value: tagFilter, onChange: (event) => setTagFilter(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "all", children: "All tags" }), filters.tags.map((tag) => (_jsx("option", { value: tag, children: tag }, tag)))] })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Review filter" }), _jsxs("select", { "aria-label": t("character.reviewFilter"), value: reviewFilter, onChange: (event) => setReviewFilter(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "all", children: "All review states" }), _jsx("option", { value: "needs-review", children: "Needs review" }), _jsx("option", { value: "corrected", children: "Corrected belief" }), _jsx("option", { value: "superseded", children: "Supersedes prior" })] })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Sort experiences" }), _jsxs("select", { "aria-label": t("character.sortExperiences"), value: sortMode, onChange: (event) => setSortMode(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "priority", children: "Priority" }), _jsx("option", { value: "newest", children: "Newest" }), _jsx("option", { value: "importance", children: "Importance" }), _jsx("option", { value: "confidence", children: "Lowest confidence" })] })] })] })] }), _jsxs("div", { className: "grid min-w-0 gap-4 xl:grid-cols-[minmax(19rem,25rem)_minmax(0,1fr)]", children: [_jsxs("div", { className: "flex min-h-[28rem] min-w-0 flex-col overflow-hidden rounded-2xl border border-border/40 bg-bg/70", children: [_jsxs("div", { className: "border-b border-border/30 px-4 py-3", children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Review queue" }), _jsx("p", { className: "mt-1 text-sm text-muted", children: "Priority favors high importance, low confidence, and corrected beliefs." })] }), _jsx("div", { className: "custom-scrollbar flex min-w-0 flex-1 flex-col overflow-y-auto", children: filteredExperiences.length === 0 ? (_jsx("div", { className: "px-4 py-8 text-sm text-muted", children: "No experiences match the current filters." })) : (filteredExperiences.map((experience) => {
+    return (_jsxs("section", { className: "flex min-w-0 flex-col gap-4", children: [_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/70 p-4", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "text-base font-semibold text-txt", children: "Experience" }), _jsx("p", { className: "text-sm text-muted", children: "Triage learned outcomes by priority, confidence, evidence, and correction history." })] }), _jsxs("div", { className: "rounded-full border border-border/40 px-3 py-1 text-xs font-semibold text-muted", children: [filteredExperiences.length, " of ", experiences.length, " shown"] })] }), _jsxs("div", { className: "mt-4 grid gap-3 md:grid-cols-4", children: [_jsx(StatTile, { label: "Captured", value: String(stats.total), detail: `${stats.reviewCount} need review` }), _jsx(StatTile, { label: "Avg importance", value: formatPercent(stats.averageImportance), detail: "Ranking weight" }), _jsx(StatTile, { label: "Avg confidence", value: formatPercent(stats.averageConfidence), detail: "Evidence strength" }), _jsx(StatTile, { label: "Corrections", value: String(stats.corrections), detail: "Beliefs revised" })] }), _jsxs("div", { className: "mt-4 grid gap-3 lg:grid-cols-[minmax(14rem,1.4fr)_repeat(5,minmax(8rem,1fr))]", children: [_jsxs("label", { htmlFor: "experience-search", className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Search experiences" }), _jsx(Input, { id: "experience-search", type: "search", value: searchQuery, onChange: (event) => setSearchQuery(event.target.value), placeholder: t("character.searchLearningEvidenceTags"), className: "h-9 rounded-xl border-border/40 bg-bg-muted/15" })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Outcome filter" }), _jsxs("select", { "aria-label": t("character.outcomeFilter"), value: outcomeFilter, onChange: (event) => setOutcomeFilter(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "all", children: "All outcomes" }), filters.outcomes.map((outcome) => (_jsx("option", { value: outcome, children: outcome }, outcome)))] })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Domain filter" }), _jsxs("select", { "aria-label": t("character.domainFilter"), value: domainFilter, onChange: (event) => setDomainFilter(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "all", children: "All domains" }), filters.domains.map((domain) => (_jsx("option", { value: domain, children: domain }, domain)))] })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Tag filter" }), _jsxs("select", { "aria-label": t("character.tagFilter"), value: tagFilter, onChange: (event) => setTagFilter(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "all", children: "All tags" }), filters.tags.map((tag) => (_jsx("option", { value: tag, children: tag }, tag)))] })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Review filter" }), _jsxs("select", { "aria-label": t("character.reviewFilter"), value: reviewFilter, onChange: (event) => setReviewFilter(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "all", children: "All review states" }), _jsx("option", { value: "needs-review", children: "Needs review" }), _jsx("option", { value: "corrected", children: "Corrected belief" }), _jsx("option", { value: "superseded", children: "Supersedes prior" })] })] }), _jsxs("label", { className: "min-w-0", children: [_jsx("span", { className: "sr-only", children: "Sort experiences" }), _jsxs("select", { "aria-label": t("character.sortExperiences"), value: sortMode, onChange: (event) => setSortMode(event.target.value), className: "h-9 w-full rounded-xl border border-border/40 bg-bg-muted/15 px-3 text-sm text-txt", children: [_jsx("option", { value: "priority", children: "Priority" }), _jsx("option", { value: "newest", children: "Newest" }), _jsx("option", { value: "importance", children: "Importance" }), _jsx("option", { value: "confidence", children: "Lowest confidence" })] })] })] })] }), _jsx(ExperienceGraphPanel, { experiences: filteredExperiences, selectedExperienceId: visibleSelectedExperience?.id ?? null, onSelectExperience: onSelectExperience }), _jsxs("div", { className: "grid min-w-0 gap-4 xl:grid-cols-[minmax(19rem,25rem)_minmax(0,1fr)]", children: [_jsxs("div", { className: "flex min-h-[28rem] min-w-0 flex-col overflow-hidden rounded-2xl border border-border/40 bg-bg/70", children: [_jsxs("div", { className: "border-b border-border/30 px-4 py-3", children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Review queue" }), _jsx("p", { className: "mt-1 text-sm text-muted", children: "Priority favors high importance, low confidence, and corrected beliefs." })] }), _jsx("div", { className: "custom-scrollbar flex min-w-0 flex-1 flex-col overflow-y-auto", children: filteredExperiences.length === 0 ? (_jsx("div", { className: "px-4 py-8 text-sm text-muted", children: "No experiences match the current filters." })) : (filteredExperiences.map((experience) => {
                                     const isSelected = experience.id === visibleSelectedExperience?.id;
                                     const reviewReasons = [
                                         clampScore(experience.importance) >= 0.75
@@ -215,7 +430,9 @@ export function CharacterExperienceWorkspace({ experiences, selectedExperienceId
                                                     ? "Deleting..."
                                                     : "Delete" })) : null, onSaveExperience ? (_jsx(Button, { type: "button", size: "sm", className: "rounded-lg", disabled: savingExperienceId === visibleSelectedExperience.id, onClick: () => onSaveExperience(visibleSelectedExperience, draft), children: savingExperienceId === visibleSelectedExperience.id
                                                     ? "Saving..."
-                                                    : "Save review" })) : null] })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-[minmax(0,1.2fr)_minmax(16rem,0.8fr)]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "rounded-xl border border-border/30 bg-bg-muted/15 p-3", children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Learned takeaway" }), _jsx("p", { className: "mt-2 whitespace-pre-wrap text-sm leading-relaxed text-muted-strong", children: visibleSelectedExperience.learning || "Not recorded." })] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-3", children: [_jsx(EvidencePanel, { title: "Context", body: visibleSelectedExperience.context }), _jsx(EvidencePanel, { title: "Action", body: visibleSelectedExperience.action }), _jsx(EvidencePanel, { title: "Result", body: visibleSelectedExperience.result })] })] }), _jsxs("div", { className: "space-y-4 rounded-xl border border-border/30 bg-bg-muted/10 p-3", children: [_jsx(ScoreBar, { label: "Importance", value: visibleSelectedExperience.importance, explanation: "Higher values rank this learning as more likely to affect future behavior." }), _jsx(ScoreBar, { label: "Confidence", value: visibleSelectedExperience.confidence, explanation: "Lower confidence keeps this item in the review queue until evidence improves." }), _jsxs("div", { children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Tags" }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: visibleSelectedExperience.tags.length > 0 ? (visibleSelectedExperience.tags.map((tag) => (_jsx("span", { className: "rounded-full border border-border/40 px-2 py-0.5 text-xs text-muted-strong", children: tag }, tag)))) : (_jsx("span", { className: "text-sm text-muted", children: "No tags recorded." })) })] })] })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(EvidencePanel, { title: "Previous belief", body: visibleSelectedExperience.previousBelief }), _jsx(EvidencePanel, { title: "Corrected belief", body: visibleSelectedExperience.correctedBelief })] }), visibleSelectedExperience.supersedes ||
+                                                    : "Save review" })) : null] })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-[minmax(0,1.2fr)_minmax(16rem,0.8fr)]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "rounded-xl border border-border/30 bg-bg-muted/15 p-3", children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Learned takeaway" }), _jsx("p", { className: "mt-2 whitespace-pre-wrap text-sm leading-relaxed text-muted-strong", children: visibleSelectedExperience.learning || "Not recorded." })] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-3", children: [_jsx(EvidencePanel, { title: "Context", body: visibleSelectedExperience.context }), _jsx(EvidencePanel, { title: "Action", body: visibleSelectedExperience.action }), _jsx(EvidencePanel, { title: "Result", body: visibleSelectedExperience.result })] })] }), _jsxs("div", { className: "space-y-4 rounded-xl border border-border/30 bg-bg-muted/10 p-3", children: [_jsx(ScoreBar, { label: "Importance", value: visibleSelectedExperience.importance, explanation: "Higher values rank this learning as more likely to affect future behavior." }), _jsx(ScoreBar, { label: "Confidence", value: visibleSelectedExperience.confidence, explanation: "Lower confidence keeps this item in the review queue until evidence improves." }), _jsxs("div", { children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Tags" }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: visibleSelectedExperience.tags.length > 0 ? (visibleSelectedExperience.tags.map((tag) => (_jsx("span", { className: "rounded-full border border-border/40 px-2 py-0.5 text-xs text-muted-strong", children: tag }, tag)))) : (_jsx("span", { className: "text-sm text-muted", children: "No tags recorded." })) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Keywords" }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: experienceKeywords(visibleSelectedExperience).length >
+                                                            0 ? (experienceKeywords(visibleSelectedExperience).map((keyword) => (_jsx("span", { className: "rounded-full border border-border/40 bg-bg/50 px-2 py-0.5 text-xs text-muted-strong", children: keyword }, keyword)))) : (_jsx("span", { className: "text-sm text-muted", children: "No keywords recorded." })) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Graph metadata" }), _jsxs("p", { className: "mt-2 text-sm text-muted-strong", children: [(visibleSelectedExperience.associatedEntityIds ?? [])
+                                                                .length, " ", "associated entities \u00B7", " ", visibleSelectedExperience.embeddingDimensions ?? 0, " ", "embedding dimensions"] })] })] })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(EvidencePanel, { title: "Previous belief", body: visibleSelectedExperience.previousBelief }), _jsx(EvidencePanel, { title: "Corrected belief", body: visibleSelectedExperience.correctedBelief })] }), visibleSelectedExperience.supersedes ||
                                 selectedRelatedExperiences.length > 0 ? (_jsxs("div", { className: "rounded-xl border border-border/30 bg-bg-muted/15 p-3", children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: "Related experience trail" }), _jsxs("div", { className: "mt-2 space-y-2 text-sm text-muted-strong", children: [visibleSelectedExperience.supersedes ? (_jsxs("p", { children: ["Supersedes", " ", _jsx("span", { className: "font-mono text-txt", children: visibleSelectedExperience.supersedes }), supersededExperience
                                                         ? `: ${supersededExperience.learning || supersededExperience.result}`
                                                         : ""] })) : null, selectedRelatedExperiences.map((experience) => (_jsxs("button", { type: "button", className: "block w-full rounded-lg border border-border/30 px-3 py-2 text-left hover:bg-bg-muted/20", onClick: () => onSelectExperience(experience.id), children: [_jsx("span", { className: "font-mono text-xs text-muted", children: experience.id }), _jsx("span", { className: "ml-2", children: experience.learning ||

package/packages/app-core/src/components/character/character-hub-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"character-hub-helpers.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/character/character-hub-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EACV,yBAAyB,EACzB,wBAAwB,EACxB,+BAA+B,EAChC,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,sBAAsB,4FAOzB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,mBAAmB,GAC3B,MAAM,CAiBR;AASD,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,qBAAqB,GAC3B,+BAA+B,CA8BjC;AAED,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,gBAAgB,GAC3B,yBAAyB,CA2B3B;AAED,wBAAgB,2BAA2B,CAAC,OAAO,EAAE;IACnD,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,oBAAoB,EAAE,yBAAyB,EAAE,CAAC;CACnD,GAAG,wBAAwB,EAAE,CA8D7B"}
+{"version":3,"file":"character-hub-helpers.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/character/character-hub-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EACV,yBAAyB,EACzB,wBAAwB,EACxB,+BAA+B,EAChC,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,sBAAsB,4FAOzB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,mBAAmB,GAC3B,MAAM,CAiBR;AASD,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,qBAAqB,GAC3B,+BAA+B,CA8BjC;AAED,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,gBAAgB,GAC3B,yBAAyB,CA+B3B;AAED,wBAAgB,2BAA2B,CAAC,OAAO,EAAE;IACnD,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,oBAAoB,EAAE,yBAAyB,EAAE,CAAC;CACnD,GAAG,wBAAwB,EAAE,CA8D7B"}

package/packages/app-core/src/components/character/character-hub-helpers.js

@@ -68,6 +68,8 @@ export function mapExperienceRecordToHubRecord(experience) {
         result: experience.result,
         learning: experience.learning,
         tags: experience.tags,
+        keywords: experience.keywords,
+        associatedEntityIds: experience.associatedEntityIds,
         domain: experience.domain,
         confidence: experience.confidence,
         importance: experience.importance,
@@ -75,6 +77,8 @@ export function mapExperienceRecordToHubRecord(experience) {
         updatedAt: experience.updatedAt,
         supersedes: experience.supersedes,
         relatedExperienceIds: experience.relatedExperiences,
+        mergedExperienceIds: experience.mergedExperienceIds,
+        embeddingDimensions: experience.embeddingDimensions,
         previousBelief: experience.previousBelief,
         correctedBelief: experience.correctedBelief,
         sourceMessageIds: experience.sourceMessageIds,

package/packages/app-core/src/components/character/character-hub-types.d.ts

@@ -30,6 +30,8 @@ export interface CharacterExperienceRecord {
     result: string;
     learning: string;
     tags: string[];
+    keywords?: string[];
+    associatedEntityIds?: string[];
     domain?: string | null;
     confidence: number;
     importance: number;
@@ -37,6 +39,8 @@ export interface CharacterExperienceRecord {
     updatedAt?: string | number | null;
     supersedes?: string | null;
     relatedExperienceIds?: string[];
+    mergedExperienceIds?: string[];
+    embeddingDimensions?: number | null;
     previousBelief?: string | null;
     correctedBelief?: string | null;
     sourceMessageIds?: string[];

package/packages/app-core/src/components/character/character-hub-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"character-hub-types.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/character/character-hub-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAChC,aAAa,GACb,WAAW,GACX,YAAY,GACZ,cAAc,CAAC;AAEnB,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,wBAAwB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,gCAAgC,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1E,MAAM,WAAW,+BAA+B;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,gCAAgC,CAAC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd"}
+{"version":3,"file":"character-hub-types.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/character/character-hub-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAChC,aAAa,GACb,WAAW,GACX,YAAY,GACZ,cAAc,CAAC;AAEnB,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,wBAAwB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,gCAAgC,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1E,MAAM,WAAW,+BAA+B;IAC9C,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,gCAAgC,CAAC;IACxC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd"}

package/packages/app-core/src/components/chat/AppsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/AppsSection.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA0BvC,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,GAAE,gBAAqB,2CAgSlE"}
+{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/AppsSection.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA+BvC,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,GAAE,gBAAqB,2CA8TlE"}

package/packages/app-core/src/components/chat/AppsSection.js

@@ -10,6 +10,7 @@ import { LayoutGrid, MoreHorizontal } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { client } from "../../api";
 import { useApp } from "../../state";
+import { openExternalUrl } from "../../utils";
 import { AppIdentityTile } from "../apps/app-identity";
 import { loadMergedCatalogApps } from "../apps/catalog-loader";
 import { getAppShortName } from "../apps/helpers";
@@ -27,6 +28,9 @@ function getRunRingClass(run) {
         return "ring-2 ring-warn/60";
     return "ring-2 ring-danger/60";
 }
+function isOverlayLaunchApp(app) {
+    return isOverlayApp(app.name) || app.launchType === "overlay";
+}
 export function AppsSection({ headerAction } = {}) {
     const { favoriteApps: favoriteAppsValue, appRuns, setTab, setState, setActionNotice, t, } = useApp();
     const favoriteApps = Array.isArray(favoriteAppsValue)
@@ -125,7 +129,7 @@ export function AppsSection({ headerAction } = {}) {
             setTab(internalToolTab);
             return;
         }
-        if (isOverlayApp(app.name)) {
+        if (isOverlayLaunchApp(app)) {
             setState("activeOverlayApp", app.name);
             return;
         }
@@ -138,10 +142,29 @@ export function AppsSection({ headerAction } = {}) {
                 setState("appsSubTab", "games");
                 return;
             }
+            const targetUrl = result.launchUrl ?? app.launchUrl;
+            if (targetUrl) {
+                try {
+                    await openExternalUrl(targetUrl);
+                    setActionNotice(t("appsview.OpenedInNewTab", {
+                        name: app.displayName ?? app.name,
+                    }), "success", 2600);
+                }
+                catch {
+                    setActionNotice(t("appsview.PopupBlockedOpen", {
+                        name: app.displayName ?? app.name,
+                    }), "error", 4200);
+                }
+                return;
+            }
             if (primaryRun) {
                 setTab("apps");
                 setState("appsSubTab", "running");
+                return;
             }
+            setActionNotice(t("appsview.LaunchedNoViewer", {
+                name: app.displayName ?? app.name,
+            }), "error", 4000);
         }
         catch (err) {
             setActionNotice(t("appsview.LaunchFailed", {

package/packages/app-core/src/components/chat/TasksEventsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TasksEventsPanel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/TasksEventsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAKH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQnE,OAAO,EACL,2BAA2B,EAG5B,MAAM,0BAA0B,CAAC;AAQlC,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,iFAAiF;IACjF,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,WAAW,EACX,MAAc,EACd,SAAiB,EACjB,iBAAiB,GAClB,EAAE,qBAAqB,2CAmNvB;AAID,OAAO,EAAE,2BAA2B,EAAE,CAAC"}
+{"version":3,"file":"TasksEventsPanel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/TasksEventsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAKH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAOnE,OAAO,EACL,2BAA2B,EAG5B,MAAM,0BAA0B,CAAC;AASlC,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,iFAAiF;IACjF,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,WAAW,EACX,MAAc,EACd,SAAiB,EACjB,iBAAiB,GAClB,EAAE,qBAAqB,2CAmNvB;AAID,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/packages/app-core/src/components/chat/TasksEventsPanel.js

@@ -19,9 +19,9 @@ import { useApp } from "../../state";
 // WidgetHost.tsx chunk-level cycle. The barrel still works fine for
 // resolveWidgetsForSlot — only WidgetHost participates in the cycle.
 import { resolveWidgetsForSlot } from "../../widgets";
-import { WidgetHost } from "../../widgets/WidgetHost";
 import { useChatSidebarVisibility } from "../../widgets/useChatSidebarVisibility";
 import { APPS_SECTION_VISIBILITY_KEY, isWidgetVisible, } from "../../widgets/visibility";
+import { WidgetHost } from "../../widgets/WidgetHost";
 import { AppsSection } from "./AppsSection";
 import { buildAppsSectionVisibilityCandidate, WidgetVisibilityEditor, } from "./WidgetVisibilityPanel";
 export function TasksEventsPanel({ open, events, clearEvents, mobile = false, collapsed = false, onToggleCollapsed, }) {

package/packages/app-core/src/components/connectors/ConnectorModeSelector.d.ts

@@ -0,0 +1,35 @@
+export type ConnectorMode = {
+    id: string;
+    label: string;
+    description: string;
+};
+/**
+ * Returns available modes for each connector based on deployment context.
+ */
+export declare function getConnectorModes(connectorId: string, options?: {
+    elizaCloudConnected?: boolean;
+}): ConnectorMode[];
+/**
+ * Maps connector mode to the plugin ID that ConnectorSetupPanel renders.
+ */
+export declare function modeToSetupPluginId(connectorId: string, modeId: string): string | null;
+export declare function getDefaultConnectorModeId(connectorId: string, modes: ConnectorMode[]): string;
+export declare function ConnectorModeSelector({ connectorId, selectedMode, onModeChange, elizaCloudConnected, }: {
+    connectorId: string;
+    selectedMode: string;
+    onModeChange: (modeId: string) => void;
+    elizaCloudConnected?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to manage connector mode state. Reads initial mode from config
+ * or defaults to the first available mode.
+ */
+export declare function useConnectorMode(connectorId: string, options?: {
+    elizaCloudConnected?: boolean;
+}): {
+    modes: ConnectorMode[];
+    selectedMode: string;
+    setSelectedMode: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setupPluginId: string;
+};
+//# sourceMappingURL=ConnectorModeSelector.d.ts.map

package/packages/app-core/src/components/connectors/ConnectorModeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorModeSelector.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/connectors/ConnectorModeSelector.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE;IAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAAE,GAC1C,aAAa,EAAE,CAgGjB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,MAAM,GACb,MAAM,GAAG,IAAI,CAaf;AAED,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,aAAa,EAAE,GACrB,MAAM,CAUR;AAED,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,2CAsCA;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE;IAAE,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;EAkB5C"}

package/packages/app-core/src/components/connectors/ConnectorModeSelector.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useApp } from "../../state";
+/**
+ * Returns available modes for each connector based on deployment context.
+ */
+export function getConnectorModes(connectorId, options) {
+    const cloud = options?.elizaCloudConnected ?? false;
+    switch (connectorId) {
+        case "discord":
+            return [
+                {
+                    id: "local",
+                    label: "Desktop App",
+                    description: "Connect via local Discord desktop app (IPC)",
+                },
+                {
+                    id: "bot",
+                    label: "Bot Token",
+                    description: "Use your own Discord bot with a token from the Developer Portal",
+                },
+                ...(cloud
+                    ? [
+                        {
+                            id: "managed",
+                            label: "Managed (Eliza Cloud)",
+                            description: "Use a shared gateway bot via Eliza Cloud OAuth",
+                        },
+                    ]
+                    : []),
+            ];
+        case "telegram":
+            return [
+                {
+                    id: "bot",
+                    label: "Bot Token",
+                    description: "Create a bot via @BotFather and paste the token",
+                },
+                {
+                    id: "account",
+                    label: "Personal Account",
+                    description: "Use your own Telegram account (requires app credentials from my.telegram.org)",
+                },
+            ];
+        case "signal":
+            return [
+                {
+                    id: "qr",
+                    label: "QR Pair",
+                    description: "Link as a device to your Signal account via QR code",
+                },
+            ];
+        case "whatsapp":
+            return [
+                {
+                    id: "qr",
+                    label: "QR Pair",
+                    description: "Scan a QR code from your WhatsApp mobile app",
+                },
+                {
+                    id: "business",
+                    label: "Business Cloud API",
+                    description: "Use WhatsApp Business API with access token and phone number ID",
+                },
+            ];
+        case "imessage":
+            return [
+                {
+                    id: "direct",
+                    label: "Direct (chat.db)",
+                    description: "Read iMessage database directly on this Mac. Requires Full Disk Access.",
+                },
+                {
+                    id: "bluebubbles",
+                    label: "BlueBubbles",
+                    description: "Bridge via BlueBubbles server app. Works locally or over network.",
+                },
+                ...(cloud
+                    ? [
+                        {
+                            id: "blooio",
+                            label: "Blooio (Cloud)",
+                            description: "Cloud-based iMessage/SMS gateway. No Mac needed on the server.",
+                        },
+                    ]
+                    : []),
+            ];
+        default:
+            return [];
+    }
+}
+/**
+ * Maps connector mode to the plugin ID that ConnectorSetupPanel renders.
+ */
+export function modeToSetupPluginId(connectorId, modeId) {
+    const map = {
+        discord: { local: "discordlocal", bot: "discord", managed: "discord" },
+        telegram: { bot: "telegram", account: "telegramaccount" },
+        signal: { qr: "signal" },
+        whatsapp: { qr: "whatsapp", business: "whatsapp" },
+        imessage: {
+            direct: "imessage",
+            bluebubbles: "bluebubbles",
+            blooio: "blooio",
+        },
+    };
+    return map[connectorId]?.[modeId] ?? null;
+}
+export function getDefaultConnectorModeId(connectorId, modes) {
+    const preferredDefaults = {
+        discord: "bot",
+        telegram: "bot",
+    };
+    const preferred = preferredDefaults[connectorId];
+    if (preferred && modes.some((mode) => mode.id === preferred)) {
+        return preferred;
+    }
+    return modes[0]?.id ?? "";
+}
+export function ConnectorModeSelector({ connectorId, selectedMode, onModeChange, elizaCloudConnected, }) {
+    const { t } = useApp();
+    const modes = getConnectorModes(connectorId, { elizaCloudConnected });
+    if (modes.length <= 1)
+        return null;
+    return (_jsxs("div", { className: "mb-4", children: [_jsx("div", { className: "mb-2 text-xs font-semibold text-muted", children: t("pluginsview.ConnectionMode", {
+                    defaultValue: "Connection mode",
+                }) }), _jsx("div", { className: "flex flex-wrap gap-2", children: modes.map((mode) => (_jsx("button", { type: "button", "data-testid": `connector-mode-${connectorId}-${mode.id}`, onClick: () => onModeChange(mode.id), className: `rounded-xl border px-3 py-1.5 text-xs-tight font-medium transition-all ${selectedMode === mode.id
+                        ? "border-accent bg-accent/10 text-accent"
+                        : "border-border/40 bg-card/40 text-muted hover:border-accent/40 hover:text-txt"}`, title: mode.description, children: mode.label }, mode.id))) }), modes.find((m) => m.id === selectedMode)?.description && (_jsx("div", { className: "mt-1.5 text-2xs text-muted", children: modes.find((m) => m.id === selectedMode)?.description }))] }));
+}
+/**
+ * Hook to manage connector mode state. Reads initial mode from config
+ * or defaults to the first available mode.
+ */
+export function useConnectorMode(connectorId, options) {
+    const modes = getConnectorModes(connectorId, options);
+    const defaultMode = getDefaultConnectorModeId(connectorId, modes);
+    const [selectedMode, setSelectedMode] = useState(defaultMode);
+    useEffect(() => {
+        if (!modes.some((mode) => mode.id === selectedMode)) {
+            setSelectedMode(defaultMode);
+        }
+    }, [defaultMode, modes, selectedMode]);
+    return {
+        modes,
+        selectedMode,
+        setSelectedMode,
+        setupPluginId: modeToSetupPluginId(connectorId, selectedMode),
+    };
+}