@elizaos/app-core 2.0.0-alpha.335 → 2.0.0-alpha.337

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, PageLayout, SidebarContent, SidebarPanel, SidebarScrollRegion, } from "@elizaos/ui";
+import { BookOpen, Brain, LayoutDashboard, Network, PencilLine, } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { client } from "../../api/client";
 import { useApp } from "../../state/useApp";
@@ -8,10 +9,90 @@ import { RelationshipsWorkspaceView } from "../pages/relationships/Relationships
 import { AppPageSidebar } from "../shared/AppPageSidebar";
 import { CharacterExamplesPanel, CharacterIdentityPanel, CharacterStylePanel, } from "./CharacterEditorPanels";
 import { CharacterExperienceWorkspace } from "./CharacterExperienceWorkspace";
-import { CharacterOverviewSection } from "./CharacterOverviewSection";
+import { CharacterOverviewSection, } from "./CharacterOverviewSection";
 import { CharacterPersonalityTimeline } from "./CharacterPersonalityTimeline";
 import { CharacterRelationshipsSection } from "./CharacterRelationshipsSection";
 import { buildCharacterOverviewItems, CHARACTER_HUB_SECTIONS, getCharacterHubSectionLabel, mapExperienceRecordToHubRecord, mapHistoryEntryToTimelineItem, } from "./character-hub-helpers";
+const CHARACTER_SECTION_PATHS = {
+    overview: "/character",
+    personality: "/character/personality",
+    knowledge: "/character/knowledge",
+    experience: "/character/experience",
+    relationships: "/character/relationships",
+};
+const CHARACTER_SECTION_META = {
+    overview: {
+        description: "Recent character activity",
+        icon: LayoutDashboard,
+    },
+    personality: {
+        description: "Bio, style rules, examples",
+        icon: PencilLine,
+    },
+    knowledge: {
+        description: "Documents, chunks, CRUD",
+        icon: BookOpen,
+    },
+    experience: {
+        description: "Learnings, confidence, review",
+        icon: Brain,
+    },
+    relationships: {
+        description: "People, facts, graph context",
+        icon: Network,
+    },
+};
+function getSectionFromLocation(tab) {
+    if (typeof window === "undefined")
+        return "overview";
+    const pathname = window.location.pathname.toLowerCase();
+    if (pathname.endsWith("/personality"))
+        return "personality";
+    if (pathname.endsWith("/knowledge"))
+        return "knowledge";
+    if (pathname.endsWith("/experience"))
+        return "experience";
+    if (pathname.endsWith("/relationships"))
+        return "relationships";
+    if (tab === "knowledge")
+        return "knowledge";
+    return "overview";
+}
+function updateCharacterSectionPath(section, mode = "push") {
+    if (typeof window === "undefined")
+        return;
+    const path = CHARACTER_SECTION_PATHS[section];
+    if (!path || window.location.pathname === path)
+        return;
+    window.history[mode === "replace" ? "replaceState" : "pushState"](null, "", path);
+}
+function countDuplicateValues(values) {
+    const seen = new Set();
+    const duplicates = new Set();
+    for (const value of values) {
+        const normalized = value.trim().toLowerCase();
+        if (!normalized)
+            continue;
+        if (seen.has(normalized)) {
+            duplicates.add(normalized);
+        }
+        seen.add(normalized);
+    }
+    return duplicates.size;
+}
+const DEFAULT_KNOWLEDGE_FILENAMES = new Set([
+    "eliza-overview.txt",
+    "eliza-history.txt",
+    "eliza-cloud-basics.txt",
+]);
+function isDefaultKnowledgeDocument(document) {
+    const normalizedFilename = document.filename.trim().toLowerCase();
+    return (document.source === "bundled" ||
+        document.source === "character" ||
+        document.provenance.kind === "bundled" ||
+        document.provenance.kind === "character" ||
+        DEFAULT_KNOWLEDGE_FILENAMES.has(normalizedFilename));
+}
 function mergeCharacterPatch(base, patch) {
     return {
         ...base,
@@ -21,7 +102,7 @@ function mergeCharacterPatch(base, patch) {
 }
 export function CharacterHubView({ d, bioText, normalizedMessageExamples, pendingStyleEntries, styleEntryDrafts, handleFieldEdit, applyFieldEdit, handlePendingStyleEntryChange, applyStyleEdit, handleStyleEntryDraftChange, characterSaving, characterSaveSuccess, characterSaveError, hasPendingChanges, onSave, onReset, canReset, }) {
     const { setActionNotice, setTab, tab, t } = useApp();
-    const [activeSection, setActiveSection] = useState(tab === "knowledge" ? "knowledge" : "overview");
+    const [activeSection, setActiveSection] = useState(() => getSectionFromLocation(tab));
     const [knowledgeDocuments, setKnowledgeDocuments] = useState([]);
     const [selectedKnowledgeDocumentId, setSelectedKnowledgeDocumentId] = useState(null);
     const [historyEntries, setHistoryEntries] = useState([]);
@@ -86,13 +167,15 @@ export function CharacterHubView({ d, bioText, normalizedMessageExamples, pendin
         };
     }, [flushPendingAutoSave]);
     useEffect(() => {
-        if (tab === "knowledge") {
-            setActiveSection("knowledge");
-        }
+        setActiveSection(getSectionFromLocation(tab));
     }, [tab]);
     useEffect(() => {
-        setTab(activeSection === "knowledge" ? "knowledge" : "character");
-    }, [activeSection, setTab]);
+        const handlePopState = () => {
+            setActiveSection(getSectionFromLocation(tab));
+        };
+        window.addEventListener("popstate", handlePopState);
+        return () => window.removeEventListener("popstate", handlePopState);
+    }, [tab]);
     useEffect(() => {
         let cancelled = false;
         setHistoryLoading(true);
@@ -185,23 +268,169 @@ export function CharacterHubView({ d, bioText, normalizedMessageExamples, pendin
             cancelled = true;
         };
     }, []);
+    const customKnowledgeDocuments = useMemo(() => knowledgeDocuments.filter((document) => !isDefaultKnowledgeDocument(document)), [knowledgeDocuments]);
+    const needsKnowledgeUpload = customKnowledgeDocuments.length === 0;
     const overviewItems = useMemo(() => buildCharacterOverviewItems({
         history: historyEntries,
-        documents: knowledgeDocuments,
+        documents: customKnowledgeDocuments,
         experiences: experienceRecords,
         relationshipActivity,
     }), [
+        customKnowledgeDocuments,
         experienceRecords,
         historyEntries,
-        knowledgeDocuments,
         relationshipActivity,
     ]);
+    const balancedOverviewItems = useMemo(() => {
+        const byKind = new Map();
+        for (const item of overviewItems) {
+            const bucket = byKind.get(item.kind) ?? [];
+            if (bucket.length < 4) {
+                bucket.push(item);
+                byKind.set(item.kind, bucket);
+            }
+        }
+        return Array.from(byKind.values())
+            .flat()
+            .sort((left, right) => {
+            const leftTime = left.timestamp
+                ? new Date(left.timestamp).getTime()
+                : 0;
+            const rightTime = right.timestamp
+                ? new Date(right.timestamp).getTime()
+                : 0;
+            return rightTime - leftTime;
+        });
+    }, [overviewItems]);
+    const styleRules = d.style?.all ?? [];
+    const duplicateStyleRules = countDuplicateValues(styleRules);
+    const postExamples = d.postExamples ?? [];
+    const duplicatePostExamples = countDuplicateValues(postExamples);
+    const lowConfidenceExperiences = experienceRecords.filter((experience) => experience.confidence < 0.55).length;
+    const overviewInsights = [
+        ...(hasPendingChanges
+            ? [
+                {
+                    id: "pending-personality",
+                    section: "personality",
+                    title: "Unsaved personality changes",
+                    detail: "Bio edits still need a manual save.",
+                    tone: "warn",
+                },
+            ]
+            : []),
+        ...(duplicateStyleRules > 0
+            ? [
+                {
+                    id: "duplicate-style",
+                    section: "personality",
+                    title: "Duplicate style rules",
+                    detail: `${duplicateStyleRules} repeated style rule ${duplicateStyleRules === 1 ? "entry" : "entries"} should be merged.`,
+                    tone: "warn",
+                },
+            ]
+            : []),
+        ...(duplicatePostExamples > 0
+            ? [
+                {
+                    id: "duplicate-posts",
+                    section: "personality",
+                    title: "Duplicate post examples",
+                    detail: `${duplicatePostExamples} repeated post example ${duplicatePostExamples === 1 ? "entry" : "entries"} should be trimmed.`,
+                    tone: "warn",
+                },
+            ]
+            : []),
+        ...(needsKnowledgeUpload
+            ? [
+                {
+                    id: knowledgeDocuments.length === 0
+                        ? "empty-knowledge"
+                        : "default-knowledge-only",
+                    section: "knowledge",
+                    title: knowledgeDocuments.length === 0
+                        ? "No knowledge uploaded"
+                        : "Only default knowledge loaded",
+                    detail: "Upload documents, notes, or links to give this character source material that is specific to your workspace.",
+                    tone: "warn",
+                },
+            ]
+            : []),
+        ...(knowledgeDocuments.some((document) => document.fragmentCount === 0)
+            ? [
+                {
+                    id: "empty-fragments",
+                    section: "knowledge",
+                    title: "Knowledge without chunks",
+                    detail: "At least one document has no retrievable chunks.",
+                    tone: "danger",
+                },
+            ]
+            : []),
+        ...(lowConfidenceExperiences > 0
+            ? [
+                {
+                    id: "low-confidence-experience",
+                    section: "experience",
+                    title: "Experience review needed",
+                    detail: `${lowConfidenceExperiences} learned ${lowConfidenceExperiences === 1 ? "experience has" : "experiences have"} low confidence.`,
+                    tone: "warn",
+                },
+            ]
+            : []),
+        ...(experienceError
+            ? [
+                {
+                    id: "experience-error",
+                    section: "experience",
+                    title: "Experience load failed",
+                    detail: experienceError,
+                    tone: "danger",
+                },
+            ]
+            : []),
+        ...(relationshipActivityError
+            ? [
+                {
+                    id: "relationship-error",
+                    section: "relationships",
+                    title: "Relationship activity failed",
+                    detail: relationshipActivityError,
+                    tone: "danger",
+                },
+            ]
+            : []),
+        ...(historyError
+            ? [
+                {
+                    id: "history-error",
+                    section: "personality",
+                    title: "Personality history failed",
+                    detail: historyError,
+                    tone: "danger",
+                },
+            ]
+            : []),
+    ];
     const timelineItems = useMemo(() => historyEntries.map(mapHistoryEntryToTimelineItem), [historyEntries]);
     const hubExperienceRecords = useMemo(() => experienceRecords.map(mapExperienceRecordToHubRecord), [experienceRecords]);
     const activeSectionLabel = getCharacterHubSectionLabel(activeSection);
+    const navigateToSection = useCallback((section) => {
+        setActiveSection(section);
+        if (section === "knowledge") {
+            if (tab !== "knowledge") {
+                setTab("knowledge");
+            }
+            else {
+                updateCharacterSectionPath(section);
+            }
+            return;
+        }
+        updateCharacterSectionPath(section);
+    }, [setTab, tab]);
     const scrollPersonalitySectionIntoView = (section) => {
         if (activeSection !== "personality") {
-            setActiveSection("personality");
+            navigateToSection("personality");
             requestAnimationFrame(() => {
                 personalitySectionRefs.current[section]?.scrollIntoView({
                     behavior: "smooth",
@@ -218,19 +447,19 @@ export function CharacterHubView({ d, bioText, normalizedMessageExamples, pendin
     const handleOverviewOpen = (item) => {
         if (item.kind === "knowledge") {
             setSelectedKnowledgeDocumentId(item.id.replace("knowledge:", ""));
-            setActiveSection("knowledge");
+            navigateToSection("knowledge");
             return;
         }
         if (item.kind === "experience") {
             setSelectedExperienceId(item.id.replace("experience:", ""));
-            setActiveSection("experience");
+            navigateToSection("experience");
             return;
         }
         if (item.kind === "relationship") {
-            setActiveSection("relationships");
+            navigateToSection("relationships");
             return;
         }
-        setActiveSection("personality");
+        navigateToSection("personality");
     };
     const handleSaveExperience = async (experience, draft) => {
         setSavingExperienceId(experience.id);
@@ -337,22 +566,23 @@ export function CharacterHubView({ d, bioText, normalizedMessageExamples, pendin
         clearPendingAutoSave();
         onReset();
     }, [clearPendingAutoSave, onReset]);
-    const sectionNav = (_jsx(SidebarPanel, { className: "gap-3 bg-transparent p-0 shadow-none", children: _jsx("nav", { className: "flex flex-col gap-1", "aria-label": "Character hub sections", children: CHARACTER_HUB_SECTIONS.map((section) => (_jsx(SidebarContent.Item, { active: activeSection === section, onClick: () => setActiveSection(section), "aria-current": activeSection === section ? "page" : undefined, className: "items-center gap-2 px-2.5 py-2", children: _jsx(SidebarContent.ItemTitle, { className: activeSection === section ? "font-semibold" : "font-medium", children: getCharacterHubSectionLabel(section) }) }, section))) }) }));
-    const contextualSidebar = activeSection === "personality" ? (_jsxs(SidebarPanel, { className: "gap-2 bg-transparent p-0 shadow-none", children: [_jsx("div", { className: "px-2.5 text-[0.65rem] font-semibold uppercase tracking-[0.16em] text-muted/70", children: "Personality" }), _jsx("div", { className: "flex flex-col gap-1", children: [
+    const sectionNav = (_jsxs(SidebarPanel, { className: "min-h-0 gap-2 bg-transparent p-0 shadow-none", children: [_jsx(SidebarContent.SectionLabel, { className: "px-2", children: "Character" }), _jsx("nav", { className: "flex flex-col gap-1", "aria-label": "Character hub sections", children: CHARACTER_HUB_SECTIONS.map((section) => (() => {
+                    const meta = CHARACTER_SECTION_META[section];
+                    const Icon = meta.icon;
+                    const active = activeSection === section;
+                    return (_jsxs(SidebarContent.Item, { active: active, onClick: () => navigateToSection(section), "aria-current": active ? "page" : undefined, className: "items-center gap-2 px-2.5 py-2", children: [_jsx(SidebarContent.ItemIcon, { active: active, className: `mt-0 h-8 w-8 bg-transparent p-0 group-hover:bg-transparent ${active ? "text-accent" : "text-muted"}`, children: _jsx(Icon, { className: "h-4 w-4", "aria-hidden": true }) }), _jsx(SidebarContent.ItemBody, { children: _jsx(SidebarContent.ItemTitle, { className: `truncate text-sm leading-5 ${active ? "font-semibold" : "font-medium"}`, children: getCharacterHubSectionLabel(section) }) })] }, section));
+                })()) })] }));
+    const contextualSidebar = activeSection === "personality" ? (_jsxs(SidebarPanel, { className: "min-h-0 gap-2 bg-transparent p-0 shadow-none", children: [_jsx(SidebarContent.SectionLabel, { children: "Personality" }), _jsx("div", { className: "flex flex-col gap-1", children: [
                     ["bio", "Bio"],
                     ["style", "Style Rules"],
                     ["examples", "Examples"],
                     ["evolution", "Evolution"],
-                ].map(([id, label]) => (_jsx(SidebarContent.Item, { onClick: () => scrollPersonalitySectionIntoView(id), className: "items-center gap-2 px-2.5 py-2", children: _jsx(SidebarContent.ItemTitle, { className: "font-medium", children: label }) }, id))) })] })) : activeSection === "knowledge" ? (_jsxs(SidebarPanel, { className: "gap-2 bg-transparent p-0 shadow-none", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-2.5", children: [_jsx("div", { className: "text-[0.65rem] font-semibold uppercase tracking-[0.16em] text-muted/70", children: "Documents" }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-7 w-7 rounded-sm text-muted hover:bg-bg-muted/60 hover:text-txt", onClick: () => document.getElementById("character-hub-knowledge-upload")?.click(), title: t("knowledgeview.ChooseFiles", {
-                            defaultValue: "Choose files",
-                        }), "aria-label": t("knowledgeview.ChooseFiles", {
-                            defaultValue: "Choose files",
-                        }), children: "+" })] }), _jsx("div", { className: "ml-2 flex flex-col gap-0.5 border-l border-border/25 pl-2", children: knowledgeDocuments.length > 0 ? (knowledgeDocuments.map((document) => (_jsx(SidebarContent.Item, { active: selectedKnowledgeDocumentId === document.id, onClick: () => setSelectedKnowledgeDocumentId(document.id), "aria-current": selectedKnowledgeDocumentId === document.id
+                ].map(([id, label]) => (_jsx(SidebarContent.Item, { onClick: () => scrollPersonalitySectionIntoView(id), className: "items-center gap-2 px-2.5 py-2", children: _jsx(SidebarContent.ItemTitle, { className: "font-medium", children: label }) }, id))) })] })) : activeSection === "knowledge" ? (_jsxs(SidebarPanel, { className: "min-h-0 gap-2 bg-transparent p-0 shadow-none", children: [_jsx(SidebarContent.SectionLabel, { children: "Documents" }), _jsx("div", { className: "ml-2 flex flex-col gap-0.5 border-l border-border/25 pl-2", children: knowledgeDocuments.length > 0 ? (knowledgeDocuments.map((document) => (_jsx(SidebarContent.Item, { active: selectedKnowledgeDocumentId === document.id, onClick: () => setSelectedKnowledgeDocumentId(document.id), "aria-current": selectedKnowledgeDocumentId === document.id
                         ? "page"
                         : undefined, className: "items-center gap-2 py-1.5 pl-2 pr-2", children: _jsx(SidebarContent.ItemTitle, { className: "truncate text-xs-tight font-medium", children: document.filename }) }, document.id)))) : (_jsx("div", { className: "px-2 py-2 text-xs-tight text-muted", children: "No knowledge documents yet." })) })] })) : null;
     const renderSection = () => {
         if (activeSection === "overview") {
-            return (_jsx(CharacterOverviewSection, { items: overviewItems, onOpenItem: handleOverviewOpen }));
+            return (_jsx(CharacterOverviewSection, { insights: overviewInsights, items: balancedOverviewItems, needsKnowledgeUpload: needsKnowledgeUpload, onOpenItem: handleOverviewOpen, onOpenIdentitySettings: () => setTab("settings"), onOpenKnowledgeUpload: () => navigateToSection("knowledge"), onOpenSection: navigateToSection }));
         }
         if (activeSection === "personality") {
             return (_jsxs("div", { className: "flex min-w-0 flex-col gap-8", children: [_jsxs("section", { ref: (node) => {
@@ -385,7 +615,7 @@ export function CharacterHubView({ d, bioText, normalizedMessageExamples, pendin
                             void handleDeleteExperience(source);
                         }, savingExperienceId: savingExperienceId, deletingExperienceId: deletingExperienceId }))] }));
         }
-        return (_jsxs(CharacterRelationshipsSection, { summary: "See the full relationships viewer, including extracted facts, relevant memories, and user-scoped preferences.", children: [relationshipActivityError ? (_jsx("div", { className: "border-b border-danger/20 bg-danger/10 px-4 py-3 text-sm text-danger", children: relationshipActivityError })) : null, _jsx("div", { className: "min-h-[56rem]", children: _jsx(RelationshipsWorkspaceView, { onViewMemories: () => {
+        return (_jsxs(CharacterRelationshipsSection, { summary: "See the full relationships viewer, including extracted facts, relevant memories, and user-scoped preferences.", children: [relationshipActivityError ? (_jsx("div", { className: "border-b border-danger/20 bg-danger/10 px-4 py-3 text-sm text-danger", children: relationshipActivityError })) : null, _jsx("div", { className: "min-h-[40rem]", children: _jsx(RelationshipsWorkspaceView, { embedded: true, onViewMemories: () => {
                             setTab("memories");
                         } }) })] }));
     };

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

@@ -1,6 +1,19 @@
+import type { CharacterHubSection } from "./character-hub-helpers";
 import type { CharacterHubActivityItem } from "./character-hub-types";
-export declare function CharacterOverviewSection({ items, onOpenItem, }: {
+export interface CharacterOverviewInsight {
+    id: string;
+    section: CharacterHubSection;
+    title: string;
+    detail: string;
+    tone?: "default" | "good" | "warn" | "danger";
+}
+export declare function CharacterOverviewSection({ insights, items, onOpenItem, onOpenSection, onOpenKnowledgeUpload, onOpenIdentitySettings, needsKnowledgeUpload, }: {
+    insights: CharacterOverviewInsight[];
     items: CharacterHubActivityItem[];
     onOpenItem?: (item: CharacterHubActivityItem) => void;
+    onOpenSection?: (section: CharacterHubSection) => void;
+    onOpenKnowledgeUpload?: () => void;
+    onOpenIdentitySettings?: () => void;
+    needsKnowledgeUpload?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CharacterOverviewSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CharacterOverviewSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/character/CharacterOverviewSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AA0CtE,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,wBAAwB,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACvD,2CA6EA"}
+{"version":3,"file":"CharacterOverviewSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/character/CharacterOverviewSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,mBAAmB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC/C;AAkKD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,sBAAsB,EACtB,oBAA4B,GAC7B,EAAE;IACD,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,KAAK,EAAE,wBAAwB,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACvD,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,2CAsIA"}

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

@@ -1,5 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button } from "@elizaos/ui";
+import { AlertTriangle, BookOpen, Brain, Network, Sparkles, } from "lucide-react";
 function formatTimestamp(value) {
     if (!value)
         return null;
@@ -39,12 +40,38 @@ function activityLabel(kind) {
             return "Update";
     }
 }
-export function CharacterOverviewSection({ items, onOpenItem, }) {
-    if (items.length === 0) {
-        return (_jsx("section", { className: "rounded-2xl border border-dashed border-border/40 bg-bg-muted/20 px-5 py-8 text-sm text-muted", children: "No updates yet. Personality changes, new knowledge, experiences, and relationship activity will appear here." }));
+function getKindIcon(kind) {
+    switch (kind) {
+        case "knowledge":
+            return BookOpen;
+        case "experience":
+            return Brain;
+        case "relationship":
+            return Network;
+        default:
+            return Sparkles;
     }
-    return (_jsxs("section", { className: "flex min-w-0 flex-col gap-3", children: [_jsx("div", { className: "flex items-center justify-between gap-3", children: _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-txt", children: "Overview" }), _jsx("p", { className: "text-sm text-muted", children: "Recent updates across personality, knowledge, experience, and relationships." })] }) }), _jsx("div", { className: "flex min-w-0 flex-col divide-y divide-border/25 rounded-2xl border border-border/40 bg-bg/70", children: items.map((item) => {
-                    const formattedTimestamp = formatTimestamp(item.timestamp);
-                    return (_jsxs("article", { className: "flex min-w-0 items-start gap-3 px-4 py-4 first:rounded-t-2xl last:rounded-b-2xl", children: [_jsx("div", { className: `mt-0.5 inline-flex h-8 min-w-8 items-center justify-center rounded-full px-2 text-[0.65rem] font-bold uppercase tracking-[0.08em] ${activityAccent(item.kind)}`, children: activityLabel(item.kind).slice(0, 1) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [_jsx("h3", { className: "truncate text-sm font-semibold text-txt", children: item.title }), _jsx("span", { className: "rounded-full border border-border/40 px-2 py-0.5 text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: activityLabel(item.kind) }), item.badge ? (_jsx("span", { className: "rounded-full border border-border/40 px-2 py-0.5 text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: item.badge })) : null, formattedTimestamp ? (_jsx("span", { className: "text-xs text-muted", children: formattedTimestamp })) : null] }), _jsx("p", { className: "mt-1 whitespace-pre-wrap text-sm leading-relaxed text-muted-strong", children: item.description }), item.meta ? (_jsx("p", { className: "mt-2 text-xs text-muted", children: item.meta })) : null] }), onOpenItem ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "shrink-0 rounded-lg", onClick: () => onOpenItem(item), children: "Open" })) : null] }, item.id));
-                }) })] }));
+}
+function ActivityRow({ item, onOpenItem, }) {
+    const formattedTimestamp = formatTimestamp(item.timestamp);
+    const Icon = getKindIcon(item.kind);
+    return (_jsxs("article", { className: "flex min-w-0 items-start gap-3 py-3 first:pt-0 last:pb-0", children: [_jsx("div", { className: `mt-0.5 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full ${activityAccent(item.kind)}`, children: _jsx(Icon, { className: "h-4 w-4", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [_jsx("h4", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-txt", children: item.title }), item.badge ? (_jsx("span", { className: "rounded-full border border-border/40 px-2 py-0.5 text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: item.badge })) : null] }), _jsx("p", { className: "mt-1 line-clamp-2 text-sm leading-5 text-muted-strong", children: item.description }), _jsxs("div", { className: "mt-2 flex min-w-0 flex-wrap items-center gap-2 text-xs text-muted", children: [formattedTimestamp ? _jsx("span", { children: formattedTimestamp }) : null, item.meta ? (_jsxs(_Fragment, { children: [formattedTimestamp ? _jsx("span", { "aria-hidden": true, children: "\u00B7" }) : null, _jsx("span", { className: "truncate", children: item.meta })] })) : null] })] }), onOpenItem ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-8 shrink-0 rounded-lg px-2", onClick: () => onOpenItem(item), children: "Open" })) : null] }));
+}
+function ActivityLane({ empty, items, kind, onOpenItem, title, }) {
+    const Icon = getKindIcon(kind);
+    return (_jsxs("section", { className: "min-w-0 rounded-lg border border-border/35 bg-bg/70 px-4 py-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: `inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full ${activityAccent(kind)}`, children: _jsx(Icon, { className: "h-4 w-4", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "truncate text-sm font-semibold text-txt", children: title }), _jsx("p", { className: "mt-0.5 text-xs text-muted", children: items.length > 0 ? `${items.length} recent` : empty })] })] }), _jsx("span", { className: "rounded-full border border-border/35 px-2 py-0.5 text-[0.65rem] font-semibold uppercase tracking-[0.08em] text-muted", children: activityLabel(kind) })] }), items.length === 0 ? (_jsx("div", { className: "mt-4 rounded-lg border border-dashed border-border/35 bg-bg-muted/15 px-3 py-5 text-sm text-muted", children: empty })) : (_jsx("div", { className: "mt-4 flex min-w-0 flex-col divide-y divide-border/25", children: items.map((item) => (_jsx(ActivityRow, { item: item, onOpenItem: onOpenItem }, item.id))) }))] }));
+}
+export function CharacterOverviewSection({ insights, items, onOpenItem, onOpenSection, onOpenKnowledgeUpload, onOpenIdentitySettings, needsKnowledgeUpload = false, }) {
+    const experienceItems = items
+        .filter((item) => item.kind === "experience")
+        .slice(0, 4);
+    const relationshipItems = items
+        .filter((item) => item.kind === "relationship")
+        .slice(0, 4);
+    const knowledgeItems = items
+        .filter((item) => item.kind === "knowledge")
+        .slice(0, 4);
+    return (_jsxs("section", { className: "flex min-w-0 flex-col gap-4", children: [_jsxs("div", { className: "flex items-end justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold leading-tight text-txt", children: "Overview" }), _jsx("p", { className: "mt-1 max-w-2xl text-sm leading-5 text-muted", children: "Recent knowledge, learned behavior, and relationship movement." })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [needsKnowledgeUpload ? (_jsx(Button, { type: "button", variant: "default", size: "sm", className: "rounded-lg", onClick: onOpenKnowledgeUpload, children: "Upload knowledge" })) : null, _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "rounded-lg", onClick: onOpenIdentitySettings, children: "Open identity settings" })] })] }), needsKnowledgeUpload ? (_jsx("section", { className: "rounded-lg border border-accent/20 bg-accent/5 px-4 py-3", children: _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "text-sm font-semibold text-txt", children: "Add source material" }), _jsx("p", { className: "mt-1 max-w-2xl text-sm leading-5 text-muted", children: "Upload docs, notes, or links to make this character specific to your world instead of relying on the default baseline." })] }), _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "rounded-lg", onClick: onOpenKnowledgeUpload, children: "Go to knowledge" })] }) })) : null, insights.length > 0 ? (_jsxs("section", { className: "rounded-lg border border-status-warning/25 bg-status-warning-bg/20 px-4 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0 text-status-warning", "aria-hidden": true }), _jsx("h3", { className: "text-sm font-semibold text-txt", children: "Needs review" })] }), _jsxs("span", { className: "text-xs text-muted", children: [insights.length, " ", insights.length === 1 ? "item" : "items"] })] }), _jsx("div", { className: "mt-3 grid gap-2 md:grid-cols-2", children: insights.slice(0, 4).map((insight) => (_jsxs("button", { type: "button", className: "min-w-0 rounded-lg border border-border/25 bg-bg/45 px-3 py-2 text-left transition-colors hover:border-accent/35 hover:bg-bg-muted/30", onClick: () => onOpenSection?.(insight.section), children: [_jsx("span", { className: "block truncate text-sm font-semibold text-txt", children: insight.title }), _jsx("span", { className: "mt-1 line-clamp-2 text-xs leading-5 text-muted", children: insight.detail })] }, insight.id))) })] })) : null, _jsxs("div", { className: "grid items-start gap-4 xl:grid-cols-3", children: [_jsx(ActivityLane, { empty: "No recent experiences.", items: experienceItems, kind: "experience", onOpenItem: onOpenItem, title: "Recent experiences" }), _jsx(ActivityLane, { empty: "No relationship changes.", items: relationshipItems, kind: "relationship", onOpenItem: onOpenItem, title: "Relationship changes" }), _jsx(ActivityLane, { empty: needsKnowledgeUpload
+                            ? "Upload source material to build a real knowledge base."
+                            : "No new knowledge.", items: knowledgeItems, kind: "knowledge", onOpenItem: onOpenItem, title: "New knowledge" })] })] }));
 }

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":["../../../../../../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,kFAMzB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,mBAAmB,GAC3B,MAAM,CAeR;AASD,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,qBAAqB,GAC3B,+BAA+B,CA8BjC;AAED,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,gBAAgB,GAC3B,yBAAyB,CAoB3B;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,CAwE7B"}
+{"version":3,"file":"character-hub-helpers.d.ts","sourceRoot":"","sources":["../../../../../../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,kFAMzB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,mBAAmB,GAC3B,MAAM,CAeR;AASD,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,qBAAqB,GAC3B,+BAA+B,CA8BjC;AAED,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,gBAAgB,GAC3B,yBAAyB,CAoB3B;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,CAoE7B"}

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

@@ -124,13 +124,9 @@ export function buildCharacterOverviewItems(options) {
         ...knowledgeItems,
         ...experienceItems,
         ...relationshipItems,
-    ]
-        .sort((left, right) => {
+    ].sort((left, right) => {
         const leftTime = left.timestamp ? new Date(left.timestamp).getTime() : 0;
-        const rightTime = right.timestamp
-            ? new Date(right.timestamp).getTime()
-            : 0;
+        const rightTime = right.timestamp ? new Date(right.timestamp).getTime() : 0;
         return rightTime - leftTime;
-    })
-        .slice(0, 50);
+    });
 }

package/packages/app-core/src/components/pages/AutomationsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutomationsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/AutomationsView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAglJH,wBAAgB,eAAe,4CAO9B;AAED,wBAAgB,uBAAuB,4CAetC"}
+{"version":3,"file":"AutomationsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/AutomationsView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAi8JH,wBAAgB,eAAe,4CAO9B;AAED,wBAAgB,uBAAuB,4CAmBtC"}