@tea-agent/loop-agent 0.36.4-beta.0 → 0.37.1-beta.0

package/dist/worker/console/static-src/operator-chat/activity-journey.js

@@ -1,125 +0,0 @@
-import { semanticOperationState, semanticOperationTitle, } from "../../chat/semantic-activity.js";
-import { operationActivityRefs } from "./activity-references.js";
-function operationSequence(operation) {
-    return operation.updatedSeq ?? operation.eventSeq;
-}
-function operationTime(operation) {
-    const parsed = Date.parse(operation.updatedAt);
-    return Number.isFinite(parsed) ? parsed : 0;
-}
-function compareOperations(a, b) {
-    const aSequence = operationSequence(a);
-    const bSequence = operationSequence(b);
-    if (aSequence !== undefined && bSequence !== undefined) {
-        return aSequence - bSequence;
-    }
-    return operationTime(a) - operationTime(b);
-}
-function taskGroupKey(operation) {
-    if (operation.taskId)
-        return `task:${operation.taskId}`;
-    if (operation.dagRunId)
-        return `run:${operation.dagRunId}`;
-    return `operation:${operation.operationId}`;
-}
-function taskTitle(operation) {
-    if (!operation.taskId)
-        return semanticOperationTitle(operation.action);
-    const readable = operation.taskId
-        .replace(/^\d{4}-\d{2}-\d{2}-/, "")
-        .replace(/[-_]+/g, " ")
-        .trim();
-    return readable || operation.taskId;
-}
-function unique(values) {
-    return [...new Set(values)];
-}
-function buildSteps(operations) {
-    const latestByAction = new Map();
-    for (const operation of operations)
-        latestByAction.set(operation.action, operation);
-    return [...latestByAction.values()]
-        .sort(compareOperations)
-        .map((operation) => {
-        const semanticState = semanticOperationState(operation.state);
-        return {
-            id: operation.operationId,
-            label: semanticOperationTitle(operation.action),
-            stateLabel: semanticState.label,
-            kind: semanticState.kind,
-            at: operation.updatedAt,
-        };
-    });
-}
-function buildRuns(operations) {
-    const byRun = new Map();
-    for (const operation of operations) {
-        const runId = operation.dagRunId ?? operation.runSummary?.runId;
-        if (!runId)
-            continue;
-        const current = byRun.get(runId) ?? [];
-        current.push(operation);
-        byRun.set(runId, current);
-    }
-    return [...byRun.entries()]
-        .flatMap(([runId, candidates]) => {
-        const sorted = [...candidates].sort((a, b) => compareOperations(b, a));
-        const latest = sorted[0];
-        if (!latest)
-            return [];
-        const runSummary = sorted.find((operation) => operation.runSummary)?.runSummary;
-        const state = runSummary?.status ?? latest.state;
-        const semanticState = semanticOperationState(state);
-        return [{
-                runId,
-                state,
-                stateLabel: semanticState.label,
-                kind: semanticState.kind,
-                updatedAt: latest.updatedAt,
-                operationCount: candidates.length,
-                firstFailedNode: runSummary?.nodes.find((node) => node.status === "ERROR")?.id,
-                failureCategory: runSummary?.failureCategory,
-                inspectHref: latest.inspectHref,
-            }];
-    })
-        .sort((a, b) => Date.parse(b.updatedAt) - Date.parse(a.updatedAt));
-}
-export function buildTaskJourneys(operations) {
-    const groups = new Map();
-    for (const operation of operations) {
-        const key = taskGroupKey(operation);
-        const current = groups.get(key) ?? [];
-        current.push(operation);
-        groups.set(key, current);
-    }
-    return [...groups.entries()]
-        .flatMap(([key, candidates]) => {
-        const sorted = [...candidates].sort(compareOperations);
-        const latestOperation = sorted.at(-1);
-        if (!latestOperation)
-            return [];
-        const semanticState = semanticOperationState(latestOperation.state);
-        return [{
-                key,
-                taskId: latestOperation.taskId,
-                displayTitle: taskTitle(latestOperation),
-                state: latestOperation.state,
-                stateLabel: semanticState.label,
-                kind: semanticState.kind,
-                updatedAt: latestOperation.updatedAt,
-                latestOperation,
-                operations: sorted,
-                steps: buildSteps(sorted),
-                runs: buildRuns(sorted),
-                activityRefs: unique(sorted.flatMap(operationActivityRefs)),
-                compactEligible: semanticState.kind === "success",
-            }];
-    })
-        .sort((a, b) => {
-        const aActive = a.kind === "progress" || a.kind === "error" ? 0 : 1;
-        const bActive = b.kind === "progress" || b.kind === "error" ? 0 : 1;
-        if (aActive !== bActive)
-            return aActive - bActive;
-        return Date.parse(b.updatedAt) - Date.parse(a.updatedAt);
-    });
-}

package/dist/worker/console/static-src/operator-chat/activity-rail-presentation.js

@@ -1,73 +0,0 @@
-import { useLayoutEffect, useState } from "react";
-export const ACTIVITY_RAIL_WIDTH = 420;
-export const ACTIVITY_RAIL_GAP = 12;
-/**
- * Resolve Activity Rail placement from the actual free space to the right of
- * ChatMain. Activity presence is deliberately not an input: session data may
- * show/hide the Rail, but it must never change the conversation geometry.
- */
-export function resolveActivityRailPresentation(input) {
-    if (input.layoutMode === "narrow")
-        return "sheet";
-    const railWidth = input.railWidth ?? ACTIVITY_RAIL_WIDTH;
-    const gap = input.gap ?? ACTIVITY_RAIL_GAP;
-    const available = input.viewportWidth - input.mainRight;
-    return available >= railWidth + gap ? "sidecar" : "drawer";
-}
-const INITIAL = {
-    presentation: "drawer",
-    sidecarRect: null,
-};
-/** Measure ChatMain without feeding Activity state back into the page layout. */
-export function useActivityRailPresentation(mainRef, layoutMode, refreshKey) {
-    const [snapshot, setSnapshot] = useState(INITIAL);
-    useLayoutEffect(() => {
-        const main = mainRef.current;
-        if (!main)
-            return;
-        const verticalAnchor = main.closest(".panel--chat") ?? main;
-        let frame = 0;
-        const measure = () => {
-            window.cancelAnimationFrame(frame);
-            frame = window.requestAnimationFrame(() => {
-                const rect = main.getBoundingClientRect();
-                const verticalRect = verticalAnchor.getBoundingClientRect();
-                const presentation = resolveActivityRailPresentation({
-                    layoutMode,
-                    viewportWidth: window.innerWidth,
-                    mainRight: rect.right,
-                });
-                const sidecarRect = presentation === "sidecar"
-                    ? {
-                        top: verticalRect.top,
-                        left: rect.right + ACTIVITY_RAIL_GAP,
-                        height: verticalRect.height,
-                        width: ACTIVITY_RAIL_WIDTH,
-                    }
-                    : null;
-                setSnapshot((current) => {
-                    if (current.presentation === presentation &&
-                        current.sidecarRect?.top === sidecarRect?.top &&
-                        current.sidecarRect?.left === sidecarRect?.left &&
-                        current.sidecarRect?.height === sidecarRect?.height &&
-                        current.sidecarRect?.width === sidecarRect?.width) {
-                        return current;
-                    }
-                    return { presentation, sidecarRect };
-                });
-            });
-        };
-        measure();
-        const observer = new ResizeObserver(measure);
-        observer.observe(main);
-        if (verticalAnchor !== main)
-            observer.observe(verticalAnchor);
-        window.addEventListener("resize", measure);
-        return () => {
-            window.cancelAnimationFrame(frame);
-            observer.disconnect();
-            window.removeEventListener("resize", measure);
-        };
-    }, [layoutMode, mainRef, refreshKey]);
-    return snapshot;
-}

package/dist/worker/console/static-src/operator-chat/activity-references.js

@@ -1,20 +0,0 @@
-export function operationActivityRefs(operation) {
-    return [
-        operation.activityRef ?? `operation:${operation.operationId}`,
-        `operation:${operation.operationId}`,
-        ...(operation.toolCallId ? [`tool:${operation.toolCallId}`] : []),
-    ];
-}
-export function humanGateActivityRefs(card) {
-    return [card.activityRef ?? `gate:${card.cardId}`];
-}
-export function artifactActivityRefs(card) {
-    return [card.activityRef ?? `artifact:${card.artifactId}`];
-}
-export function buildActivityTargetRefs(input) {
-    return new Set([
-        ...input.operations.flatMap(operationActivityRefs),
-        ...input.gates.flatMap(humanGateActivityRefs),
-        ...input.artifacts.flatMap(artifactActivityRefs),
-    ]);
-}

package/dist/worker/console/static-src/operator-chat/slash-palette-layout.js

@@ -1,24 +0,0 @@
-export const SHORTCUT_PALETTE_AVAILABLE_HEIGHT_VAR = "--oc-shortcut-palette-available-height";
-export const SHORTCUT_PALETTE_TOP_INSET = 8;
-export const SHORTCUT_PALETTE_ANCHOR_GAP = 8;
-/**
- * Resolve the real vertical room above the composer anchor. The palette is
- * clipped by `.oc-main`, while a shifted VisualViewport (for example when the
- * browser UI or virtual keyboard changes) can impose a lower visible top edge.
- */
-export function resolveShortcutPaletteAvailableHeight(geometry) {
-    const viewportTop = geometry.viewportTop ?? 0;
-    const topInset = geometry.topInset ?? SHORTCUT_PALETTE_TOP_INSET;
-    const anchorGap = geometry.anchorGap ?? SHORTCUT_PALETTE_ANCHOR_GAP;
-    const values = [
-        geometry.boundaryTop,
-        geometry.anchorTop,
-        viewportTop,
-        topInset,
-        anchorGap,
-    ];
-    if (values.some((value) => !Number.isFinite(value)))
-        return null;
-    const visibleTop = Math.max(geometry.boundaryTop, viewportTop);
-    return Math.max(0, Math.floor(geometry.anchorTop - visibleTop - topInset - anchorGap));
-}

package/dist/worker/console/static-src/operator-chat/slash-palette-nav.js

@@ -1,141 +0,0 @@
-/**
- * Slash palette display + navigation model (UI-12 card grid).
- *
- * Display order (SLASH_GROUP_DISPLAY_ORDER) is intentionally decoupled from
- * the conflict/priority order in shortcuts.ts (SOURCE_PRIORITY): merge and
- * dedupe keep SOURCE_PRIORITY semantics (skill 3 < prompt 4), while rendering
- * follows the display order (prompt group before skill group). buildPaletteModel
- * models that divergence explicitly — every card carries its flat-list
- * globalIndex so keyboard/AT state round-trips from the rendered position back
- * to filteredShortcuts[globalIndex]. shortcuts.ts itself stays untouched.
- *
- * All functions here are pure/DOM-free so the geometric and row-aware
- * navigation can be unit-tested in node with fixture rects.
- */
-import { SLASH_SOURCE_LABEL, } from "../../chat/shortcuts.js";
-/** Group render order (independent from SOURCE_PRIORITY conflict order). */
-export const SLASH_GROUP_DISPLAY_ORDER = [
-    "operator",
-    "web",
-    "extension",
-    "prompt",
-    "skill",
-];
-/** Group filtered candidates by display order, skipping empty groups. */
-export function buildPaletteModel(entries) {
-    const groups = [];
-    for (const source of SLASH_GROUP_DISPLAY_ORDER) {
-        const items = [];
-        for (let i = 0; i < entries.length; i += 1) {
-            if (entries[i].source === source) {
-                items.push({ entry: entries[i], globalIndex: i });
-            }
-        }
-        if (items.length === 0)
-            continue;
-        groups.push({ source, label: SLASH_SOURCE_LABEL[source], items });
-    }
-    return groups;
-}
-/** Keep the active option index inside the current candidate range. */
-export function clampShortcutIndex(index, length) {
-    if (!Number.isFinite(length) || length <= 0)
-        return 0;
-    if (!Number.isFinite(index) || index < 0)
-        return 0;
-    if (index >= length)
-        return length - 1;
-    return index;
-}
-/** CSS grid columns per workspace layout mode (single source: layoutMode). */
-export function paletteColumnCount(mode) {
-    if (mode === "comfortable")
-        return 3;
-    if (mode === "compact")
-        return 2;
-    return 1;
-}
-/**
- * Group- and row-aware movement on the displayed card grid.
- *
- * Left/Right move to the adjacent card in the current row and stay inside the
- * current group (row start/end stick; group headers are never entered; narrow
- * 1-column layout is a no-op). Up/Down move within the same column to the
- * adjacent row, may cross group boundaries, and stick at grid edges — never
- * wrapping around and never leaving [0, entries.length - 1].
- */
-export function movePaletteIndex(currentIndex, model, columns, direction) {
-    const groupPos = model.findIndex((group) => group.items.some((card) => card.globalIndex === currentIndex));
-    if (groupPos < 0)
-        return currentIndex;
-    const group = model[groupPos];
-    const offset = group.items.findIndex((card) => card.globalIndex === currentIndex);
-    if (offset < 0)
-        return currentIndex;
-    const row = Math.floor(offset / columns);
-    const col = offset % columns;
-    if (direction === "left" || direction === "right") {
-        if (columns <= 1)
-            return currentIndex;
-        const delta = direction === "left" ? -1 : 1;
-        const targetOffset = offset + delta;
-        if (targetOffset < 0 || targetOffset >= group.items.length) {
-            return currentIndex;
-        }
-        if (Math.floor(targetOffset / columns) !== row)
-            return currentIndex;
-        return group.items[targetOffset].globalIndex;
-    }
-    const delta = direction === "up" ? -1 : 1;
-    const targetOffset = offset + delta * columns;
-    if (targetOffset >= 0 && targetOffset < group.items.length) {
-        return group.items[targetOffset].globalIndex;
-    }
-    // Cross-group: walk to the previous/next non-empty group and target the
-    // same column on its last (up) / first (down) row; stick when that column
-    // does not exist in the partial edge row.
-    for (let cursor = groupPos + delta; cursor >= 0 && cursor < model.length; cursor += delta) {
-        const candidate = model[cursor];
-        if (candidate.items.length === 0)
-            continue;
-        const lastRowStart = Math.floor((candidate.items.length - 1) / columns) * columns;
-        const target = direction === "up" ? lastRowStart + col : col;
-        if (target >= candidate.items.length)
-            return currentIndex;
-        return candidate.items[target].globalIndex;
-    }
-    return currentIndex;
-}
-/**
- * Geometry-first Up/Down targeting: from the active card's measured rect,
- * pick the adjacent row's candidate whose horizontal center is nearest the
- * active card's center (group boundaries may be crossed). Returns null when
- * no candidate exists above/below (or the layout was not measured), so the
- * caller falls back to movePaletteIndex. globalIndex comes from
- * data-shortcut-index — never from the DOM list position.
- */
-export function pickAdjacentRowTarget(activeRect, cells, direction) {
-    const activeCenterX = (activeRect.left + activeRect.right) / 2;
-    let best = null;
-    for (const cell of cells) {
-        if (cell.globalIndex === activeRect.globalIndex)
-            continue;
-        const gap = direction === "up"
-            ? activeRect.top - cell.bottom
-            : cell.top - activeRect.bottom;
-        // Same-row cells overlap vertically (gap < 0) and must be ignored.
-        if (gap < 0)
-            continue;
-        const centerX = (cell.left + cell.right) / 2;
-        const dist = Math.abs(centerX - activeCenterX);
-        if (best === null ||
-            gap < best.gap ||
-            (gap === best.gap && dist < best.dist) ||
-            (gap === best.gap &&
-                dist === best.dist &&
-                cell.globalIndex < best.index)) {
-            best = { gap, dist, index: cell.globalIndex };
-        }
-    }
-    return best?.index ?? null;
-}

package/dist/worker/console/static-src/operator-chat/useActivityRailTransition.js

@@ -1,59 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-export const ACTIVITY_RAIL_ENTER_MS = 160;
-export const ACTIVITY_RAIL_LEAVE_MS = 120;
-export const ACTIVITY_RAIL_SWITCH_MS = 120;
-export function activityRailSnapshotTotal(snapshot) {
-    if (!snapshot)
-        return 0;
-    return (snapshot.operationCards.length +
-        snapshot.humanGateCards.length +
-        snapshot.artifactCards.length);
-}
-/**
- * Keep the Rail shell independent from ChatMain while sessions change. Old
- * content is non-interactive during the short switching/leaving phase, then is
- * replaced or removed without ever changing conversation geometry.
- */
-export function useActivityRailTransition(current) {
-    const currentTotal = activityRailSnapshotTotal(current);
-    const [state, setState] = useState(() => currentTotal > 0
-        ? { phase: "visible", snapshot: current }
-        : { phase: "hidden", snapshot: null });
-    const stateRef = useRef(state);
-    stateRef.current = state;
-    const currentKey = useMemo(() => `${current?.sessionId ?? "none"}:${currentTotal}`, [current?.sessionId, currentTotal]);
-    useEffect(() => {
-        const timers = [];
-        const displayed = stateRef.current.snapshot;
-        if (!current || currentTotal === 0) {
-            if (!displayed) {
-                setState({ phase: "hidden", snapshot: null });
-                return;
-            }
-            setState({ phase: "leaving", snapshot: displayed });
-            timers.push(window.setTimeout(() => {
-                setState({ phase: "hidden", snapshot: null });
-            }, ACTIVITY_RAIL_LEAVE_MS));
-        }
-        else if (!displayed) {
-            setState({ phase: "entering", snapshot: current });
-            timers.push(window.setTimeout(() => {
-                setState({ phase: "visible", snapshot: current });
-            }, ACTIVITY_RAIL_ENTER_MS));
-        }
-        else if (displayed.sessionId !== current.sessionId) {
-            setState({ phase: "switching", snapshot: current });
-            timers.push(window.setTimeout(() => {
-                setState({ phase: "visible", snapshot: current });
-            }, ACTIVITY_RAIL_SWITCH_MS));
-        }
-        else {
-            setState({ phase: "visible", snapshot: current });
-        }
-        return () => {
-            for (const timer of timers)
-                window.clearTimeout(timer);
-        };
-    }, [current, currentKey, currentTotal]);
-    return state;
-}