@ottocode/web-sdk 0.1.176 → 0.1.178
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/components/chat/FileMentionPopup.d.ts.map +1 -1
- package/dist/components/chat/FileMentionPopup.js +28 -13
- package/dist/components/chat/FileMentionPopup.js.map +1 -1
- package/dist/components/chat/UnifiedModelSelector.d.ts.map +1 -1
- package/dist/components/chat/UnifiedModelSelector.js +4 -5
- package/dist/components/chat/UnifiedModelSelector.js.map +1 -1
- package/dist/components/git/GitSidebar.d.ts.map +1 -1
- package/dist/components/git/GitSidebar.js +10 -4
- package/dist/components/git/GitSidebar.js.map +1 -1
- package/dist/components/index.d.ts +5 -3
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -3
- package/dist/components/index.js.map +1 -1
- package/dist/components/research/ResearchSidebar.d.ts.map +1 -1
- package/dist/components/research/ResearchSidebar.js +40 -33
- package/dist/components/research/ResearchSidebar.js.map +1 -1
- package/dist/components/session-files/SessionFilesSidebar.d.ts.map +1 -1
- package/dist/components/session-files/SessionFilesSidebar.js +8 -1
- package/dist/components/session-files/SessionFilesSidebar.js.map +1 -1
- package/dist/components/settings/SettingsSidebar.d.ts.map +1 -1
- package/dist/components/settings/SettingsSidebar.js +21 -14
- package/dist/components/settings/SettingsSidebar.js.map +1 -1
- package/dist/components/terminals/TerminalPanelToggle.d.ts +2 -0
- package/dist/components/terminals/TerminalPanelToggle.d.ts.map +1 -0
- package/dist/components/terminals/TerminalPanelToggle.js +13 -0
- package/dist/components/terminals/TerminalPanelToggle.js.map +1 -0
- package/dist/components/terminals/TerminalTabBar.d.ts +10 -0
- package/dist/components/terminals/TerminalTabBar.d.ts.map +1 -0
- package/dist/components/terminals/TerminalTabBar.js +22 -0
- package/dist/components/terminals/TerminalTabBar.js.map +1 -0
- package/dist/components/terminals/TerminalViewer.d.ts +2 -1
- package/dist/components/terminals/TerminalViewer.d.ts.map +1 -1
- package/dist/components/terminals/TerminalViewer.js +102 -75
- package/dist/components/terminals/TerminalViewer.js.map +1 -1
- package/dist/components/terminals/TerminalsPanel.d.ts +2 -0
- package/dist/components/terminals/TerminalsPanel.d.ts.map +1 -0
- package/dist/components/terminals/TerminalsPanel.js +121 -0
- package/dist/components/terminals/TerminalsPanel.js.map +1 -0
- package/dist/components/terminals/index.d.ts +9 -3
- package/dist/components/terminals/index.d.ts.map +1 -1
- package/dist/components/terminals/index.js +9 -3
- package/dist/components/terminals/index.js.map +1 -1
- package/dist/components/ui/ResizeHandle.d.ts +11 -0
- package/dist/components/ui/ResizeHandle.d.ts.map +1 -0
- package/dist/components/ui/ResizeHandle.js +35 -0
- package/dist/components/ui/ResizeHandle.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -3
- package/dist/index.js.map +1 -1
- package/dist/stores/index.d.ts +1 -0
- package/dist/stores/index.d.ts.map +1 -1
- package/dist/stores/index.js +1 -0
- package/dist/stores/index.js.map +1 -1
- package/dist/stores/panelWidthStore.d.ts +20 -0
- package/dist/stores/panelWidthStore.d.ts.map +1 -0
- package/dist/stores/panelWidthStore.js +12 -0
- package/dist/stores/panelWidthStore.js.map +1 -0
- package/dist/stores/terminalStore.d.ts +17 -1
- package/dist/stores/terminalStore.d.ts.map +1 -1
- package/dist/stores/terminalStore.js +27 -20
- package/dist/stores/terminalStore.js.map +1 -1
- package/package.json +3 -3
- package/dist/components/terminals/TerminalList.d.ts +0 -8
- package/dist/components/terminals/TerminalList.d.ts.map +0 -1
- package/dist/components/terminals/TerminalList.js +0 -32
- package/dist/components/terminals/TerminalList.js.map +0 -1
- package/dist/components/terminals/TerminalsSidebar.d.ts +0 -2
- package/dist/components/terminals/TerminalsSidebar.d.ts.map +0 -1
- package/dist/components/terminals/TerminalsSidebar.js +0 -34
- package/dist/components/terminals/TerminalsSidebar.js.map +0 -1
- package/dist/components/terminals/TerminalsSidebarToggle.d.ts +0 -2
- package/dist/components/terminals/TerminalsSidebarToggle.d.ts.map +0 -1
- package/dist/components/terminals/TerminalsSidebarToggle.js +0 -13
- package/dist/components/terminals/TerminalsSidebarToggle.js.map +0 -1
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useCallback, useRef, useEffect } from 'react';
|
|
3
|
+
import { Terminal as TerminalIcon, Maximize2, Minimize2, ChevronDown, } from 'lucide-react';
|
|
4
|
+
import { useTerminalStore } from '../../stores/terminalStore';
|
|
5
|
+
import { useTerminals, useCreateTerminal, useKillTerminal } from '../../hooks/useTerminals';
|
|
6
|
+
import { TerminalTabBar } from './TerminalTabBar';
|
|
7
|
+
import { TerminalViewer } from './TerminalViewer';
|
|
8
|
+
const MIN_HEIGHT = 150;
|
|
9
|
+
const MAX_HEIGHT_RATIO = 0.85;
|
|
10
|
+
export const TerminalsPanel = memo(function TerminalsPanel() {
|
|
11
|
+
const isOpen = useTerminalStore((s) => s.isOpen);
|
|
12
|
+
const panelHeight = useTerminalStore((s) => s.panelHeight);
|
|
13
|
+
const setPanelHeight = useTerminalStore((s) => s.setPanelHeight);
|
|
14
|
+
const activeTabId = useTerminalStore((s) => s.activeTabId);
|
|
15
|
+
const selectTab = useTerminalStore((s) => s.selectTab);
|
|
16
|
+
const closePanel = useTerminalStore((s) => s.closePanel);
|
|
17
|
+
const isMaximized = useTerminalStore((s) => s.isMaximized);
|
|
18
|
+
const toggleMaximize = useTerminalStore((s) => s.toggleMaximize);
|
|
19
|
+
const togglePanel = useTerminalStore((s) => s.togglePanel);
|
|
20
|
+
const { data: terminals } = useTerminals();
|
|
21
|
+
const createTerminal = useCreateTerminal();
|
|
22
|
+
const killTerminal = useKillTerminal();
|
|
23
|
+
const dragRef = useRef(null);
|
|
24
|
+
const terminalsList = terminals?.terminals ?? [];
|
|
25
|
+
const autoCreatingRef = useRef(false);
|
|
26
|
+
const terminalsListRef = useRef(terminalsList);
|
|
27
|
+
terminalsListRef.current = terminalsList;
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
if (isOpen &&
|
|
30
|
+
terminalsList.length > 0 &&
|
|
31
|
+
(!activeTabId || !terminalsList.find((t) => t.id === activeTabId))) {
|
|
32
|
+
selectTab(terminalsList[0].id);
|
|
33
|
+
}
|
|
34
|
+
}, [isOpen, terminalsList, activeTabId, selectTab]);
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
if (isOpen && terminals && terminalsList.length === 0 && !autoCreatingRef.current && !createTerminal.isPending) {
|
|
37
|
+
autoCreatingRef.current = true;
|
|
38
|
+
createTerminal.mutateAsync({
|
|
39
|
+
command: 'bash',
|
|
40
|
+
purpose: 'Manual shell',
|
|
41
|
+
}).then((result) => {
|
|
42
|
+
selectTab(result.terminalId);
|
|
43
|
+
}).catch(() => { }).finally(() => {
|
|
44
|
+
autoCreatingRef.current = false;
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
}, [isOpen, terminals, terminalsList.length, createTerminal, selectTab]);
|
|
48
|
+
const handleNewTerminal = useCallback(async () => {
|
|
49
|
+
try {
|
|
50
|
+
const result = await createTerminal.mutateAsync({
|
|
51
|
+
command: 'bash',
|
|
52
|
+
purpose: 'Manual shell',
|
|
53
|
+
});
|
|
54
|
+
selectTab(result.terminalId);
|
|
55
|
+
}
|
|
56
|
+
catch {
|
|
57
|
+
// ignore
|
|
58
|
+
}
|
|
59
|
+
}, [createTerminal, selectTab]);
|
|
60
|
+
const handleKillTerminal = useCallback(async (id) => {
|
|
61
|
+
try {
|
|
62
|
+
await killTerminal.mutateAsync(id);
|
|
63
|
+
if (activeTabId === id) {
|
|
64
|
+
const remaining = terminalsListRef.current.filter((t) => t.id !== id);
|
|
65
|
+
if (remaining.length > 0) {
|
|
66
|
+
selectTab(remaining[0].id);
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
selectTab(null);
|
|
70
|
+
closePanel();
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
catch {
|
|
75
|
+
// ignore
|
|
76
|
+
}
|
|
77
|
+
}, [killTerminal, activeTabId, selectTab, closePanel]);
|
|
78
|
+
useEffect(() => {
|
|
79
|
+
const handleKeyDown = (e) => {
|
|
80
|
+
if (e.key === '`' && e.ctrlKey) {
|
|
81
|
+
e.preventDefault();
|
|
82
|
+
togglePanel();
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
window.addEventListener('keydown', handleKeyDown);
|
|
86
|
+
return () => window.removeEventListener('keydown', handleKeyDown);
|
|
87
|
+
}, [togglePanel]);
|
|
88
|
+
const handleResizeStart = useCallback((e) => {
|
|
89
|
+
e.preventDefault();
|
|
90
|
+
dragRef.current = {
|
|
91
|
+
startY: e.clientY,
|
|
92
|
+
startHeight: panelHeight,
|
|
93
|
+
};
|
|
94
|
+
const handleMouseMove = (ev) => {
|
|
95
|
+
if (!dragRef.current)
|
|
96
|
+
return;
|
|
97
|
+
const delta = dragRef.current.startY - ev.clientY;
|
|
98
|
+
const newHeight = dragRef.current.startHeight + delta;
|
|
99
|
+
const maxH = window.innerHeight * MAX_HEIGHT_RATIO;
|
|
100
|
+
setPanelHeight(Math.min(Math.max(MIN_HEIGHT, newHeight), maxH));
|
|
101
|
+
};
|
|
102
|
+
const handleMouseUp = () => {
|
|
103
|
+
dragRef.current = null;
|
|
104
|
+
document.removeEventListener('mousemove', handleMouseMove);
|
|
105
|
+
document.removeEventListener('mouseup', handleMouseUp);
|
|
106
|
+
document.body.style.cursor = '';
|
|
107
|
+
document.body.style.userSelect = '';
|
|
108
|
+
};
|
|
109
|
+
document.addEventListener('mousemove', handleMouseMove);
|
|
110
|
+
document.addEventListener('mouseup', handleMouseUp);
|
|
111
|
+
document.body.style.cursor = 'row-resize';
|
|
112
|
+
document.body.style.userSelect = 'none';
|
|
113
|
+
}, [panelHeight, setPanelHeight]);
|
|
114
|
+
if (!isOpen)
|
|
115
|
+
return null;
|
|
116
|
+
const height = isMaximized ? '100%' : `${panelHeight}px`;
|
|
117
|
+
return (_jsxs("div", { className: "border-t border-border bg-background flex flex-col shrink-0", style: { height, minHeight: MIN_HEIGHT }, children: [!isMaximized && (_jsx("div", { className: "h-1 cursor-row-resize hover:bg-primary/30 active:bg-primary/50 transition-colors shrink-0", onMouseDown: handleResizeStart })), _jsxs("div", { className: "h-9 border-b border-border flex items-center shrink-0", children: [_jsxs("div", { className: "flex items-center gap-1.5 px-3 shrink-0 border-r border-border h-full", children: [_jsx(TerminalIcon, { className: "w-3.5 h-3.5 text-muted-foreground" }), _jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Terminal" }), terminalsList.length > 0 && (_jsxs("span", { className: "text-[10px] text-muted-foreground/70", children: ["(", terminalsList.length, ")"] }))] }), _jsx(TerminalTabBar, { terminals: terminalsList, onNewTerminal: handleNewTerminal, onKillTerminal: handleKillTerminal, isCreating: createTerminal.isPending }), _jsxs("div", { className: "ml-auto flex items-center gap-0.5 px-2 shrink-0", children: [_jsx("button", { type: "button", className: "p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors", onClick: toggleMaximize, title: isMaximized ? 'Restore' : 'Maximize', children: isMaximized ? (_jsx(Minimize2, { className: "w-3.5 h-3.5" })) : (_jsx(Maximize2, { className: "w-3.5 h-3.5" })) }), _jsx("button", { type: "button", className: "p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors", onClick: closePanel, title: "Close panel", children: _jsx(ChevronDown, { className: "w-3.5 h-3.5" }) })] })] }), _jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: activeTabId ? (_jsx(TerminalViewer, { terminalId: activeTabId, onExit: handleKillTerminal })) : (_jsxs("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground", children: [_jsx(TerminalIcon, { className: "w-8 h-8 mb-2 opacity-40" }), _jsx("div", { className: "text-xs", children: terminalsList.length === 0
|
|
118
|
+
? 'No terminals running'
|
|
119
|
+
: 'Select a terminal tab' })] })) })] }));
|
|
120
|
+
});
|
|
121
|
+
//# sourceMappingURL=TerminalsPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TerminalsPanel.js","sourceRoot":"","sources":["../../../src/components/terminals/TerminalsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
1
|
+
export { TerminalsPanel } from './TerminalsPanel';
|
|
2
|
+
export { TerminalPanelToggle } from './TerminalPanelToggle';
|
|
3
|
+
export { TerminalTabBar } from './TerminalTabBar';
|
|
3
4
|
export { TerminalViewer } from './TerminalViewer';
|
|
4
|
-
|
|
5
|
+
/** @deprecated Use TerminalsPanel instead */
|
|
6
|
+
export { TerminalsPanel as TerminalsSidebar } from './TerminalsPanel';
|
|
7
|
+
/** @deprecated Use TerminalPanelToggle instead */
|
|
8
|
+
export { TerminalPanelToggle as TerminalsSidebarToggle } from './TerminalPanelToggle';
|
|
9
|
+
/** @deprecated Use TerminalTabBar instead */
|
|
10
|
+
export { TerminalTabBar as TerminalList } from './TerminalTabBar';
|
|
5
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/terminals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/terminals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,6CAA6C;AAC7C,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,kDAAkD;AAClD,OAAO,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACtF,6CAA6C;AAC7C,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
1
|
+
export { TerminalsPanel } from './TerminalsPanel';
|
|
2
|
+
export { TerminalPanelToggle } from './TerminalPanelToggle';
|
|
3
|
+
export { TerminalTabBar } from './TerminalTabBar';
|
|
3
4
|
export { TerminalViewer } from './TerminalViewer';
|
|
4
|
-
|
|
5
|
+
/** @deprecated Use TerminalsPanel instead */
|
|
6
|
+
export { TerminalsPanel as TerminalsSidebar } from './TerminalsPanel';
|
|
7
|
+
/** @deprecated Use TerminalPanelToggle instead */
|
|
8
|
+
export { TerminalPanelToggle as TerminalsSidebarToggle } from './TerminalPanelToggle';
|
|
9
|
+
/** @deprecated Use TerminalTabBar instead */
|
|
10
|
+
export { TerminalTabBar as TerminalList } from './TerminalTabBar';
|
|
5
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/terminals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/terminals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,6CAA6C;AAC7C,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,kDAAkD;AAClD,OAAO,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACtF,6CAA6C;AAC7C,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface ResizeHandleProps {
|
|
2
|
+
panelKey: string;
|
|
3
|
+
side: 'left' | 'right';
|
|
4
|
+
minWidth: number;
|
|
5
|
+
maxWidth: number;
|
|
6
|
+
defaultWidth: number;
|
|
7
|
+
onWidthChange?: (width: number) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const ResizeHandle: import("react").NamedExoticComponent<ResizeHandleProps>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=ResizeHandle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResizeHandle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ResizeHandle.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,YAAY,yDAqDvB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useCallback, useRef } from 'react';
|
|
3
|
+
import { usePanelWidthStore } from '../../stores/panelWidthStore';
|
|
4
|
+
export const ResizeHandle = memo(function ResizeHandle({ panelKey, side, minWidth, maxWidth, defaultWidth, onWidthChange, }) {
|
|
5
|
+
const dragRef = useRef(null);
|
|
6
|
+
const handleMouseDown = useCallback((e) => {
|
|
7
|
+
e.preventDefault();
|
|
8
|
+
const currentWidth = usePanelWidthStore.getState().getWidth(panelKey, defaultWidth);
|
|
9
|
+
dragRef.current = { startX: e.clientX, startWidth: currentWidth };
|
|
10
|
+
const handleMouseMove = (ev) => {
|
|
11
|
+
if (!dragRef.current)
|
|
12
|
+
return;
|
|
13
|
+
const delta = ev.clientX - dragRef.current.startX;
|
|
14
|
+
const newWidth = side === 'right'
|
|
15
|
+
? dragRef.current.startWidth - delta
|
|
16
|
+
: dragRef.current.startWidth + delta;
|
|
17
|
+
const clamped = Math.min(Math.max(minWidth, newWidth), maxWidth);
|
|
18
|
+
usePanelWidthStore.getState().setWidth(panelKey, clamped);
|
|
19
|
+
onWidthChange?.(clamped);
|
|
20
|
+
};
|
|
21
|
+
const handleMouseUp = () => {
|
|
22
|
+
dragRef.current = null;
|
|
23
|
+
document.removeEventListener('mousemove', handleMouseMove);
|
|
24
|
+
document.removeEventListener('mouseup', handleMouseUp);
|
|
25
|
+
document.body.style.cursor = '';
|
|
26
|
+
document.body.style.userSelect = '';
|
|
27
|
+
};
|
|
28
|
+
document.addEventListener('mousemove', handleMouseMove);
|
|
29
|
+
document.addEventListener('mouseup', handleMouseUp);
|
|
30
|
+
document.body.style.cursor = 'col-resize';
|
|
31
|
+
document.body.style.userSelect = 'none';
|
|
32
|
+
}, [panelKey, side, minWidth, maxWidth, defaultWidth, onWidthChange]);
|
|
33
|
+
return (_jsx("div", { className: `w-1 h-full cursor-col-resize hover:bg-primary/30 active:bg-primary/50 transition-colors shrink-0 ${side === 'right' ? 'order-first' : 'order-last'}`, onMouseDown: handleMouseDown }));
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=ResizeHandle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResizeHandle.js","sourceRoot":"","sources":["../../../src/components/ui/ResizeHandle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAWlE,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,YAAY,CAAC,EACtD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,GACM;IACnB,MAAM,OAAO,GAAG,MAAM,CAAgD,IAAI,CAAC,CAAC;IAE5E,MAAM,eAAe,GAAG,WAAW,CAClC,CAAC,CAAmB,EAAE,EAAE;QACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,YAAY,GACjB,kBAAkB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChE,OAAO,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;QAElE,MAAM,eAAe,GAAG,CAAC,EAAc,EAAE,EAAE;YAC1C,IAAI,CAAC,OAAO,CAAC,OAAO;gBAAE,OAAO;YAC7B,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;YAClD,MAAM,QAAQ,GACb,IAAI,KAAK,OAAO;gBACf,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,GAAG,KAAK;gBACpC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC;YACvC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC;YACjE,kBAAkB,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YAC1D,aAAa,EAAE,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YAC1B,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACvD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;QACrC,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC;QAC1C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;IACzC,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,CAAC,CACjE,CAAC;IAEF,OAAO,CACN,cACC,SAAS,EAAE,oGACV,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YACpC,EAAE,EACF,WAAW,EAAE,eAAe,GAC3B,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { TerminalsPanel, TerminalPanelToggle, TerminalTabBar, TerminalViewer, TerminalsSidebar, TerminalsSidebarToggle, TerminalList, } from './components/terminals';
|
|
2
2
|
export * from './components';
|
|
3
3
|
export * from './hooks';
|
|
4
4
|
export * from './lib';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,GACZ,MAAM,wBAAwB,CAAC;AAEhC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export { TerminalsSidebar, TerminalsSidebarToggle, TerminalViewer, TerminalList, } from './components/terminals';
|
|
3
|
-
// Main entry point - re-export everything for convenience
|
|
1
|
+
export { TerminalsPanel, TerminalPanelToggle, TerminalTabBar, TerminalViewer, TerminalsSidebar, TerminalsSidebarToggle, TerminalList, } from './components/terminals';
|
|
4
2
|
export * from './components';
|
|
5
3
|
export * from './hooks';
|
|
6
4
|
export * from './lib';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,GACZ,MAAM,wBAAwB,CAAC;AAEhC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}
|
package/dist/stores/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
|
package/dist/stores/index.js
CHANGED
package/dist/stores/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
interface PanelWidthState {
|
|
2
|
+
widths: Record<string, number>;
|
|
3
|
+
setWidth: (key: string, width: number) => void;
|
|
4
|
+
getWidth: (key: string, defaultWidth: number) => number;
|
|
5
|
+
}
|
|
6
|
+
export declare const usePanelWidthStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<PanelWidthState>, "setState" | "persist"> & {
|
|
7
|
+
setState(partial: PanelWidthState | Partial<PanelWidthState> | ((state: PanelWidthState) => PanelWidthState | Partial<PanelWidthState>), replace?: false): unknown;
|
|
8
|
+
setState(state: PanelWidthState | ((state: PanelWidthState) => PanelWidthState), replace: true): unknown;
|
|
9
|
+
persist: {
|
|
10
|
+
setOptions: (options: Partial<import("zustand/middleware").PersistOptions<PanelWidthState, PanelWidthState, unknown>>) => void;
|
|
11
|
+
clearStorage: () => void;
|
|
12
|
+
rehydrate: () => Promise<void> | void;
|
|
13
|
+
hasHydrated: () => boolean;
|
|
14
|
+
onHydrate: (fn: (state: PanelWidthState) => void) => () => void;
|
|
15
|
+
onFinishHydration: (fn: (state: PanelWidthState) => void) => () => void;
|
|
16
|
+
getOptions: () => Partial<import("zustand/middleware").PersistOptions<PanelWidthState, PanelWidthState, unknown>>;
|
|
17
|
+
};
|
|
18
|
+
}>;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=panelWidthStore.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panelWidthStore.d.ts","sourceRoot":"","sources":["../../src/stores/panelWidthStore.ts"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;CACxD;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;EAc9B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { create } from 'zustand';
|
|
2
|
+
import { persist } from 'zustand/middleware';
|
|
3
|
+
export const usePanelWidthStore = create()(persist((set, get) => ({
|
|
4
|
+
widths: {},
|
|
5
|
+
setWidth: (key, width) => set((state) => ({
|
|
6
|
+
widths: { ...state.widths, [key]: width },
|
|
7
|
+
})),
|
|
8
|
+
getWidth: (key, defaultWidth) => get().widths[key] ?? defaultWidth,
|
|
9
|
+
}), {
|
|
10
|
+
name: 'panel-widths',
|
|
11
|
+
}));
|
|
12
|
+
//# sourceMappingURL=panelWidthStore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panelWidthStore.js","sourceRoot":"","sources":["../../src/stores/panelWidthStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAQ7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,EAAmB,CAC1D,OAAO,CACN,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACd,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACxB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACf,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE;KACzC,CAAC,CAAC;IACJ,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,YAAY;CAClE,CAAC,EACF;IACC,IAAI,EAAE,cAAc;CACpB,CACD,CACD,CAAC"}
|
|
@@ -1,9 +1,25 @@
|
|
|
1
1
|
interface TerminalState {
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
panelHeight: number;
|
|
4
|
+
activeTabId: string | null;
|
|
5
|
+
isMaximized: boolean;
|
|
6
|
+
/** @deprecated Use isOpen instead */
|
|
2
7
|
isExpanded: boolean;
|
|
8
|
+
/** @deprecated Use activeTabId instead */
|
|
3
9
|
selectedTerminalId: string | null;
|
|
4
|
-
|
|
10
|
+
openPanel: () => void;
|
|
11
|
+
closePanel: () => void;
|
|
12
|
+
togglePanel: () => void;
|
|
13
|
+
setPanelHeight: (height: number) => void;
|
|
14
|
+
selectTab: (id: string | null) => void;
|
|
15
|
+
toggleMaximize: () => void;
|
|
16
|
+
/** @deprecated Use openPanel instead */
|
|
5
17
|
expandSidebar: () => void;
|
|
18
|
+
/** @deprecated Use closePanel instead */
|
|
6
19
|
collapseSidebar: () => void;
|
|
20
|
+
/** @deprecated Use togglePanel instead */
|
|
21
|
+
toggleSidebar: () => void;
|
|
22
|
+
/** @deprecated Use selectTab instead */
|
|
7
23
|
selectTerminal: (id: string | null) => void;
|
|
8
24
|
}
|
|
9
25
|
export declare const useTerminalStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TerminalState>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"terminalStore.d.ts","sourceRoot":"","sources":["../../src/stores/terminalStore.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"terminalStore.d.ts","sourceRoot":"","sources":["../../src/stores/terminalStore.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;IAErB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAElC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,wCAAwC;IACxC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,yCAAyC;IACzC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,0CAA0C;IAC1C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,wCAAwC;IACxC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C;AAKD,eAAO,MAAM,gBAAgB,4EAiC1B,CAAC"}
|
|
@@ -1,25 +1,32 @@
|
|
|
1
1
|
import { create } from 'zustand';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { useResearchStore } from './researchStore';
|
|
5
|
-
import { useSettingsStore } from './settingsStore';
|
|
2
|
+
const DEFAULT_HEIGHT = 300;
|
|
3
|
+
const MIN_HEIGHT = 150;
|
|
6
4
|
export const useTerminalStore = create((set) => ({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
useGitStore.getState().collapseSidebar();
|
|
14
|
-
useSessionFilesStore.getState().collapseSidebar();
|
|
15
|
-
useResearchStore.getState().collapseSidebar();
|
|
16
|
-
useSettingsStore.getState().collapseSidebar();
|
|
17
|
-
}
|
|
18
|
-
return { isExpanded: newExpanded };
|
|
19
|
-
});
|
|
5
|
+
isOpen: false,
|
|
6
|
+
panelHeight: DEFAULT_HEIGHT,
|
|
7
|
+
activeTabId: null,
|
|
8
|
+
isMaximized: false,
|
|
9
|
+
get isExpanded() {
|
|
10
|
+
return this.isOpen;
|
|
20
11
|
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
12
|
+
get selectedTerminalId() {
|
|
13
|
+
return this.activeTabId;
|
|
14
|
+
},
|
|
15
|
+
openPanel: () => set({ isOpen: true }),
|
|
16
|
+
closePanel: () => set({ isOpen: false, isMaximized: false }),
|
|
17
|
+
togglePanel: () => set((s) => ({
|
|
18
|
+
isOpen: !s.isOpen,
|
|
19
|
+
isMaximized: !s.isOpen ? s.isMaximized : false,
|
|
20
|
+
})),
|
|
21
|
+
setPanelHeight: (height) => set({ panelHeight: Math.max(MIN_HEIGHT, height) }),
|
|
22
|
+
selectTab: (id) => set({ activeTabId: id, isOpen: true }),
|
|
23
|
+
toggleMaximize: () => set((s) => ({ isMaximized: !s.isMaximized })),
|
|
24
|
+
expandSidebar: () => set({ isOpen: true }),
|
|
25
|
+
collapseSidebar: () => set({ isOpen: false, activeTabId: null, isMaximized: false }),
|
|
26
|
+
toggleSidebar: () => set((s) => ({
|
|
27
|
+
isOpen: !s.isOpen,
|
|
28
|
+
isMaximized: !s.isOpen ? s.isMaximized : false,
|
|
29
|
+
})),
|
|
30
|
+
selectTerminal: (id) => set({ activeTabId: id, isOpen: true }),
|
|
24
31
|
}));
|
|
25
32
|
//# sourceMappingURL=terminalStore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"terminalStore.js","sourceRoot":"","sources":["../../src/stores/terminalStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"terminalStore.js","sourceRoot":"","sources":["../../src/stores/terminalStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA8BjC,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAgB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,KAAK;IAElB,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IACD,IAAI,kBAAkB;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC;IACzB,CAAC;IAED,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IACtC,UAAU,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;IAC5D,WAAW,EAAE,GAAG,EAAE,CACjB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM;QACjB,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK;KAC9C,CAAC,CAAC;IACJ,cAAc,EAAE,CAAC,MAAc,EAAE,EAAE,CAClC,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,CAAC;IACnD,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IACzD,cAAc,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;IAEnE,aAAa,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IAC1C,eAAe,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;IACpF,aAAa,EAAE,GAAG,EAAE,CACnB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM;QACjB,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK;KAC9C,CAAC,CAAC;IACJ,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;CAC9D,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ottocode/web-sdk",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.178",
|
|
4
4
|
"description": "Reusable React components, hooks, and utilities for building ottocode web interfaces",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -58,8 +58,8 @@
|
|
|
58
58
|
"directory": "packages/web-sdk"
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
|
-
"@ottocode/api": "0.1.
|
|
62
|
-
"@ottocode/sdk": "0.1.
|
|
61
|
+
"@ottocode/api": "0.1.178",
|
|
62
|
+
"@ottocode/sdk": "0.1.178",
|
|
63
63
|
"axios": "^1.7.9",
|
|
64
64
|
"fuse.js": "^7.1.0",
|
|
65
65
|
"ghostty-web": "^0.4.0",
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Terminal } from '../../hooks/useTerminals';
|
|
2
|
-
interface TerminalListProps {
|
|
3
|
-
terminals: Terminal[];
|
|
4
|
-
isLoading: boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare const TerminalList: import("react").NamedExoticComponent<TerminalListProps>;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=TerminalList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TerminalList.d.ts","sourceRoot":"","sources":["../../../src/components/terminals/TerminalList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,UAAU,iBAAiB;IAC1B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,yDA2EvB,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from '../ui/Button';
|
|
3
|
-
import { memo } from 'react';
|
|
4
|
-
import { Terminal as TerminalIcon, User, Bot } from 'lucide-react';
|
|
5
|
-
import { useTerminalStore } from '../../stores/terminalStore';
|
|
6
|
-
export const TerminalList = memo(function TerminalList({ terminals, isLoading, }) {
|
|
7
|
-
const selectTerminal = useTerminalStore((state) => state.selectTerminal);
|
|
8
|
-
if (isLoading) {
|
|
9
|
-
return (_jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: _jsx("div", { className: "text-sm", children: "Loading terminals..." }) }));
|
|
10
|
-
}
|
|
11
|
-
if (terminals.length === 0) {
|
|
12
|
-
return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground px-4 text-center", children: [_jsx(TerminalIcon, { className: "w-12 h-12 mb-3 opacity-50" }), _jsx("div", { className: "text-sm font-medium mb-1", children: "No active terminals" }), _jsx("div", { className: "text-xs", children: "Click the + button to create a new terminal" })] }));
|
|
13
|
-
}
|
|
14
|
-
return (_jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { className: "p-2 space-y-1", children: terminals.map((terminal) => (_jsx(Button, { variant: "ghost", className: "w-full justify-start h-auto py-3 px-3", onClick: () => selectTerminal(terminal.id), children: _jsxs("div", { className: "flex items-start gap-3 w-full", children: [_jsx("div", { className: "shrink-0 mt-0.5", children: terminal.createdBy === 'llm' ? (_jsx(Bot, { className: "w-4 h-4 text-blue-500" })) : (_jsx(User, { className: "w-4 h-4 text-green-500" })) }), _jsxs("div", { className: "flex-1 min-w-0 text-left", children: [_jsx("div", { className: "text-sm font-medium truncate", children: terminal.title }), _jsxs("div", { className: "text-xs text-muted-foreground truncate", children: [terminal.command, ' ', terminal.args.length > 0 && terminal.args.join(' ')] }), _jsxs("div", { className: "flex items-center gap-2 mt-1", children: [_jsx("span", { className: `text-xs ${terminal.status === 'running'
|
|
15
|
-
? 'text-green-600'
|
|
16
|
-
: 'text-orange-600'}`, children: terminal.status === 'running'
|
|
17
|
-
? 'Running'
|
|
18
|
-
: `Exited (${terminal.exitCode})` }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["\u2022 ", formatUptime(terminal.uptime)] })] })] })] }) }, terminal.id))) }) }));
|
|
19
|
-
});
|
|
20
|
-
function formatUptime(ms) {
|
|
21
|
-
const seconds = Math.floor(ms / 1000);
|
|
22
|
-
const minutes = Math.floor(seconds / 60);
|
|
23
|
-
const hours = Math.floor(minutes / 60);
|
|
24
|
-
if (hours > 0) {
|
|
25
|
-
return `${hours}h ${minutes % 60}m`;
|
|
26
|
-
}
|
|
27
|
-
if (minutes > 0) {
|
|
28
|
-
return `${minutes}m`;
|
|
29
|
-
}
|
|
30
|
-
return `${seconds}s`;
|
|
31
|
-
}
|
|
32
|
-
//# sourceMappingURL=TerminalList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TerminalList.js","sourceRoot":"","sources":["../../../src/components/terminals/TerminalList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TerminalsSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/terminals/TerminalsSidebar.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,8CAoE3B,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { Terminal, ChevronRight, Plus } from 'lucide-react';
|
|
4
|
-
import { Button } from '../ui/Button';
|
|
5
|
-
import { useTerminalStore } from '../../stores/terminalStore';
|
|
6
|
-
import { useTerminals, useCreateTerminal } from '../../hooks/useTerminals';
|
|
7
|
-
import { TerminalList } from './TerminalList';
|
|
8
|
-
import { TerminalViewer } from './TerminalViewer';
|
|
9
|
-
export const TerminalsSidebar = memo(function TerminalsSidebar() {
|
|
10
|
-
const isExpanded = useTerminalStore((state) => state.isExpanded);
|
|
11
|
-
const collapseSidebar = useTerminalStore((state) => state.collapseSidebar);
|
|
12
|
-
const selectedTerminalId = useTerminalStore((state) => state.selectedTerminalId);
|
|
13
|
-
const selectTerminal = useTerminalStore((state) => state.selectTerminal);
|
|
14
|
-
const expandSidebar = useTerminalStore((state) => state.expandSidebar);
|
|
15
|
-
const { data: terminals, isLoading } = useTerminals();
|
|
16
|
-
const createTerminal = useCreateTerminal();
|
|
17
|
-
const handleNewTerminal = async () => {
|
|
18
|
-
try {
|
|
19
|
-
const result = await createTerminal.mutateAsync({
|
|
20
|
-
command: 'bash',
|
|
21
|
-
purpose: 'Manual shell',
|
|
22
|
-
});
|
|
23
|
-
selectTerminal(result.terminalId);
|
|
24
|
-
expandSidebar();
|
|
25
|
-
}
|
|
26
|
-
catch (error) {
|
|
27
|
-
console.error('Failed to create terminal:', error);
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
if (!isExpanded)
|
|
31
|
-
return null;
|
|
32
|
-
return (_jsxs("div", { className: "w-80 border-l border-border bg-background flex flex-col h-full", children: [_jsxs("div", { className: "h-14 border-b border-border px-4 flex items-center justify-between shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Terminal, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium", children: "Terminals" }), terminals && terminals.count > 0 && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["(", terminals.count, ")"] }))] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: handleNewTerminal, title: "New terminal", disabled: createTerminal.isPending, children: _jsx(Plus, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "icon", onClick: collapseSidebar, children: _jsx(ChevronRight, { className: "w-4 h-4" }) })] })] }), _jsx("div", { className: "flex-1 overflow-hidden flex flex-col", children: selectedTerminalId ? (_jsx(TerminalViewer, { terminalId: selectedTerminalId })) : (_jsx(TerminalList, { terminals: terminals?.terminals ?? [], isLoading: isLoading })) })] }));
|
|
33
|
-
});
|
|
34
|
-
//# sourceMappingURL=TerminalsSidebar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TerminalsSidebar.js","sourceRoot":"","sources":["../../../src/components/terminals/TerminalsSidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TerminalsSidebarToggle.d.ts","sourceRoot":"","sources":["../../../src/components/terminals/TerminalsSidebarToggle.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,8CAwBjC,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { Terminal } from 'lucide-react';
|
|
4
|
-
import { useTerminalStore } from '../../stores/terminalStore';
|
|
5
|
-
import { useTerminals } from '../../hooks/useTerminals';
|
|
6
|
-
export const TerminalsSidebarToggle = memo(function TerminalsSidebarToggle() {
|
|
7
|
-
const isExpanded = useTerminalStore((state) => state.isExpanded);
|
|
8
|
-
const toggleSidebar = useTerminalStore((state) => state.toggleSidebar);
|
|
9
|
-
const { data } = useTerminals();
|
|
10
|
-
const terminalCount = data?.count ?? 0;
|
|
11
|
-
return (_jsxs("button", { type: "button", onClick: toggleSidebar, className: `relative h-14 w-full transition-colors touch-manipulation flex items-center justify-center ${isExpanded ? 'bg-muted border-r-2 border-primary' : 'hover:bg-muted/50'}`, title: "Terminals", children: [_jsx(Terminal, { className: "w-5 h-5 text-muted-foreground mx-auto" }), terminalCount > 0 && (_jsx("span", { className: "absolute top-1 right-1 w-5 h-5 bg-primary text-primary-foreground text-xs rounded-full flex items-center justify-center font-semibold", children: terminalCount > 9 ? '9+' : terminalCount }))] }));
|
|
12
|
-
});
|
|
13
|
-
//# sourceMappingURL=TerminalsSidebarToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TerminalsSidebarToggle.js","sourceRoot":"","sources":["../../../src/components/terminals/TerminalsSidebarToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC,SAAS,sBAAsB;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IAEhC,MAAM,aAAa,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC;IAEvC,OAAO,CACN,kBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,8FACV,UAAU,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,mBACrD,EAAE,EACF,KAAK,EAAC,WAAW,aAEjB,KAAC,QAAQ,IAAC,SAAS,EAAC,uCAAuC,GAAG,EAC7D,aAAa,GAAG,CAAC,IAAI,CACrB,eAAM,SAAS,EAAC,uIAAuI,YACrJ,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,GACnC,CACP,IACO,CACT,CAAC;AACH,CAAC,CAAC,CAAC"}
|