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

package/components/character/character-hub-helpers.js

@@ -0,0 +1,140 @@
+export const CHARACTER_HUB_SECTIONS = [
+    "overview",
+    "personality",
+    "documents",
+    "skills",
+    "experience",
+    "relationships",
+];
+export function getCharacterHubSectionLabel(section) {
+    switch (section) {
+        case "overview":
+            return "Overview";
+        case "personality":
+            return "Personality";
+        case "documents":
+            return "Knowledge";
+        case "skills":
+            return "Skills";
+        case "experience":
+            return "Experience";
+        case "relationships":
+            return "Relationships";
+        default:
+            return "Overview";
+    }
+}
+function toIsoString(value) {
+    if (value === null || value === undefined)
+        return null;
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return null;
+    return date.toISOString();
+}
+export function mapHistoryEntryToTimelineItem(entry) {
+    const firstField = entry.fieldsChanged[0] ?? "system";
+    const beforeValue = entry.changes[0]?.before;
+    const afterValue = entry.changes[0]?.after;
+    return {
+        id: entry.id ?? `${entry.source}:${entry.timestamp}`,
+        field: String(firstField),
+        scope: entry.source === "manual"
+            ? "global"
+            : entry.source === "restore"
+                ? "global"
+                : "auto",
+        timestamp: new Date(entry.timestamp).toISOString(),
+        actor: entry.source === "manual"
+            ? "Owner"
+            : entry.source === "restore"
+                ? "Restore"
+                : "Agent",
+        summary: entry.summary,
+        reason: entry.fieldsChanged.length > 0
+            ? `Changed ${entry.fieldsChanged.join(", ")}.`
+            : null,
+        beforeText: beforeValue === undefined ? null : JSON.stringify(beforeValue, null, 2),
+        afterText: afterValue === undefined ? null : JSON.stringify(afterValue, null, 2),
+    };
+}
+export function mapExperienceRecordToHubRecord(experience) {
+    return {
+        id: experience.id,
+        type: experience.type,
+        outcome: experience.outcome,
+        context: experience.context,
+        action: experience.action,
+        result: experience.result,
+        learning: experience.learning,
+        tags: experience.tags,
+        keywords: experience.keywords,
+        associatedEntityIds: experience.associatedEntityIds,
+        domain: experience.domain,
+        confidence: experience.confidence,
+        importance: experience.importance,
+        createdAt: experience.createdAt,
+        updatedAt: experience.updatedAt,
+        supersedes: experience.supersedes,
+        relatedExperienceIds: experience.relatedExperiences,
+        mergedExperienceIds: experience.mergedExperienceIds,
+        embeddingDimensions: experience.embeddingDimensions,
+        previousBelief: experience.previousBelief,
+        correctedBelief: experience.correctedBelief,
+        sourceMessageIds: experience.sourceMessageIds,
+        sourceRoomId: experience.sourceRoomId,
+        sourceTriggerMessageId: experience.sourceTriggerMessageId,
+        sourceTrajectoryId: experience.sourceTrajectoryId,
+        sourceTrajectoryStepId: experience.sourceTrajectoryStepId,
+        extractionMethod: experience.extractionMethod,
+        extractionReason: experience.extractionReason,
+    };
+}
+export function buildCharacterOverviewItems(options) {
+    const historyItems = options.history.map((entry) => ({
+        id: `history:${entry.id ?? entry.timestamp}`,
+        kind: "personality",
+        title: entry.summary || "Character updated",
+        description: entry.fieldsChanged.length > 0
+            ? `Changed ${entry.fieldsChanged.join(", ")}.`
+            : "Personality changed.",
+        timestamp: new Date(entry.timestamp).toISOString(),
+    }));
+    const documentItems = options.documents.map((document) => ({
+        id: `documents:${document.id}`,
+        kind: "documents",
+        title: document.filename,
+        description: document.source === "learned"
+            ? "Learned knowledge added by the agent."
+            : "Knowledge document added to the character workspace.",
+        timestamp: toIsoString(document.createdAt),
+    }));
+    const experienceItems = options.experiences.map((experience) => ({
+        id: `experience:${experience.id}`,
+        kind: "experience",
+        title: experience.learning || experience.result || experience.type,
+        description: experience.context || experience.action || "Experience recorded.",
+        timestamp: toIsoString(experience.updatedAt ?? experience.createdAt),
+    }));
+    const relationshipItems = options.relationshipActivity.map((item) => ({
+        id: `relationship:${item.personId}:${item.summary}:${item.timestamp ?? "na"}`,
+        kind: "relationship",
+        title: item.summary,
+        description: item.type === "relationship"
+            ? "Relationship signal updated."
+            : item.type === "identity"
+                ? `Identity linked for ${item.personName}.`
+                : "Relationship fact recorded.",
+        timestamp: item.timestamp,
+    }));
+    return [
+        ...historyItems,
+        ...documentItems,
+        ...experienceItems,
+        ...relationshipItems,
+    ].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;
+    });
+}

package/components/character/character-hub-types.d.ts

@@ -0,0 +1,60 @@
+export type CharacterHubActivityKind = "personality" | "documents" | "experience" | "relationship";
+export interface CharacterHubActivityItem {
+    id: string;
+    kind: CharacterHubActivityKind;
+    title: string;
+    description: string;
+    badge?: string | null;
+    meta?: string | null;
+    timestamp?: string | null;
+}
+export type CharacterPersonalityHistoryScope = "auto" | "global" | "user";
+export interface CharacterPersonalityHistoryItem {
+    id: string;
+    field: string;
+    scope: CharacterPersonalityHistoryScope;
+    timestamp: string;
+    actor?: string | null;
+    summary?: string | null;
+    reason?: string | null;
+    beforeText?: string | null;
+    afterText?: string | null;
+    relatedEntityName?: string | null;
+}
+export interface CharacterExperienceRecord {
+    id: string;
+    type: string;
+    outcome: string;
+    context: string;
+    action: string;
+    result: string;
+    learning: string;
+    tags: string[];
+    keywords?: string[];
+    associatedEntityIds?: string[];
+    domain?: string | null;
+    confidence: number;
+    importance: number;
+    createdAt: string | number;
+    updatedAt?: string | number | null;
+    supersedes?: string | null;
+    relatedExperienceIds?: string[];
+    mergedExperienceIds?: string[];
+    embeddingDimensions?: number | null;
+    previousBelief?: string | null;
+    correctedBelief?: string | null;
+    sourceMessageIds?: string[];
+    sourceRoomId?: string | null;
+    sourceTriggerMessageId?: string | null;
+    sourceTrajectoryId?: string | null;
+    sourceTrajectoryStepId?: string | null;
+    extractionMethod?: string | null;
+    extractionReason?: string | null;
+}
+export interface CharacterExperienceDraft {
+    learning: string;
+    importance: number;
+    confidence: number;
+    tags: string;
+}
+//# sourceMappingURL=character-hub-types.d.ts.map

package/components/character/character-hub-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"character-hub-types.d.ts","sourceRoot":"","sources":["../../../../../../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/components/character/character-hub-types.js

@@ -0,0 +1 @@
+export {};

package/components/character/character-voice-config.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Voice-related constants and helpers extracted from CharacterEditor.
+ */
+import type { VoiceConfig } from "../../api/client";
+import type { CharacterRosterEntry } from "./CharacterRoster";
+export declare const DEFAULT_ELEVEN_FAST_MODEL = "eleven_flash_v2_5";
+export declare const ELEVENLABS_VOICE_GROUPS: {
+    labelKey: string;
+    defaultLabel: string;
+    items: {
+        id: string;
+        text: string;
+    }[];
+}[];
+export declare const EDGE_VOICE_GROUPS: {
+    labelKey: string;
+    defaultLabel: string;
+    items: {
+        id: string;
+        text: string;
+    }[];
+}[];
+export type CharacterEditorVoiceConfig = VoiceConfig;
+export declare function buildVoiceConfigForCharacterEntry(args: {
+    entry: CharacterRosterEntry;
+    useElevenLabs: boolean;
+    voiceConfig: CharacterEditorVoiceConfig;
+}): {
+    nextVoiceConfig: CharacterEditorVoiceConfig;
+    persistedVoiceConfig: CharacterEditorVoiceConfig;
+    selectedVoicePresetId: string;
+} | null;
+//# sourceMappingURL=character-voice-config.d.ts.map

package/components/character/character-voice-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"character-voice-config.d.ts","sourceRoot":"","sources":["../../../../../../src/components/character/character-voice-config.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI9D,eAAO,MAAM,yBAAyB,sBAAsB,CAAC;AAE7D,eAAO,MAAM,uBAAuB;;;;;;;GAyBnC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;GAS7B,CAAC;AAIF,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC;AAIrD,wBAAgB,iCAAiC,CAAC,IAAI,EAAE;IACtD,KAAK,EAAE,oBAAoB,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,0BAA0B,CAAC;CACzC,GAAG;IACF,eAAe,EAAE,0BAA0B,CAAC;IAC5C,oBAAoB,EAAE,0BAA0B,CAAC;IACjD,qBAAqB,EAAE,MAAM,CAAC;CAC/B,GAAG,IAAI,CAyDP"}

package/components/character/character-voice-config.js

@@ -0,0 +1,95 @@
+/**
+ * Voice-related constants and helpers extracted from CharacterEditor.
+ */
+import { EDGE_BACKUP_VOICES, hasConfiguredApiKey, PREMADE_VOICES, } from "../../voice/types.js";
+/* ── Constants ─────────────────────────────────────────────────────── */
+export const DEFAULT_ELEVEN_FAST_MODEL = "eleven_flash_v2_5";
+export const ELEVENLABS_VOICE_GROUPS = [
+    {
+        labelKey: "charactereditor.VoiceGroupFemale",
+        defaultLabel: "Female",
+        items: PREMADE_VOICES.filter((p) => p.gender === "female").map((p) => ({
+            id: p.id,
+            text: p.name,
+        })),
+    },
+    {
+        labelKey: "charactereditor.VoiceGroupMale",
+        defaultLabel: "Male",
+        items: PREMADE_VOICES.filter((p) => p.gender === "male").map((p) => ({
+            id: p.id,
+            text: p.name,
+        })),
+    },
+    {
+        labelKey: "charactereditor.VoiceGroupCharacter",
+        defaultLabel: "Character",
+        items: PREMADE_VOICES.filter((p) => p.gender === "character").map((p) => ({
+            id: p.id,
+            text: p.name,
+        })),
+    },
+];
+export const EDGE_VOICE_GROUPS = [
+    {
+        labelKey: "charactereditor.BackupVoices",
+        defaultLabel: "Backup Voices",
+        items: EDGE_BACKUP_VOICES.map((p) => ({
+            id: p.id,
+            text: p.name,
+        })),
+    },
+];
+/* ── Helpers ───────────────────────────────────────────────────────── */
+export function buildVoiceConfigForCharacterEntry(args) {
+    const presetVoice = args.entry.voicePresetId
+        ? PREMADE_VOICES.find((preset) => preset.id === args.entry.voicePresetId)
+        : undefined;
+    if (!presetVoice) {
+        return null;
+    }
+    if (args.useElevenLabs) {
+        const existingElevenlabs = typeof args.voiceConfig.elevenlabs === "object"
+            ? args.voiceConfig.elevenlabs
+            : {};
+        const defaultVoiceMode = typeof args.voiceConfig.mode === "string"
+            ? args.voiceConfig.mode
+            : hasConfiguredApiKey(existingElevenlabs.apiKey)
+                ? "own-key"
+                : "cloud";
+        const nextVoiceConfig = {
+            ...args.voiceConfig,
+            provider: "elevenlabs",
+            mode: defaultVoiceMode,
+            elevenlabs: {
+                ...existingElevenlabs,
+                voiceId: presetVoice.voiceId,
+                modelId: existingElevenlabs.modelId ?? DEFAULT_ELEVEN_FAST_MODEL,
+            },
+        };
+        return {
+            nextVoiceConfig,
+            persistedVoiceConfig: nextVoiceConfig,
+            selectedVoicePresetId: presetVoice.id,
+        };
+    }
+    const edgeGender = presetVoice.gender === "male" ? "edge-male" : "edge-female";
+    const edgeVoice = EDGE_BACKUP_VOICES.find((voice) => voice.id === edgeGender);
+    if (!edgeVoice) {
+        return null;
+    }
+    const existingEdge = typeof args.voiceConfig.edge === "object" ? args.voiceConfig.edge : {};
+    const nextVoiceConfig = {
+        ...args.voiceConfig,
+        provider: "edge",
+        edge: {
+            ...existingEdge,
+            voice: edgeVoice.voiceId,
+        },
+    };
+    return {
+        nextVoiceConfig,
+        persistedVoiceConfig: nextVoiceConfig,
+        selectedVoicePresetId: edgeVoice.id,
+    };
+}

package/components/chat/AccountRequiredCard.d.ts

@@ -0,0 +1,19 @@
+import type { ConnectorAccountRecord } from "../../api/client-agent";
+export interface AccountRequiredCardProps {
+    accounts: ConnectorAccountRecord[];
+    className?: string;
+    connectBusy?: boolean;
+    confirmBusy?: boolean;
+    confirmLabel?: string;
+    description?: string;
+    loading?: boolean;
+    selectedAccount: ConnectorAccountRecord | null;
+    sourceLabel?: string;
+    title?: string;
+    onConfirm?: () => void;
+    onConnectAccount?: () => void;
+    onReconnectAccount?: (accountId: string) => void;
+    onSelectAccount?: (accountId: string) => void;
+}
+export declare function AccountRequiredCard({ accounts, className, connectBusy, confirmBusy, confirmLabel, description, loading, selectedAccount, sourceLabel, title, onConfirm, onConnectAccount, onReconnectAccount, onSelectAccount, }: AccountRequiredCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AccountRequiredCard.d.ts.map

package/components/chat/AccountRequiredCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountRequiredCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/AccountRequiredCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAMrE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAuBD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,WAAmB,EACnB,WAAmB,EACnB,YAAgC,EAChC,WAAwF,EACxF,OAAe,EACf,eAAe,EACf,WAAyB,EACzB,KAA0B,EAC1B,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAChB,EAAE,wBAAwB,2CAmH1B"}

package/components/chat/AccountRequiredCard.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn, Spinner, StatusBadge } from "@elizaos/ui";
+import { RefreshCw, ShieldAlert, UserRound } from "lucide-react";
+import { connectorAccountDisplayName, isConnectorAccountUsable, } from "./connector-send-as.js";
+function statusForAccount(account) {
+    if (account.enabled === false)
+        return { label: "Disabled", tone: "muted" };
+    switch (account.status) {
+        case "connected":
+            return { label: "Connected", tone: "success" };
+        case "pending":
+            return { label: "Pending", tone: "warning" };
+        case "needs-reauth":
+            return { label: "Needs reauth", tone: "danger" };
+        case "error":
+            return { label: "Error", tone: "danger" };
+        case "disconnected":
+            return { label: "Disconnected", tone: "muted" };
+        default:
+            return { label: "Unknown", tone: "muted" };
+    }
+}
+export function AccountRequiredCard({ accounts, className, connectBusy = false, confirmBusy = false, confirmLabel = "Confirm account", description = "Choose the connector account Eliza should use before this write is sent.", loading = false, selectedAccount, sourceLabel = "connector", title = "Account required", onConfirm, onConnectAccount, onReconnectAccount, onSelectAccount, }) {
+    return (_jsxs("div", { className: cn("rounded-lg border border-warn/35 bg-warn/10 px-3 py-2 text-xs text-txt shadow-sm", className), "data-testid": "account-required-card", role: "status", "aria-live": "polite", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(ShieldAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-warn" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-semibold text-txt", children: title }), _jsx("div", { className: "mt-0.5 leading-5 text-muted", children: description })] })] }), loading ? (_jsxs("div", { className: "mt-2 flex items-center gap-2 text-muted", children: [_jsx(Spinner, { className: "h-3 w-3" }), "Loading ", sourceLabel, " accounts..."] })) : accounts.length > 0 ? (_jsx("div", { className: "mt-2 grid gap-1.5", children: accounts.map((account) => {
+                    const selected = selectedAccount?.id === account.id;
+                    const status = statusForAccount(account);
+                    const usable = isConnectorAccountUsable(account);
+                    const canReconnect = !usable &&
+                        (account.status === "needs-reauth" ||
+                            account.status === "disconnected" ||
+                            account.status === "error" ||
+                            account.enabled === false);
+                    return (_jsxs("div", { className: cn("flex min-w-0 items-center gap-2 rounded-md border border-border/35 bg-card/45 px-2 py-1.5", selected && "border-accent/60 bg-accent/8"), children: [_jsx(UserRound, { className: "h-3.5 w-3.5 shrink-0 text-muted" }), _jsxs("button", { type: "button", className: "min-w-0 flex-1 text-left disabled:cursor-default", disabled: !onSelectAccount, onClick: () => onSelectAccount?.(account.id), children: [_jsx("span", { className: "block truncate font-medium text-txt", children: connectorAccountDisplayName(account) }), _jsxs("span", { className: "mt-0.5 flex min-w-0 items-center gap-1.5", children: [_jsx(StatusBadge, { label: status.label, tone: status.tone, className: "px-1.5 py-0 text-[9px]" }), account.handle || account.externalId ? (_jsx("span", { className: "truncate text-[10px] text-muted", children: account.handle ?? account.externalId })) : null] })] }), canReconnect && onReconnectAccount ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "h-7 shrink-0 gap-1 px-2 text-[10px]", onClick: () => onReconnectAccount(account.id), children: [_jsx(RefreshCw, { className: "h-3 w-3" }), "Reconnect"] })) : null] }, account.id));
+                }) })) : null, _jsxs("div", { className: "mt-2 flex flex-wrap items-center justify-end gap-1.5", children: [onConnectAccount ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "h-8 px-2.5 text-xs", disabled: connectBusy, onClick: onConnectAccount, children: [connectBusy ? _jsx(Spinner, { className: "h-3 w-3" }) : null, "Connect account"] })) : null, onConfirm ? (_jsxs(Button, { type: "button", variant: "default", size: "sm", className: "h-8 px-2.5 text-xs", disabled: confirmBusy || !selectedAccount, onClick: onConfirm, children: [confirmBusy ? _jsx(Spinner, { className: "h-3 w-3" }) : null, confirmLabel] })) : null] })] }));
+}

package/components/chat/AgentActivityBox.d.ts

@@ -0,0 +1,8 @@
+import type { CodingAgentSession } from "../../api/client-types-cloud";
+interface AgentActivityBoxProps {
+    sessions: CodingAgentSession[];
+    onSessionClick?: (sessionId: string) => void;
+}
+export declare function AgentActivityBox({ sessions, onSessionClick, }: AgentActivityBoxProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AgentActivityBox.d.ts.map

package/components/chat/AgentActivityBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentActivityBox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/AgentActivityBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AA6BvE,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAc,GACf,EAAE,qBAAqB,kDAsDvB"}

package/components/chat/AgentActivityBox.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PULSE_STATUSES, STATUS_DOT, } from "../../chat/coding-agent-session-state.js";
+import { useApp } from "../../state/index.js";
+/** Derive activity text for sessions hydrated from the server (no lastActivity yet). */
+function deriveActivity(s, t) {
+    if (s.status === "tool_running" && s.toolDescription) {
+        return t("agentactivitybox.RunningTool", {
+            defaultValue: "Running {{tool}}",
+            tool: s.toolDescription,
+        }).slice(0, 60);
+    }
+    if (s.status === "blocked") {
+        return t("agentactivitybox.WaitingForInput", {
+            defaultValue: "Waiting for input",
+        });
+    }
+    if (s.status === "error") {
+        return t("common.error", { defaultValue: "Error" });
+    }
+    return t("appsview.Running", { defaultValue: "Running" });
+}
+export function AgentActivityBox({ sessions, onSessionClick, }) {
+    const { t } = useApp();
+    if (!sessions || sessions.length === 0)
+        return null;
+    return (_jsx("div", { className: "px-3 py-2 space-y-1 z-[1] mb-2 relative rounded-2xl border border-white/8 bg-[linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02))] shadow-[0_12px_36px_rgba(0,0,0,0.12)] ring-1 ring-inset ring-white/6 backdrop-blur-[22px]", children: sessions.map((s) => (_jsxs("button", { type: "button", onClick: () => onSessionClick?.(s.sessionId), className: "flex items-center gap-1.5 min-w-0 w-full text-left cursor-pointer hover:bg-bg-hover rounded px-1 -mx-1 transition-colors", children: [_jsx("span", { className: `inline-block w-1.5 h-1.5 rounded-full shrink-0 ${STATUS_DOT[s.status] ?? "bg-muted"}${PULSE_STATUSES.has(s.status) ? " animate-pulse" : ""}` }), _jsx("span", { className: "text-xs-tight font-medium text-txt max-w-[120px] truncate shrink-0", children: s.label }), _jsx("span", { className: `text-xs-tight truncate min-w-0 flex-1 ${s.status === "error"
+                        ? "text-danger"
+                        : s.status === "blocked"
+                            ? "text-warn"
+                            : s.status === "active" || s.status === "tool_running"
+                                ? "text-ok"
+                                : "text-muted"}`, children: s.lastActivity ?? deriveActivity(s, t) }), _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 text-muted", children: _jsx("path", { d: "M18 15l-6-6-6 6" }) })] }, s.sessionId))) }));
+}

package/components/chat/AppsSection.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Apps widget section — shown at the top of the chat widget sidebar.
+ *
+ * Renders running apps first (with a health-state ring), then favorited apps
+ * that are not currently running. Clicking an app launches / focuses it.
+ */
+import type { ReactNode } from "react";
+export interface AppsSectionProps {
+    /** Optional action node rendered at the top-right of the section header. */
+    headerAction?: ReactNode;
+}
+export declare function AppsSection({ headerAction }?: AppsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AppsSection.d.ts.map

package/components/chat/AppsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../../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,kDA8TlE"}