treesap 0.1.6 → 0.1.7

package/dist/components/Terminal.d.ts

@@ -1,7 +1,7 @@
 interface TerminalProps {
     id?: string;
-    sessionId?: string;
+    index?: number;
 }
-export declare function Terminal({ id, sessionId }: TerminalProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
+export declare function Terminal({ id, index }: TerminalProps): import("hono/jsx/jsx-dev-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Terminal.d.ts.map

package/dist/components/Terminal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Terminal.d.ts","sourceRoot":"","sources":["../../src/components/Terminal.tsx"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAe,EAAE,SAAS,EAAE,EAAE,aAAa,kDA4BrE"}
+{"version":3,"file":"Terminal.d.ts","sourceRoot":"","sources":["../../src/components/Terminal.tsx"],"names":[],"mappings":"AAAA,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,KAAS,EAAE,EAAE,aAAa,kDAkCxD"}

package/dist/components/Terminal.js

@@ -1,8 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-export function Terminal({ id = "terminal", sessionId }) {
-    return (_jsxs("sapling-island", { loading: "visible", children: [_jsxs("template", { children: [_jsx("link", { href: "https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.min.css", rel: "stylesheet" }), _jsx("script", { type: "module", src: "/components/Terminal.js" })] }), _jsx("div", { id: id, class: "h-full bg-gray-900 flex font-sans overflow-hidden", children: _jsx("div", { class: "w-full flex flex-col bg-gray-900 relative", children: _jsx("div", { id: `${id}-container`, class: "h-full flex flex-col", children: _jsx("div", { class: "flex-1 overflow-hidden", children: _jsx("div", { id: `${id}-xterm`, class: "h-full w-full" }) }) }) }) }), _jsx("script", { dangerouslySetInnerHTML: { __html: `
-        // Pass sessionId to terminal if provided
-        window.terminalSessionId_${id.replace(/-/g, '_')} = '${sessionId || ''}';
+export function Terminal({ id, index = 1 }) {
+    const terminalId = id || `terminal-${index}`;
+    const sessionId = `terminal-${index}`;
+    return (_jsxs("sapling-island", { loading: "visible", children: [_jsxs("template", { children: [_jsx("link", { href: "https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.min.css", rel: "stylesheet" }), _jsx("script", { type: "module", src: "/components/Terminal.js" })] }), _jsx("div", { id: terminalId, class: "h-full bg-gray-900 flex font-sans overflow-hidden", children: _jsx("div", { class: "w-full flex flex-col bg-gray-900 relative", children: _jsx("div", { id: `${terminalId}-container`, class: "h-full flex flex-col", children: _jsx("div", { class: "flex-1 overflow-hidden", children: _jsx("div", { id: `${terminalId}-xterm`, class: "h-full w-full" }) }) }) }) }), _jsx("script", { dangerouslySetInnerHTML: { __html: `
+        // Pass terminal data to JavaScript
+        window.terminalData_${terminalId.replace(/-/g, '_')} = {
+          terminalId: '${terminalId}',
+          sessionId: '${sessionId}',
+          index: ${index}
+        };
       ` } })] }));
 }
 //# sourceMappingURL=Terminal.js.map

package/dist/components/Terminal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Terminal.js","sourceRoot":"","sources":["../../src/components/Terminal.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,QAAQ,CAAC,EAAE,EAAE,GAAG,UAAU,EAAE,SAAS,EAAiB;IACpE,OAAO,CACL,0BAAgB,OAAO,EAAC,SAAS,aAC/B,+BACE,eAAM,IAAI,EAAC,mEAAmE,EAAC,GAAG,EAAC,YAAY,GAAG,EAClG,iBAAQ,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,yBAAyB,GAAU,IACpD,EAEX,cAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAC,mDAAmD,YAEpE,cAAK,KAAK,EAAC,2CAA2C,YAEpD,cAAK,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAC,sBAAsB,YAGtD,cAAK,KAAK,EAAC,wBAAwB,YACjC,cAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,eAAe,GAAO,GAChD,GACF,GACF,GACF,EAEN,iBAAQ,uBAAuB,EAAE,EAAC,MAAM,EAAE;;mCAEb,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,SAAS,IAAI,EAAE;OACvE,EAAC,GAAW,IACE,CAClB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Terminal.js","sourceRoot":"","sources":["../../src/components/Terminal.tsx"],"names":[],"mappings":";AAKA,MAAM,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,KAAK,GAAG,CAAC,EAAiB;IACvD,MAAM,UAAU,GAAG,EAAE,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,YAAY,KAAK,EAAE,CAAC;IACtC,OAAO,CACL,0BAAgB,OAAO,EAAC,SAAS,aAC/B,+BACE,eAAM,IAAI,EAAC,mEAAmE,EAAC,GAAG,EAAC,YAAY,GAAG,EAClG,iBAAQ,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,yBAAyB,GAAU,IACpD,EAEX,cAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAC,mDAAmD,YAE5E,cAAK,KAAK,EAAC,2CAA2C,YAEpD,cAAK,EAAE,EAAE,GAAG,UAAU,YAAY,EAAE,KAAK,EAAC,sBAAsB,YAG9D,cAAK,KAAK,EAAC,wBAAwB,YACjC,cAAK,EAAE,EAAE,GAAG,UAAU,QAAQ,EAAE,KAAK,EAAC,eAAe,GAAO,GACxD,GACF,GACF,GACF,EAEN,iBAAQ,uBAAuB,EAAE,EAAC,MAAM,EAAE;;8BAElB,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;yBAClC,UAAU;wBACX,SAAS;mBACd,KAAK;;OAEjB,EAAC,GAAW,IACE,CAClB,CAAC;AACJ,CAAC"}

package/dist/pages/Code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../src/pages/Code.tsx"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,IAAI,CAAC,EAAE,WAAkB,EAAE,gBAAgB,EAAE,EAAE,aAAa,kDAoF3E"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../src/pages/Code.tsx"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,IAAI,CAAC,EAAE,WAAkB,EAAE,gBAAgB,EAAE,EAAE,aAAa,kDAuJ3E"}

package/dist/pages/Code.js

@@ -3,6 +3,6 @@ import Layout from "../layouts/Layout.js";
 import { Terminal as TerminalComponent } from "../components/Terminal.js";
 import { SimpleLivePreview } from "../components/SimpleLivePreview.js";
 export function Code({ previewPort = 1234, workingDirectory }) {
-    return (_jsx(Layout, { title: "Code Editor", children: _jsxs("div", { id: "code-container", class: "h-screen flex bg-[#1e1e1e]", children: [_jsxs("div", { id: "sidebar-pane", class: "w-2/5-plus border-r border-[#3c3c3c] transition-all duration-300 flex flex-col bg-[#252526]", children: [_jsx("div", { class: "p-3 border-b border-[#3c3c3c]", children: _jsx("a", { href: "/", class: "text-[#cccccc] hover:text-white text-sm", children: "\u2190 Back to Home" }) }), _jsx("div", { class: "p-3 border-b border-[#3c3c3c] bg-[#2d2d30]", children: _jsxs("div", { class: "flex items-center gap-2", children: [_jsx("button", { id: "live-preview-hide-sidebar-btn", class: "p-2 hover:bg-[#3c3c3c] rounded-md transition-colors flex items-center text-[#cccccc] hover:text-white", title: "Hide Sidebar", children: _jsx("iconify-icon", { id: "live-preview-hide-sidebar-icon", icon: "ph:sidebar-simple", width: "16", height: "16" }) }), _jsx("button", { type: "button", id: "live-preview-refresh-btn", class: "p-2 hover:bg-[#3c3c3c] rounded-md transition-colors flex-shrink-0 text-[#cccccc] hover:text-white", title: "Reload", children: _jsx("iconify-icon", { icon: "tabler:refresh", width: "16", height: "16" }) }), _jsxs("div", { class: "flex-1 flex items-center bg-[#1e1e1e] border border-[#3c3c3c] rounded px-3 py-2 hover:border-[#0e639c] focus-within:border-[#0e639c] transition-all", children: [_jsx("iconify-icon", { icon: "tabler:world", width: "16", height: "16", class: "text-[#cccccc] mr-2" }), _jsxs("span", { class: "text-[#cccccc] text-sm", children: ["localhost:", previewPort, "/"] }), _jsx("input", { id: "live-preview-url-input", type: "text", placeholder: "path", defaultValue: "", class: "flex-1 bg-transparent text-sm focus:outline-none text-[#cccccc] ml-1" }), _jsx("button", { type: "button", id: "live-preview-load-btn", class: "ml-2 p-1 hover:bg-[#3c3c3c] rounded transition-colors flex-shrink-0 text-[#cccccc] hover:text-white", title: "Go", children: _jsx("iconify-icon", { icon: "tabler:chevron-right", width: "16", height: "16" }) })] })] }) }), _jsxs("div", { class: "flex py-2", children: [_jsx("button", { class: "px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center", children: _jsx("iconify-icon", { icon: "tabler:folder", width: "20", height: "20" }) }), _jsx("button", { class: "px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center", children: _jsx("iconify-icon", { icon: "tabler:search", width: "20", height: "20" }) }), _jsx("button", { class: "px-3 py-2 text-white flex items-center justify-center", children: _jsx("iconify-icon", { icon: "tabler:terminal", width: "20", height: "20" }) }), _jsx("button", { class: "px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center", children: _jsx("iconify-icon", { icon: "tabler:git-merge", width: "20", height: "20" }) })] }), _jsx("div", { class: "flex-1 overflow-hidden bg-[#1e1e1e]", children: _jsx("div", { class: "h-full p-4", children: _jsx(TerminalComponent, { id: "terminal", sessionId: "shared-terminal-session" }) }) })] }), _jsx(SimpleLivePreview, { id: "live-preview", previewPort: previewPort })] }) }));
+    return (_jsxs(Layout, { title: "Code Editor", children: [_jsxs("div", { id: "code-container", class: "h-screen flex bg-[#1e1e1e]", children: [_jsxs("div", { id: "sidebar-pane", class: "w-2/5-plus border-r border-[#3c3c3c] transition-all duration-300 flex flex-col bg-[#252526]", children: [_jsx("div", { class: "p-3 border-b border-[#3c3c3c] bg-[#2d2d30]", children: _jsxs("div", { class: "flex items-center gap-2", children: [_jsx("a", { href: "/", class: "p-2 hover:bg-[#3c3c3c] rounded-md transition-colors flex-shrink-0 text-[#cccccc] hover:text-white", title: "Back to Home", children: _jsx("iconify-icon", { icon: "tabler:arrow-left", width: "16", height: "16" }) }), _jsx("button", { type: "button", id: "live-preview-refresh-btn", class: "p-2 hover:bg-[#3c3c3c] rounded-md transition-colors flex-shrink-0 text-[#cccccc] hover:text-white", title: "Reload", children: _jsx("iconify-icon", { icon: "tabler:refresh", width: "16", height: "16" }) }), _jsxs("div", { class: "flex-1 flex items-center bg-[#1e1e1e] border border-[#3c3c3c] rounded px-3 py-2 hover:border-[#0e639c] focus-within:border-[#0e639c] transition-all", children: [_jsx("iconify-icon", { icon: "tabler:world", width: "16", height: "16", class: "text-[#cccccc] mr-2" }), _jsxs("span", { class: "text-[#cccccc] text-sm", children: ["localhost:", previewPort, "/"] }), _jsx("input", { id: "live-preview-url-input", type: "text", placeholder: "path", defaultValue: "", class: "flex-1 bg-transparent text-sm focus:outline-none text-[#cccccc] ml-1" }), _jsx("button", { type: "button", id: "live-preview-load-btn", class: "ml-2 p-1 hover:bg-[#3c3c3c] rounded transition-colors flex-shrink-0 text-[#cccccc] hover:text-white", title: "Go", children: _jsx("iconify-icon", { icon: "tabler:chevron-right", width: "16", height: "16" }) })] })] }) }), _jsxs("div", { class: "flex py-2", children: [_jsx("button", { class: "px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center", children: _jsx("iconify-icon", { icon: "tabler:folder", width: "20", height: "20" }) }), _jsx("button", { class: "px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center", children: _jsx("iconify-icon", { icon: "tabler:search", width: "20", height: "20" }) }), _jsx("button", { class: "px-3 py-2 text-white flex items-center justify-center", children: _jsx("iconify-icon", { icon: "tabler:terminal", width: "20", height: "20" }) }), _jsx("button", { class: "px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center", children: _jsx("iconify-icon", { icon: "tabler:git-merge", width: "20", height: "20" }) })] }), _jsx("div", { class: "flex-1 overflow-hidden bg-[#1e1e1e]", children: _jsxs("div", { class: "h-full flex flex-col", children: [_jsx("div", { class: "border-b border-[#3c3c3c] bg-[#252526] px-3 py-1", children: _jsxs("div", { class: "flex items-center gap-1", children: [_jsxs("button", { id: "terminal-tab-1", class: "terminal-tab flex items-center px-3 py-1 text-sm text-white bg-[#1e1e1e] border-t-2 border-[#0e639c] rounded-t-sm hover:bg-[#2d2d30] transition-colors", "data-terminal-index": "1", children: [_jsx("iconify-icon", { icon: "tabler:terminal-2", width: "14", height: "14", class: "mr-1" }), "Terminal 1", _jsx("button", { class: "ml-2 hover:bg-[#3c3c3c] rounded p-0.5 text-[#cccccc] hover:text-white terminal-close-btn", "data-terminal-index": "1", style: "display: none;", children: _jsx("iconify-icon", { icon: "tabler:x", width: "12", height: "12" }) })] }), _jsxs("button", { id: "terminal-tab-2", class: "terminal-tab flex items-center px-3 py-1 text-sm text-[#cccccc] hover:text-white hover:bg-[#2d2d30] transition-colors rounded-t-sm", "data-terminal-index": "2", style: "display: none;", children: [_jsx("iconify-icon", { icon: "tabler:terminal-2", width: "14", height: "14", class: "mr-1" }), "Terminal 2", _jsx("button", { class: "ml-2 hover:bg-[#3c3c3c] rounded p-0.5 text-[#cccccc] hover:text-white terminal-close-btn", "data-terminal-index": "2", children: _jsx("iconify-icon", { icon: "tabler:x", width: "12", height: "12" }) })] }), _jsxs("button", { id: "terminal-tab-3", class: "terminal-tab flex items-center px-3 py-1 text-sm text-[#cccccc] hover:text-white hover:bg-[#2d2d30] transition-colors rounded-t-sm", "data-terminal-index": "3", style: "display: none;", children: [_jsx("iconify-icon", { icon: "tabler:terminal-2", width: "14", height: "14", class: "mr-1" }), "Terminal 3", _jsx("button", { class: "ml-2 hover:bg-[#3c3c3c] rounded p-0.5 text-[#cccccc] hover:text-white terminal-close-btn", "data-terminal-index": "3", children: _jsx("iconify-icon", { icon: "tabler:x", width: "12", height: "12" }) })] }), _jsx("button", { id: "add-terminal-btn", class: "flex items-center px-2 py-1 text-sm text-[#cccccc] hover:text-white hover:bg-[#2d2d30] transition-colors rounded", title: "New Terminal", children: _jsx("iconify-icon", { icon: "tabler:plus", width: "14", height: "14" }) })] }) }), _jsxs("div", { class: "flex-1 overflow-hidden relative", children: [_jsx("div", { id: "terminal-container-1", class: "h-full p-4 terminal-container", "data-terminal-index": "1", children: _jsx(TerminalComponent, { index: 1 }) }), _jsx("div", { id: "terminal-container-2", class: "h-full p-4 terminal-container", "data-terminal-index": "2", style: "display: none;", children: _jsx(TerminalComponent, { index: 2 }) }), _jsx("div", { id: "terminal-container-3", class: "h-full p-4 terminal-container", "data-terminal-index": "3", style: "display: none;", children: _jsx(TerminalComponent, { index: 3 }) })] })] }) })] }), _jsx(SimpleLivePreview, { id: "live-preview", previewPort: previewPort })] }), _jsx("script", { type: "module", src: "/components/TerminalTabs.js" })] }));
 }
 //# sourceMappingURL=Code.js.map

package/dist/pages/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../src/pages/Code.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAOvE,MAAM,UAAU,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,gBAAgB,EAAiB;IAC1E,OAAO,CACL,KAAC,MAAM,IAAC,KAAK,EAAC,aAAa,YACzB,eAAK,EAAE,EAAC,gBAAgB,EAAC,KAAK,EAAC,4BAA4B,aAEzD,eAAK,EAAE,EAAC,cAAc,EAAC,KAAK,EAAC,6FAA6F,aAExH,cAAK,KAAK,EAAC,+BAA+B,YACxC,YAAG,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,yCAAyC,oCAAmB,GAC1E,EAGN,cAAK,KAAK,EAAC,4CAA4C,YACrD,eAAK,KAAK,EAAC,yBAAyB,aAClC,iBACE,EAAE,EAAC,+BAA+B,EAClC,KAAK,EAAC,uGAAuG,EAC7G,KAAK,EAAC,cAAc,YAEpB,uBAAc,EAAE,EAAC,gCAAgC,EAAC,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GAC1G,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,0BAA0B,EAC7B,KAAK,EAAC,mGAAmG,EACzG,KAAK,EAAC,QAAQ,YAEd,uBAAc,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GACnE,EACT,eAAK,KAAK,EAAC,qJAAqJ,aAC9J,uBAAc,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,qBAAqB,GAAgB,EACpG,gBAAM,KAAK,EAAC,wBAAwB,2BAAY,WAAW,SAAS,EACpE,gBACE,EAAE,EAAC,wBAAwB,EAC3B,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,MAAM,EAClB,YAAY,EAAC,EAAE,EACf,KAAK,EAAC,sEAAsE,GAC5E,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,uBAAuB,EAC1B,KAAK,EAAC,qGAAqG,EAC3G,KAAK,EAAC,IAAI,YAEV,uBAAc,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GACzE,IACL,IACF,GACF,EAGN,eAAK,KAAK,EAAC,WAAW,aACpB,iBAAQ,KAAK,EAAC,kGAAkG,YAC9G,uBAAc,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GAClE,EACT,iBAAQ,KAAK,EAAC,kGAAkG,YAC9G,uBAAc,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GAClE,EACT,iBAAQ,KAAK,EAAC,uDAAuD,YACnE,uBAAc,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GACpE,EACT,iBAAQ,KAAK,EAAC,kGAAkG,YAC9G,uBAAc,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GACrE,IACL,EAGN,cAAK,KAAK,EAAC,qCAAqC,YAE9C,cAAK,KAAK,EAAC,YAAY,YACrB,KAAC,iBAAiB,IAChB,EAAE,EAAC,UAAU,EACb,SAAS,EAAC,yBAAyB,GACnC,GACE,GACF,IACF,EAGN,KAAC,iBAAiB,IAAC,EAAE,EAAC,cAAc,EAAC,WAAW,EAAE,WAAW,GAAI,IAC7D,GACC,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../src/pages/Code.tsx"],"names":[],"mappings":"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"}

package/dist/pages/Welcome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Welcome.d.ts","sourceRoot":"","sources":["../../src/pages/Welcome.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,mDA4BtB"}
+{"version":3,"file":"Welcome.d.ts","sourceRoot":"","sources":["../../src/pages/Welcome.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,mDAqDtB"}

package/dist/pages/Welcome.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
 import Layout from "../layouts/Layout.js";
 export function Welcome() {
-    return (_jsx(Layout, { title: "Welcome to Treesap", children: _jsx("div", { class: "h-screen flex flex-col items-center justify-center bg-gray-50 p-8", children: _jsxs("div", { class: "text-center max-w-2xl", children: [_jsx("h1", { class: "text-6xl font-bold text-gray-800 mb-4", children: "\uD83C\uDF33" }), _jsx("h2", { class: "text-4xl font-bold text-gray-800 mb-6", children: "Welcome to Treesap" }), _jsx("p", { class: "text-xl text-gray-600 mb-8", children: "Your integrated development environment with terminal and live preview." }), _jsxs("div", { class: "space-y-4", children: [_jsx("a", { href: "/code", class: "inline-block bg-green-600 hover:bg-green-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors shadow-lg border-2 border-green-600", style: "background-color: #16a34a !important; color: white !important; text-decoration: none !important;", children: "Start Coding \u2192" }), _jsxs("div", { class: "text-gray-500 text-sm", children: ["or navigate to ", _jsx("code", { class: "bg-gray-200 px-2 py-1 rounded", children: "/code" }), " to begin"] })] })] }) }) }));
+    return (_jsx(Layout, { title: "Welcome to Treesap", children: _jsxs("div", { class: "h-screen flex flex-col items-center justify-center bg-[#1e1e1e] text-white p-8", children: [_jsx("div", { class: "text-center mb-12", children: _jsxs("div", { class: "flex items-center justify-center mb-4", children: [_jsx("div", { class: "w-12 h-12 bg-gradient-to-br from-green-400 to-green-600 rounded-lg flex items-center justify-center mr-4", children: _jsx("span", { class: "text-2xl", children: "\uD83C\uDF33" }) }), _jsxs("div", { class: "text-left", children: [_jsx("h1", { class: "text-3xl font-semibold text-white", children: "Treesap" }), _jsx("p", { class: "text-gray-400 text-sm", children: "Free \u2022 Development Environment" })] })] }) }), _jsxs("div", { class: "flex gap-8 mb-16", children: [_jsxs("a", { href: "/code", class: "flex flex-col items-center p-6 bg-[#2a2a2a] hover:bg-[#3a3a3a] rounded-lg transition-colors group min-w-[140px]", children: [_jsx("div", { class: "w-8 h-8 mb-3 text-gray-300 group-hover:text-white transition-colors", children: _jsx("iconify-icon", { icon: "tabler:folder-open", width: "32", height: "32" }) }), _jsx("span", { class: "text-gray-300 group-hover:text-white transition-colors", children: "Open project" })] }), _jsxs("button", { class: "flex flex-col items-center p-6 bg-[#2a2a2a] hover:bg-[#3a3a3a] rounded-lg transition-colors group min-w-[140px] opacity-50 cursor-not-allowed", disabled: true, children: [_jsx("div", { class: "w-8 h-8 mb-3 text-gray-500", children: _jsx("iconify-icon", { icon: "tabler:git-branch", width: "32", height: "32" }) }), _jsx("span", { class: "text-gray-500", children: "Clone repo" })] }), _jsxs("button", { class: "flex flex-col items-center p-6 bg-[#2a2a2a] hover:bg-[#3a3a3a] rounded-lg transition-colors group min-w-[140px] opacity-50 cursor-not-allowed", disabled: true, children: [_jsx("div", { class: "w-8 h-8 mb-3 text-gray-500", children: _jsx("iconify-icon", { icon: "tabler:terminal", width: "32", height: "32" }) }), _jsx("span", { class: "text-gray-500", children: "Connect via SSH" })] })] })] }) }));
 }
 //# sourceMappingURL=Welcome.js.map

package/dist/pages/Welcome.js.map

@@ -1 +1 @@
-{"version":3,"file":"Welcome.js","sourceRoot":"","sources":["../../src/pages/Welcome.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,UAAU,OAAO;IACrB,OAAO,CACL,KAAC,MAAM,IAAC,KAAK,EAAC,oBAAoB,YAChC,cAAK,KAAK,EAAC,mEAAmE,YAC5E,eAAK,KAAK,EAAC,uBAAuB,aAChC,aAAI,KAAK,EAAC,uCAAuC,6BAAQ,EACzD,aAAI,KAAK,EAAC,uCAAuC,mCAAwB,EACzE,YAAG,KAAK,EAAC,4BAA4B,wFAEjC,EAEJ,eAAK,KAAK,EAAC,WAAW,aACpB,YACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,kJAAkJ,EACxJ,KAAK,EAAC,kGAAkG,oCAGtG,EAEJ,eAAK,KAAK,EAAC,uBAAuB,gCACjB,eAAM,KAAK,EAAC,+BAA+B,sBAAa,iBACnE,IACF,IACF,GACF,GACC,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Welcome.js","sourceRoot":"","sources":["../../src/pages/Welcome.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,UAAU,OAAO;IACrB,OAAO,CACL,KAAC,MAAM,IAAC,KAAK,EAAC,oBAAoB,YAChC,eAAK,KAAK,EAAC,gFAAgF,aAEzF,cAAK,KAAK,EAAC,mBAAmB,YAC5B,eAAK,KAAK,EAAC,uCAAuC,aAChD,cAAK,KAAK,EAAC,0GAA0G,YACnH,eAAM,KAAK,EAAC,UAAU,6BAAU,GAC5B,EACN,eAAK,KAAK,EAAC,WAAW,aACpB,aAAI,KAAK,EAAC,mCAAmC,wBAAa,EAC1D,YAAG,KAAK,EAAC,uBAAuB,oDAAmC,IAC/D,IACF,GACF,EAGN,eAAK,KAAK,EAAC,kBAAkB,aAC3B,aACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,iHAAiH,aAEvH,cAAK,KAAK,EAAC,qEAAqE,YAC9E,uBAAc,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GAC1E,EACN,eAAM,KAAK,EAAC,wDAAwD,6BAAoB,IACtF,EAEJ,kBACE,KAAK,EAAC,+IAA+I,EACrJ,QAAQ,mBAER,cAAK,KAAK,EAAC,4BAA4B,YACrC,uBAAc,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GACzE,EACN,eAAM,KAAK,EAAC,eAAe,2BAAkB,IACtC,EAET,kBACE,KAAK,EAAC,+IAA+I,EACrJ,QAAQ,mBAER,cAAK,KAAK,EAAC,4BAA4B,YACrC,uBAAc,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAgB,GACvE,EACN,eAAM,KAAK,EAAC,eAAe,gCAAuB,IAC3C,IACL,IAEF,GACC,CACV,CAAC;AACJ,CAAC"}

package/dist/static/components/Terminal.js

@@ -1,41 +1,44 @@
 // Terminal component JavaScript using Xterm.js
 import { Terminal } from 'https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/+esm';
+import { terminalStore } from '/signals/TerminalSignal.js';
 class TerminalManager {
-  constructor(id = 'terminal') {
-    this.id = id;
-    this.container = document.getElementById(id);
-    this.xtermContainer = document.getElementById(`${id}-xterm`);
-    this.resetBtn = document.getElementById(`${id}-reset-btn`);
-    this.status = document.getElementById(`${id}-status`);
+  constructor(terminalId) {
+    this.terminalId = terminalId;
+    this.container = document.getElementById(terminalId);
+    this.xtermContainer = document.getElementById(`${terminalId}-xterm`);
+    this.resetBtn = document.getElementById(`${terminalId}-reset-btn`);
+    this.status = document.getElementById(`${terminalId}-status`);
     
-    // Check for passed sessionId, otherwise generate one
-    const passedSessionId = window[`terminalSessionId_${id.replace(/-/g, '_')}`];
-    this.sessionId = passedSessionId || this.generateSessionId();
-    console.log(`Terminal ${id} using sessionId:`, this.sessionId);
+    // Get terminal data from window
+    const terminalData = window[`terminalData_${terminalId.replace(/-/g, '_')}`];
+    if (!terminalData) {
+      console.error(`No terminal data found for ${terminalId}`);
+      return;
+    }
+    
+    this.sessionId = terminalData.sessionId;
+    this.index = terminalData.index;
+    
+    console.log(`Terminal ${terminalId} initialized with:`, terminalData);
+    
+    // Register terminal in store
+    terminalStore.addTerminal(this.index);
+    terminalStore.updateTerminalStatus(terminalId, 'connecting');
     
     this.eventSource = null;
     this.terminal = null;
     
-    // Share session ID globally for Claude Controller
-    if (typeof window !== 'undefined') {
-      window.sharedTerminalSessionId = this.sessionId;
-      console.log('Terminal session ID shared:', this.sessionId);
-    }
-    
     this.init();
   }
 
-  generateSessionId() {
-    return 'terminal_' + Math.random().toString(36).substr(2, 9);
-  }
-
   init() {
-    console.log('Terminal init called with ID:', this.id);
+    console.log('Terminal init called with ID:', this.terminalId);
     console.log('Container found:', !!this.container);
     console.log('Xterm container found:', !!this.xtermContainer);
     
     if (!this.container || !this.xtermContainer) {
-      console.error('Terminal containers not found! Looking for ID:', this.id);
+      console.error('Terminal containers not found! Looking for ID:', this.terminalId);
+      terminalStore.updateTerminalStatus(this.terminalId, 'error');
       return;
     }
 
@@ -106,10 +109,20 @@ class TerminalManager {
 
   fitTerminal() {
     if (this.terminal && this.xtermContainer) {
-      const containerRect = this.xtermContainer.getBoundingClientRect();
-      const cols = Math.floor(containerRect.width / 7.2); // Approximate character width for 12px font
-      const rows = Math.floor(containerRect.height / 14.4); // Approximate line height for 12px font
-      this.terminal.resize(cols, rows);
+      // Wait a moment to ensure container is properly sized
+      setTimeout(() => {
+        const containerRect = this.xtermContainer.getBoundingClientRect();
+        if (containerRect.width > 0 && containerRect.height > 0) {
+          const cols = Math.floor(containerRect.width / 7.2); // Approximate character width for 12px font
+          const rows = Math.floor(containerRect.height / 14.4); // Approximate line height for 12px font
+          console.log(`Fitting terminal ${this.terminalId}: ${cols}x${rows} (container: ${containerRect.width}x${containerRect.height})`);
+          this.terminal.resize(cols, rows);
+        } else {
+          console.warn(`Terminal ${this.terminalId} container has zero dimensions, retrying...`);
+          // Retry after a short delay
+          setTimeout(() => this.fitTerminal(), 100);
+        }
+      }, 10);
     }
   }
 
@@ -147,6 +160,7 @@ class TerminalManager {
     
     this.eventSource.onopen = () => {
       this.updateStatus('Ready');
+      terminalStore.updateTerminalStatus(this.terminalId, 'connected');
     };
     
     this.eventSource.onmessage = (event) => {
@@ -172,10 +186,12 @@ class TerminalManager {
     this.eventSource.onerror = (error) => {
       console.error('Terminal stream error:', error);
       this.updateStatus('Disconnected');
+      terminalStore.updateTerminalStatus(this.terminalId, 'disconnected');
       
       // Attempt to reconnect after a delay
       setTimeout(() => {
         if (this.eventSource.readyState === EventSource.CLOSED) {
+          terminalStore.updateTerminalStatus(this.terminalId, 'connecting');
           this.connectToTerminal();
         }
       }, 3000);
@@ -203,42 +219,52 @@ class TerminalManager {
     if (this.terminal) {
       this.terminal.dispose();
     }
+    // Remove from store
+    terminalStore.removeTerminal(this.terminalId);
   }
 }
 
 // Auto-initialize when script loads
-console.log('Terminal.js loaded, looking for terminal container...');
-let terminalManager;
+console.log('Terminal.js loaded, looking for terminal containers...');
+let terminalManagers = new Map();
 
-function initializeTerminal() {
-  // Look for all sapling-islands and find the one with terminal content
+function initializeTerminals() {
+  // Look for all sapling-islands and find the ones with terminal content
   const saplingIslands = document.querySelectorAll('sapling-island');
-  let terminalId = 'terminal'; // default
   
   for (const island of saplingIslands) {
     // Look for a div with bg-gray-900 class (terminal styling)
     const terminalDiv = island.querySelector('div.bg-gray-900[id]');
-    if (terminalDiv && terminalDiv.id) {
-      terminalId = terminalDiv.id;
+    if (terminalDiv && terminalDiv.id && terminalDiv.id.startsWith('terminal-')) {
+      const terminalId = terminalDiv.id;
       console.log('Found terminal component with ID:', terminalId);
-      break;
+      
+      // Check if we already have a manager for this terminal
+      if (!terminalManagers.has(terminalId)) {
+        const manager = new TerminalManager(terminalId);
+        terminalManagers.set(terminalId, manager);
+      }
     }
   }
   
-  console.log('Using terminal ID:', terminalId);
-  terminalManager = new TerminalManager(terminalId);
+  console.log(`Initialized ${terminalManagers.size} terminal(s)`);
 }
 
 // Try immediate initialization
 if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', initializeTerminal);
+  document.addEventListener('DOMContentLoaded', initializeTerminals);
 } else {
-  initializeTerminal();
+  initializeTerminals();
 }
 
+// Make available globally
+window.terminalManagers = terminalManagers;
+window.TerminalManager = TerminalManager;
+window.initializeTerminals = initializeTerminals;
+
 // Cleanup on page unload
 window.addEventListener('beforeunload', () => {
-  if (terminalManager) {
-    terminalManager.destroy();
+  for (const manager of terminalManagers.values()) {
+    manager.destroy();
   }
 });