@elench/shell 0.1.25 → 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.
- package/dist/codex/thread-inspector.d.ts +11 -0
- package/dist/codex/thread-inspector.d.ts.map +1 -0
- package/dist/codex/thread-inspector.js +27 -0
- package/dist/codex/thread-inspector.js.map +1 -0
- package/dist/codex/thread-scroll-follow.d.ts +12 -0
- package/dist/codex/thread-scroll-follow.d.ts.map +1 -0
- package/dist/codex/thread-scroll-follow.js +86 -0
- package/dist/codex/thread-scroll-follow.js.map +1 -0
- package/dist/codex/thread-sidebar-preferences.d.ts +9 -0
- package/dist/codex/thread-sidebar-preferences.d.ts.map +1 -0
- package/dist/codex/thread-sidebar-preferences.js +65 -0
- package/dist/codex/thread-sidebar-preferences.js.map +1 -0
- package/dist/codex/thread-sidebar.d.ts +13 -0
- package/dist/codex/thread-sidebar.d.ts.map +1 -0
- package/dist/codex/thread-sidebar.js +145 -0
- package/dist/codex/thread-sidebar.js.map +1 -0
- package/dist/codex/thread-workspace.d.ts +21 -0
- package/dist/codex/thread-workspace.d.ts.map +1 -0
- package/dist/codex/thread-workspace.js +49 -0
- package/dist/codex/thread-workspace.js.map +1 -0
- package/dist/codex/transcript-react.d.ts +8 -113
- package/dist/codex/transcript-react.d.ts.map +1 -1
- package/dist/codex/transcript-react.js +5 -432
- package/dist/codex/transcript-react.js.map +1 -1
- package/dist/codex/transcript-renderers.d.ts +68 -0
- package/dist/codex/transcript-renderers.d.ts.map +1 -0
- package/dist/codex/transcript-renderers.js +190 -0
- package/dist/codex/transcript-renderers.js.map +1 -0
- package/dist/codex/turn-controls.d.ts +11 -0
- package/dist/codex/turn-controls.d.ts.map +1 -0
- package/dist/codex/turn-controls.js +144 -0
- package/dist/codex/turn-controls.js.map +1 -0
- 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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"}
|