@elench/shell 0.1.26 → 0.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/codex/thread-inspector.d.ts +11 -0
  2. package/dist/codex/thread-inspector.d.ts.map +1 -0
  3. package/dist/codex/thread-inspector.js +27 -0
  4. package/dist/codex/thread-inspector.js.map +1 -0
  5. package/dist/codex/thread-scroll-follow.d.ts +12 -0
  6. package/dist/codex/thread-scroll-follow.d.ts.map +1 -0
  7. package/dist/codex/thread-scroll-follow.js +86 -0
  8. package/dist/codex/thread-scroll-follow.js.map +1 -0
  9. package/dist/codex/thread-sidebar-preferences.d.ts +9 -0
  10. package/dist/codex/thread-sidebar-preferences.d.ts.map +1 -0
  11. package/dist/codex/thread-sidebar-preferences.js +65 -0
  12. package/dist/codex/thread-sidebar-preferences.js.map +1 -0
  13. package/dist/codex/thread-sidebar.d.ts +13 -0
  14. package/dist/codex/thread-sidebar.d.ts.map +1 -0
  15. package/dist/codex/thread-sidebar.js +145 -0
  16. package/dist/codex/thread-sidebar.js.map +1 -0
  17. package/dist/codex/thread-workspace.d.ts +21 -0
  18. package/dist/codex/thread-workspace.d.ts.map +1 -0
  19. package/dist/codex/thread-workspace.js +49 -0
  20. package/dist/codex/thread-workspace.js.map +1 -0
  21. package/dist/codex/transcript-react.d.ts +8 -113
  22. package/dist/codex/transcript-react.d.ts.map +1 -1
  23. package/dist/codex/transcript-react.js +5 -667
  24. package/dist/codex/transcript-react.js.map +1 -1
  25. package/dist/codex/transcript-renderers.d.ts +68 -0
  26. package/dist/codex/transcript-renderers.d.ts.map +1 -0
  27. package/dist/codex/transcript-renderers.js +190 -0
  28. package/dist/codex/transcript-renderers.js.map +1 -0
  29. package/dist/codex/turn-controls.d.ts +11 -0
  30. package/dist/codex/turn-controls.d.ts.map +1 -0
  31. package/dist/codex/turn-controls.js +144 -0
  32. package/dist/codex/turn-controls.js.map +1 -0
  33. package/package.json +1 -1
@@ -0,0 +1,11 @@
1
+ import type { UseCodexThreadSessionOptions } from "./react.js";
2
+ import type { CodexThreadSnapshot } from "./thread-store.js";
3
+ export declare function CodexThreadInspector({ session, showControls, snapshot, }: {
4
+ session?: UseCodexThreadSessionOptions;
5
+ showControls?: boolean;
6
+ snapshot: CodexThreadSnapshot | null;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
+ export declare function CodexThreadStats({ snapshot, }: {
9
+ snapshot: CodexThreadSnapshot | null;
10
+ }): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=thread-inspector.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-inspector.d.ts","sourceRoot":"","sources":["../../src/codex/thread-inspector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAa5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,YAAoB,EACpB,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACtC,2CAsEA;AAwBD,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACtC,2CAUA"}
@@ -0,0 +1,27 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useMemo } from "react";
4
+ import { InspectorItem, InspectorItemHeader, InspectorItemValue, } from "../components/shell/primitives/inspector-panel.js";
5
+ import { CodexTurnControlInspectorItems, useCodexTurnControlState, } from "./turn-controls.js";
6
+ import { codexThreadSourceKind, formatNumber, formatTokenUsageBreakdown, summarizeCodexThread, tokenUsagePercent, } from "./transcript.js";
7
+ export function CodexThreadInspector({ session, showControls = false, snapshot, }) {
8
+ const summary = useMemo(() => summarizeCodexThread(snapshot), [snapshot]);
9
+ const thread = summary.thread;
10
+ const usagePercent = tokenUsagePercent(summary.tokenUsage);
11
+ const [turnControls, setTurnControls] = useCodexTurnControlState(session);
12
+ const lastTurn = summary.lastTurnDurationMs == null
13
+ ? "none"
14
+ : `${summary.lastTurnDurationMs}ms`;
15
+ return (_jsxs("div", { className: "space-y-2", children: [_jsx(CodexInspectorValueItem, { label: "Thread", mono: true, value: thread?.id ?? "none" }), _jsx(CodexInspectorValueItem, { label: "Status", value: thread?.status.type ?? "none" }), _jsx(CodexInspectorValueItem, { label: "Source", value: thread ? codexThreadSourceKind(thread) : "none" }), _jsx(CodexInspectorValueItem, { label: "Cwd", mono: true, value: thread?.cwd ?? "none" }), showControls ? (_jsx(CodexTurnControlInspectorItems, { onChange: setTurnControls, value: turnControls })) : null, _jsx(CodexInspectorValueItem, { label: "Turns", mono: true, value: formatNumber(summary.turnCount) }), _jsx(CodexInspectorValueItem, { label: "Items", mono: true, value: formatNumber(summary.itemCount) }), _jsx(CodexInspectorValueItem, { label: "Commands", mono: true, value: formatNumber(summary.commandCount) }), _jsx(CodexInspectorValueItem, { label: "File changes", mono: true, value: formatNumber(summary.fileChangeCount) }), _jsx(CodexInspectorValueItem, { label: "Last turn", mono: true, value: lastTurn }), _jsx(CodexInspectorValueItem, { label: "Tokens", mono: true, value: formatTokenUsageBreakdown(summary.tokenUsage?.tokenUsage.total) }), _jsx(CodexInspectorValueItem, { label: "Context", mono: true, value: usagePercent == null ? "unknown" : `${usagePercent}%` }), _jsx(CodexInspectorValueItem, { label: "Pending", mono: true, value: String(summary.pendingRequestCount) })] }));
16
+ }
17
+ function CodexInspectorValueItem({ label, mono = false, value, }) {
18
+ return (_jsxs(InspectorItem, { children: [_jsx(InspectorItemHeader, { title: label }), _jsx(InspectorItemValue, { className: "block whitespace-normal text-left break-words", mono: mono, children: value })] }));
19
+ }
20
+ export function CodexThreadStats({ snapshot, }) {
21
+ const summary = summarizeCodexThread(snapshot);
22
+ return (_jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsx(CodexStat, { label: "Turns", value: summary.turnCount }), _jsx(CodexStat, { label: "Commands", value: summary.commandCount }), _jsx(CodexStat, { label: "Changes", value: summary.fileChangeCount }), _jsx(CodexStat, { label: "Pending", value: summary.pendingRequestCount })] }));
23
+ }
24
+ function CodexStat({ label, value }) {
25
+ return (_jsxs("div", { className: "rounded-[10px] border border-border bg-bg-card px-4 py-[14px]", children: [_jsx("p", { className: "mb-1.5 text-[11px] font-medium tracking-[0.06em] text-fg-tertiary uppercase", children: label }), _jsx("p", { className: "font-mono text-[22px] leading-[1.2] font-semibold text-fg", children: value })] }));
26
+ }
27
+ //# sourceMappingURL=thread-inspector.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-inspector.js","sourceRoot":"","sources":["../../src/codex/thread-inspector.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ import { type RefObject } from "react";
2
+ export declare function useCodexThreadScrollFollow({ scrollRef, contentRef, threadKey, }: {
3
+ contentRef: RefObject<HTMLElement | null>;
4
+ scrollRef: RefObject<HTMLElement | null>;
5
+ threadKey: string | null;
6
+ }): {
7
+ followLatest: () => void;
8
+ handleScroll: () => void;
9
+ hasNewOutput: boolean;
10
+ isFollowing: boolean;
11
+ };
12
+ //# sourceMappingURL=thread-scroll-follow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-scroll-follow.d.ts","sourceRoot":"","sources":["../../src/codex/thread-scroll-follow.ts"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAef,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,UAAU,EACV,SAAS,GACV,EAAE;IACD,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;;;;;EAiFA"}
@@ -0,0 +1,86 @@
1
+ "use client";
2
+ import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
3
+ const CODEX_THREAD_SCROLL_BOTTOM_THRESHOLD = 48;
4
+ function distanceFromScrollBottom(element) {
5
+ return Math.max(0, element.scrollHeight - element.scrollTop - element.clientHeight);
6
+ }
7
+ function scrollElementToBottom(element) {
8
+ element.scrollTop = Math.max(0, element.scrollHeight - element.clientHeight);
9
+ }
10
+ export function useCodexThreadScrollFollow({ scrollRef, contentRef, threadKey, }) {
11
+ const followingRef = useRef(true);
12
+ const lastScrollHeightRef = useRef(0);
13
+ const lastThreadKeyRef = useRef(null);
14
+ const [hasNewOutput, setHasNewOutput] = useState(false);
15
+ const followLatest = useCallback(() => {
16
+ const element = scrollRef.current;
17
+ if (!element)
18
+ return;
19
+ scrollElementToBottom(element);
20
+ followingRef.current = true;
21
+ lastScrollHeightRef.current = element.scrollHeight;
22
+ setHasNewOutput(false);
23
+ }, [scrollRef]);
24
+ const handleScroll = useCallback(() => {
25
+ const element = scrollRef.current;
26
+ if (!element)
27
+ return;
28
+ const isAtBottom = distanceFromScrollBottom(element) <= CODEX_THREAD_SCROLL_BOTTOM_THRESHOLD;
29
+ followingRef.current = isAtBottom;
30
+ if (isAtBottom)
31
+ setHasNewOutput(false);
32
+ lastScrollHeightRef.current = element.scrollHeight;
33
+ }, [scrollRef]);
34
+ useLayoutEffect(() => {
35
+ const element = scrollRef.current;
36
+ if (!element)
37
+ return;
38
+ const threadChanged = threadKey !== lastThreadKeyRef.current;
39
+ if (threadChanged) {
40
+ lastThreadKeyRef.current = threadKey;
41
+ followingRef.current = true;
42
+ scrollElementToBottom(element);
43
+ lastScrollHeightRef.current = element.scrollHeight;
44
+ setHasNewOutput(false);
45
+ return;
46
+ }
47
+ const contentGrew = element.scrollHeight > lastScrollHeightRef.current;
48
+ if (followingRef.current) {
49
+ scrollElementToBottom(element);
50
+ setHasNewOutput(false);
51
+ }
52
+ else if (contentGrew) {
53
+ setHasNewOutput(true);
54
+ }
55
+ lastScrollHeightRef.current = element.scrollHeight;
56
+ });
57
+ useEffect(() => {
58
+ const contentElement = contentRef.current;
59
+ const scrollElement = scrollRef.current;
60
+ if (!contentElement ||
61
+ !scrollElement ||
62
+ typeof ResizeObserver === "undefined") {
63
+ return;
64
+ }
65
+ const observer = new ResizeObserver(() => {
66
+ if (followingRef.current) {
67
+ scrollElementToBottom(scrollElement);
68
+ lastScrollHeightRef.current = scrollElement.scrollHeight;
69
+ setHasNewOutput(false);
70
+ }
71
+ else if (scrollElement.scrollHeight > lastScrollHeightRef.current) {
72
+ lastScrollHeightRef.current = scrollElement.scrollHeight;
73
+ setHasNewOutput(true);
74
+ }
75
+ });
76
+ observer.observe(contentElement);
77
+ return () => observer.disconnect();
78
+ }, [contentRef, scrollRef, threadKey]);
79
+ return {
80
+ followLatest,
81
+ handleScroll,
82
+ hasNewOutput,
83
+ isFollowing: followingRef.current,
84
+ };
85
+ }
86
+ //# sourceMappingURL=thread-scroll-follow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-scroll-follow.js","sourceRoot":"","sources":["../../src/codex/thread-scroll-follow.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ type CodexThreadSidebarPreferences = {
2
+ pinnedThreadIds: string[];
3
+ };
4
+ export declare function useCodexThreadSidebarPreferences(): {
5
+ preferences: CodexThreadSidebarPreferences;
6
+ setPinned: (threadId: string, pinned: boolean) => void;
7
+ };
8
+ export {};
9
+ //# sourceMappingURL=thread-sidebar-preferences.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-sidebar-preferences.d.ts","sourceRoot":"","sources":["../../src/codex/thread-sidebar-preferences.ts"],"names":[],"mappings":"AAIA,KAAK,6BAA6B,GAAG;IACnC,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AA4CF,wBAAgB,gCAAgC;;0BAgBL,MAAM,UAAU,OAAO;EAejE"}
@@ -0,0 +1,65 @@
1
+ "use client";
2
+ import { useCallback, useEffect, useState } from "react";
3
+ const CODEX_THREAD_SIDEBAR_STORAGE_KEY = "elench-shell:codex-thread-sidebar:v1";
4
+ const DEFAULT_CODEX_THREAD_SIDEBAR_PREFERENCES = {
5
+ pinnedThreadIds: [],
6
+ };
7
+ function readCodexThreadSidebarPreferences() {
8
+ if (typeof window === "undefined") {
9
+ return DEFAULT_CODEX_THREAD_SIDEBAR_PREFERENCES;
10
+ }
11
+ try {
12
+ const raw = window.localStorage.getItem(CODEX_THREAD_SIDEBAR_STORAGE_KEY);
13
+ if (!raw)
14
+ return DEFAULT_CODEX_THREAD_SIDEBAR_PREFERENCES;
15
+ const parsed = JSON.parse(raw);
16
+ return {
17
+ pinnedThreadIds: Array.isArray(parsed.pinnedThreadIds)
18
+ ? parsed.pinnedThreadIds.filter((threadId) => typeof threadId === "string")
19
+ : [],
20
+ };
21
+ }
22
+ catch {
23
+ return DEFAULT_CODEX_THREAD_SIDEBAR_PREFERENCES;
24
+ }
25
+ }
26
+ function writeCodexThreadSidebarPreferences(preferences) {
27
+ if (typeof window === "undefined")
28
+ return;
29
+ try {
30
+ window.localStorage.setItem(CODEX_THREAD_SIDEBAR_STORAGE_KEY, JSON.stringify(preferences));
31
+ }
32
+ catch {
33
+ // Ignore storage failures; pinning is a local UI preference.
34
+ }
35
+ }
36
+ export function useCodexThreadSidebarPreferences() {
37
+ const [preferences, setPreferences] = useState(() => readCodexThreadSidebarPreferences());
38
+ useEffect(() => {
39
+ if (typeof window === "undefined")
40
+ return;
41
+ const handleStorage = (event) => {
42
+ if (event.key === CODEX_THREAD_SIDEBAR_STORAGE_KEY) {
43
+ setPreferences(readCodexThreadSidebarPreferences());
44
+ }
45
+ };
46
+ window.addEventListener("storage", handleStorage);
47
+ return () => window.removeEventListener("storage", handleStorage);
48
+ }, []);
49
+ const setPinned = useCallback((threadId, pinned) => {
50
+ setPreferences((current) => {
51
+ const pinnedThreadIds = new Set(current.pinnedThreadIds);
52
+ if (pinned) {
53
+ pinnedThreadIds.add(threadId);
54
+ }
55
+ else {
56
+ pinnedThreadIds.delete(threadId);
57
+ }
58
+ const next = { pinnedThreadIds: [...pinnedThreadIds] };
59
+ writeCodexThreadSidebarPreferences(next);
60
+ return next;
61
+ });
62
+ }, []);
63
+ return { preferences, setPinned };
64
+ }
65
+ //# sourceMappingURL=thread-sidebar-preferences.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-sidebar-preferences.js","sourceRoot":"","sources":["../../src/codex/thread-sidebar-preferences.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMzD,MAAM,gCAAgC,GAAG,sCAAsC,CAAC;AAEhF,MAAM,wCAAwC,GAC5C;IACE,eAAe,EAAE,EAAE;CACpB,CAAC;AAEJ,SAAS,iCAAiC;IACxC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,wCAAwC,CAAC;IAClD,CAAC;IAED,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC;QAC1E,IAAI,CAAC,GAAG;YAAE,OAAO,wCAAwC,CAAC;QAC1D,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAA2C,CAAC;QACzE,OAAO;YACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC;gBACpD,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,MAAM,CAC3B,CAAC,QAAQ,EAAsB,EAAE,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAC/D;gBACH,CAAC,CAAC,EAAE;SACP,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,wCAAwC,CAAC;IAClD,CAAC;AACH,CAAC;AAED,SAAS,kCAAkC,CACzC,WAA0C;IAE1C,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAC1C,IAAI,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,OAAO,CACzB,gCAAgC,EAChC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAC5B,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,6DAA6D;IAC/D,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gCAAgC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,GAAG,EAAE,CAAC,iCAAiC,EAAE,CAC1C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAC1C,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC5C,IAAI,KAAK,CAAC,GAAG,KAAK,gCAAgC,EAAE,CAAC;gBACnD,cAAc,CAAC,iCAAiC,EAAE,CAAC,CAAC;YACtD,CAAC;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAE,MAAe,EAAE,EAAE;QAClE,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACzB,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;YACzD,IAAI,MAAM,EAAE,CAAC;gBACX,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACN,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACnC,CAAC;YACD,MAAM,IAAI,GAAG,EAAE,eAAe,EAAE,CAAC,GAAG,eAAe,CAAC,EAAE,CAAC;YACvD,kCAAkC,CAAC,IAAI,CAAC,CAAC;YACzC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AACpC,CAAC"}
@@ -0,0 +1,13 @@
1
+ import type { Thread } from "./protocol/generated/v2/Thread.js";
2
+ import type { ThreadListParams } from "./protocol/generated/v2/ThreadListParams.js";
3
+ export type CodexThreadSidebarProps = {
4
+ activeThreadId?: string | null;
5
+ archived?: boolean | null;
6
+ cwd?: string | string[] | null;
7
+ limit?: number;
8
+ onOpenThread: (thread: Thread) => void;
9
+ searchTerm?: string | null;
10
+ sourceKinds?: ThreadListParams["sourceKinds"];
11
+ };
12
+ export declare function CodexThreadSidebar({ activeThreadId, archived, cwd, limit, onOpenThread, searchTerm, sourceKinds, }: CodexThreadSidebarProps): import("react/jsx-runtime").JSX.Element;
13
+ //# sourceMappingURL=thread-sidebar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-sidebar.d.ts","sourceRoot":"","sources":["../../src/codex/thread-sidebar.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAIjF,MAAM,MAAM,uBAAuB,GAAG;IACpC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAC/C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,cAAc,EACd,QAAgB,EAChB,GAAG,EACH,KAAU,EACV,YAAY,EACZ,UAAU,EACV,WAAW,GACZ,EAAE,uBAAuB,2CAyLzB"}
@@ -0,0 +1,145 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { ClockIcon, MessageSquareIcon, PencilIcon, PinIcon, PinOffIcon, RefreshCcwIcon, } from "lucide-react";
4
+ import { useCallback, useEffect, useMemo, useState, } from "react";
5
+ import { Button } from "../components/ui/button.js";
6
+ import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, } from "../components/ui/context-menu.js";
7
+ import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../components/ui/dialog.js";
8
+ import { Input } from "../components/ui/input.js";
9
+ import { SidebarActionRow } from "../components/shell/primitives/sidebar-action-row.js";
10
+ import { SidebarSection } from "../components/shell/primitives/sidebar-section.js";
11
+ import { cn } from "../lib/utils.js";
12
+ import { useCodexAppServer } from "./react.js";
13
+ import { codexThreadDescription, codexThreadTitle } from "./transcript.js";
14
+ import { useCodexThreadSidebarPreferences } from "./thread-sidebar-preferences.js";
15
+ export function CodexThreadSidebar({ activeThreadId, archived = false, cwd, limit = 40, onOpenThread, searchTerm, sourceKinds, }) {
16
+ const { client, error: serverError, initialized, status, } = useCodexAppServer();
17
+ const { preferences, setPinned } = useCodexThreadSidebarPreferences();
18
+ const [threads, setThreads] = useState([]);
19
+ const [error, setError] = useState(null);
20
+ const [loading, setLoading] = useState(false);
21
+ const [renamingThread, setRenamingThread] = useState(null);
22
+ const pinnedThreadIds = preferences.pinnedThreadIds;
23
+ const pinnedThreadIdSet = useMemo(() => new Set(pinnedThreadIds), [pinnedThreadIds]);
24
+ const requestLimit = pinnedThreadIds.length > 0
25
+ ? Math.max(limit, 100, limit + pinnedThreadIds.length)
26
+ : limit;
27
+ const sortedThreads = useMemo(() => threads
28
+ .map((thread, index) => ({ index, thread }))
29
+ .sort((left, right) => {
30
+ const leftPinned = pinnedThreadIdSet.has(left.thread.id);
31
+ const rightPinned = pinnedThreadIdSet.has(right.thread.id);
32
+ if (leftPinned !== rightPinned)
33
+ return leftPinned ? -1 : 1;
34
+ return left.index - right.index;
35
+ })
36
+ .map(({ thread }) => thread)
37
+ .slice(0, Math.max(limit, pinnedThreadIds.length)), [limit, pinnedThreadIdSet, pinnedThreadIds.length, threads]);
38
+ const refresh = useCallback(async () => {
39
+ if (!client || !initialized)
40
+ return;
41
+ setLoading(true);
42
+ setError(null);
43
+ try {
44
+ const response = await client.listThreads({
45
+ archived,
46
+ cwd,
47
+ limit: requestLimit,
48
+ searchTerm,
49
+ sortDirection: "desc",
50
+ sortKey: "updated_at",
51
+ sourceKinds,
52
+ });
53
+ setThreads(response.data);
54
+ }
55
+ catch (nextError) {
56
+ setError(nextError instanceof Error ? nextError : new Error(String(nextError)));
57
+ }
58
+ finally {
59
+ setLoading(false);
60
+ }
61
+ }, [
62
+ archived,
63
+ client,
64
+ cwd,
65
+ initialized,
66
+ requestLimit,
67
+ searchTerm,
68
+ sourceKinds,
69
+ ]);
70
+ useEffect(() => {
71
+ void refresh();
72
+ }, [refresh]);
73
+ useEffect(() => {
74
+ if (!client)
75
+ return;
76
+ return client.onNotification((notification) => {
77
+ if (notification.method === "thread/started" ||
78
+ notification.method === "thread/status/changed" ||
79
+ notification.method === "thread/name/updated" ||
80
+ notification.method === "thread/archived" ||
81
+ notification.method === "thread/unarchived" ||
82
+ notification.method === "thread/closed" ||
83
+ notification.method === "turn/completed") {
84
+ void refresh();
85
+ }
86
+ });
87
+ }, [client, refresh]);
88
+ return (_jsxs(_Fragment, { children: [_jsxs(SidebarSection, { children: [_jsx("div", { className: "mb-1 flex justify-end px-2", children: _jsx("button", { "aria-label": "Refresh Codex threads", className: "rounded-md p-1 text-fg-tertiary hover:bg-bg-hover hover:text-fg", onClick: () => void refresh(), type: "button", children: _jsx(RefreshCcwIcon, { className: cn("size-3.5", loading && "animate-spin") }) }) }), serverError || error ? (_jsx("div", { className: "px-2 py-2 text-[11px] text-status-err", children: (serverError ?? error)?.message })) : null, !serverError && !error && (!client || !initialized) ? (_jsx("div", { className: "px-2 py-2 text-[11px] text-fg-tertiary", children: status === "connecting"
89
+ ? "Connecting to Codex..."
90
+ : "Codex is not connected." })) : null, client && initialized && threads.length === 0 && !loading ? (_jsx("div", { className: "px-2 py-2 text-[11px] text-fg-tertiary", children: "No Codex threads found." })) : null, sortedThreads.map((thread) => {
91
+ const pinned = pinnedThreadIdSet.has(thread.id);
92
+ const active = activeThreadId === thread.id;
93
+ return (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsx(SidebarActionRow, { active: active, "aria-selected": active, "data-codex-thread-id": thread.id, "data-codex-thread-pinned": pinned ? "true" : undefined, "data-codex-thread-row": true, description: codexThreadDescription(thread), icon: pinned ? (_jsx(PinIcon, { className: "size-4" })) : thread.status.type === "active" ? (_jsx(ClockIcon, { className: "size-4" })) : (_jsx(MessageSquareIcon, { className: "size-4" })), onClick: () => onOpenThread(thread), role: "tab", title: codexThreadTitle(thread) }) }), _jsxs(ContextMenuContent, { className: "min-w-44", children: [_jsxs(ContextMenuItem, { onSelect: () => setRenamingThread(thread), children: [_jsx(PencilIcon, { className: "size-4" }), "Rename thread..."] }), _jsx(ContextMenuSeparator, {}), _jsxs(ContextMenuItem, { onSelect: () => setPinned(thread.id, !pinned), children: [pinned ? (_jsx(PinOffIcon, { className: "size-4" })) : (_jsx(PinIcon, { className: "size-4" })), pinned ? "Unpin thread" : "Pin thread"] })] })] }, thread.id));
94
+ })] }), _jsx(CodexThreadRenameDialog, { client: client, onOpenChange: (open) => {
95
+ if (!open)
96
+ setRenamingThread(null);
97
+ }, onRenamed: (threadId, name) => {
98
+ setThreads((current) => current.map((thread) => thread.id === threadId ? { ...thread, name } : thread));
99
+ void refresh();
100
+ }, open: renamingThread !== null, thread: renamingThread })] }));
101
+ }
102
+ function CodexThreadRenameDialog({ client, onOpenChange, onRenamed, open, thread, }) {
103
+ const [error, setError] = useState(null);
104
+ const [name, setName] = useState("");
105
+ const [saving, setSaving] = useState(false);
106
+ useEffect(() => {
107
+ if (!thread)
108
+ return;
109
+ setName(codexThreadTitle(thread));
110
+ setError(null);
111
+ setSaving(false);
112
+ }, [thread]);
113
+ const submit = async (event) => {
114
+ event.preventDefault();
115
+ if (!client || !thread)
116
+ return;
117
+ const trimmedName = name.trim();
118
+ if (!trimmedName) {
119
+ setError(new Error("Enter a thread name."));
120
+ return;
121
+ }
122
+ if (trimmedName === codexThreadTitle(thread)) {
123
+ onOpenChange(false);
124
+ return;
125
+ }
126
+ setSaving(true);
127
+ setError(null);
128
+ try {
129
+ await client.setThreadName({
130
+ name: trimmedName,
131
+ threadId: thread.id,
132
+ });
133
+ onRenamed(thread.id, trimmedName);
134
+ onOpenChange(false);
135
+ }
136
+ catch (nextError) {
137
+ setError(nextError instanceof Error ? nextError : new Error(String(nextError)));
138
+ }
139
+ finally {
140
+ setSaving(false);
141
+ }
142
+ };
143
+ return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsx(DialogContent, { children: _jsxs("form", { className: "grid gap-4", onSubmit: submit, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Rename thread" }), _jsx(DialogDescription, { children: "Set a user-facing title for this Codex thread." })] }), _jsxs("label", { className: "grid gap-1.5 text-[12px] font-medium text-fg-tertiary", children: ["Thread name", _jsx(Input, { "aria-label": "Thread name", autoFocus: true, disabled: saving, onChange: (event) => setName(event.target.value), value: name })] }), error ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/8 px-3 py-2 text-[12px] text-fg", children: error.message })) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { disabled: saving, onClick: () => onOpenChange(false), type: "button", variant: "outline", children: "Cancel" }), _jsx(Button, { disabled: saving || name.trim().length === 0, type: "submit", children: "Save" })] })] }) }) }));
144
+ }
145
+ //# sourceMappingURL=thread-sidebar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-sidebar.js","sourceRoot":"","sources":["../../src/codex/thread-sidebar.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,21 @@
1
+ import type { UseCodexThreadSessionOptions } from "./react.js";
2
+ import type { CodexTranscriptRenderSettings } from "./transcript.js";
3
+ export type CodexThreadWorkspaceProps = {
4
+ className?: string;
5
+ defaultMessage?: string;
6
+ emptyDescription?: string;
7
+ emptyTitle?: string;
8
+ onThreadChange?: UseCodexThreadSessionOptions["onThreadChange"];
9
+ placeholder?: string;
10
+ settings?: Partial<CodexTranscriptRenderSettings>;
11
+ session?: UseCodexThreadSessionOptions;
12
+ showControls?: boolean;
13
+ };
14
+ export declare function CodexThreadWorkspace({ className, defaultMessage, emptyDescription, emptyTitle, onThreadChange, placeholder, settings, session, }: CodexThreadWorkspaceProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function CodexThreadComposer({ defaultMessage, disabled, onSubmit, placeholder, }: {
16
+ defaultMessage?: string;
17
+ disabled?: boolean;
18
+ onSubmit: (message: string) => Promise<unknown>;
19
+ placeholder?: string;
20
+ }): import("react/jsx-runtime").JSX.Element;
21
+ //# sourceMappingURL=thread-workspace.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-workspace.d.ts","sourceRoot":"","sources":["../../src/codex/thread-workspace.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAI5D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,4BAA4B,CAAC,gBAAgB,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC,6BAA6B,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,4BAA4B,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,cAAmB,EACnB,gBAA8D,EAC9D,UAAkC,EAClC,cAAc,EACd,WAA6B,EAC7B,QAAQ,EACR,OAAO,GACR,EAAE,yBAAyB,2CAmF3B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,cAAmB,EACnB,QAAgB,EAChB,QAAQ,EACR,WAA6B,GAC9B,EAAE;IACD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CAmCA"}
@@ -0,0 +1,49 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { ArrowDownIcon, SendIcon } from "lucide-react";
4
+ import { useMemo, useRef, useState } from "react";
5
+ import { Button } from "../components/ui/button.js";
6
+ import { Textarea } from "../components/ui/textarea.js";
7
+ import { cn } from "../lib/utils.js";
8
+ import { useCodexThreadSession } from "./react.js";
9
+ import { CodexThreadTranscript } from "./transcript-renderers.js";
10
+ import { useCodexThreadScrollFollow } from "./thread-scroll-follow.js";
11
+ import { useCodexTurnControlState } from "./turn-controls.js";
12
+ export function CodexThreadWorkspace({ className, defaultMessage = "", emptyDescription = "Send a message to start the Codex thread.", emptyTitle = "No Codex output yet", onThreadChange, placeholder = "Message Codex", settings, session, }) {
13
+ const [turnControls] = useCodexTurnControlState(session);
14
+ const resolvedSession = useMemo(() => ({
15
+ ...session,
16
+ onThreadChange,
17
+ turn: {
18
+ ...session?.turn,
19
+ ...turnControls,
20
+ },
21
+ }), [onThreadChange, session, turnControls]);
22
+ const { error, isPending, sendText, snapshot } = useCodexThreadSession(resolvedSession);
23
+ const scrollRef = useRef(null);
24
+ const transcriptContentRef = useRef(null);
25
+ const threadKey = snapshot?.thread?.id ?? session?.threadId ?? null;
26
+ const threadScroll = useCodexThreadScrollFollow({
27
+ contentRef: transcriptContentRef,
28
+ scrollRef,
29
+ threadKey,
30
+ });
31
+ return (_jsxs("div", { className: cn("flex h-full min-h-0 flex-col overflow-hidden", className), "data-codex-thread-workspace": true, children: [_jsxs("div", { className: "relative min-h-0 min-w-0 flex-1", children: [_jsx("div", { className: "h-full min-h-0 min-w-0 overflow-x-hidden overflow-y-auto px-6 py-5", "data-codex-thread-following": threadScroll.isFollowing ? "true" : "false", "data-codex-thread-new-output": threadScroll.hasNewOutput ? "true" : undefined, "data-codex-thread-scroll": true, onScroll: threadScroll.handleScroll, ref: scrollRef, children: _jsx("div", { ref: transcriptContentRef, children: _jsx(CodexThreadTranscript, { emptyDescription: emptyDescription, emptyTitle: emptyTitle, settings: settings, snapshot: snapshot }) }) }), threadScroll.hasNewOutput ? (_jsxs(Button, { "aria-label": "Jump to latest Codex output", className: "absolute right-5 bottom-4 shadow-sm", onClick: threadScroll.followLatest, size: "sm", type: "button", variant: "outline", children: [_jsx(ArrowDownIcon, {}), "Latest"] })) : null] }), _jsxs("div", { className: "shrink-0 border-t border-border bg-bg-surface px-4 py-3", "data-codex-thread-composer": true, children: [error ? (_jsx("div", { className: "mb-3 rounded-md border border-destructive/30 bg-destructive/8 px-3 py-2 text-[12px] text-fg", children: error.message })) : null, _jsx(CodexThreadComposer, { defaultMessage: defaultMessage, disabled: isPending, onSubmit: sendText, placeholder: placeholder })] })] }));
32
+ }
33
+ export function CodexThreadComposer({ defaultMessage = "", disabled = false, onSubmit, placeholder = "Message Codex", }) {
34
+ const [message, setMessage] = useState(defaultMessage);
35
+ const submit = () => {
36
+ const next = message.trim();
37
+ if (!next)
38
+ return;
39
+ setMessage("");
40
+ void onSubmit(next);
41
+ };
42
+ return (_jsxs("div", { className: "flex items-end gap-2", children: [_jsx(Textarea, { "aria-label": "Codex message", className: "min-h-20 resize-none", onChange: (event) => setMessage(event.target.value), onKeyDown: (event) => {
43
+ if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
44
+ event.preventDefault();
45
+ submit();
46
+ }
47
+ }, placeholder: placeholder, value: message }), _jsxs(Button, { "aria-label": "Send Codex message", disabled: disabled || message.trim().length === 0, onClick: submit, children: [_jsx(SendIcon, {}), "Send"] })] }));
48
+ }
49
+ //# sourceMappingURL=thread-workspace.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-workspace.js","sourceRoot":"","sources":["../../src/codex/thread-workspace.tsx"],"names":[],"mappings":"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"}