@chrysb/alphaclaw 0.8.2 → 0.8.3-beta.0

package/lib/public/js/app.js

@@ -16,6 +16,7 @@ import { AppSidebar } from "./components/sidebar.js";
 import {
   AgentsRoute,
   BrowseRoute,
+  ChatRoute,
   CronRoute,
   DoctorRoute,
   EnvarsRoute,
@@ -32,6 +33,7 @@ import { useAgents } from "./components/agents-tab/use-agents.js";
 import { useAppShellController } from "./hooks/use-app-shell-controller.js";
 import { useAppShellUi } from "./hooks/use-app-shell-ui.js";
 import { useBrowseNavigation } from "./hooks/use-browse-navigation.js";
+import { useAgentSessions } from "./hooks/useAgentSessions.js";
 import {
   getHashRouterPath,
   useHashLocation,
@@ -77,6 +79,7 @@ const App = () => {
   } = useAgents();
 
   const isAgentsRoute = location.startsWith("/agents");
+  const isChatRoute = location.startsWith("/chat");
   const isCronRoute = location.startsWith("/cron");
   const isEnvarsRoute = location.startsWith("/envars");
   const isModelsRoute = location.startsWith("/models");
@@ -94,6 +97,13 @@ const App = () => {
     const match = location.match(/^\/cron\/([^/]+)/);
     return match ? decodeURIComponent(match[1]) : "";
   })();
+  const {
+    sessions: chatSessions,
+    selectedSessionKey: selectedChatSessionKey,
+    setSelectedSessionKey: setSelectedChatSessionKey,
+  } = useAgentSessions({
+    enabled: controllerState.onboarded === true,
+  });
 
   useEffect(() => {
     if (!isAgentsRoute) return;
@@ -201,6 +211,19 @@ const App = () => {
           window[kPendingCreateAgentWindowFlag] = true;
           setLocation("/agents");
         }}
+        chatSessions=${chatSessions}
+        selectedChatSessionKey=${selectedChatSessionKey}
+        onSelectChatSession=${(sessionKey) => {
+          setSelectedChatSessionKey(sessionKey);
+          if (!isChatRoute) setLocation("/chat");
+        }}
+        onStartChat=${() => {
+          if (!isChatRoute) {
+            setLocation("/chat");
+            return;
+          }
+          window.dispatchEvent(new Event("alphaclaw:chat-new"));
+        }}
       />
       <div
         class=${`sidebar-resizer ${shellState.isResizingSidebar ? "is-resizing" : ""}`}
@@ -289,6 +312,16 @@ const App = () => {
               </div>
             `
           : null}
+        ${isChatRoute
+          ? html`
+              <div class="app-content-pane chat-pane">
+                <${ChatRoute}
+                  sessions=${chatSessions}
+                  selectedSessionKey=${selectedChatSessionKey}
+                />
+              </div>
+            `
+          : null}
         ${isCronRoute
           ? html`
               <div class="app-content-pane cron-pane">
@@ -328,6 +361,7 @@ const App = () => {
           : null}
         ${browseState.isBrowseRoute ||
         isAgentsRoute ||
+        isChatRoute ||
         isCronRoute ||
         isEnvarsRoute ||
         isModelsRoute ||

package/lib/public/js/components/nodes-tab/connected-nodes/index.js

@@ -314,20 +314,6 @@ export const ConnectedNodesCard = ({
                                             />
                                           `
                                         : null}
-                                      ${canCheckBrowser &&
-                                      browserAttachEnabled &&
-                                      !checkingBrowser
-                                        ? html`
-                                            <button
-                                              type="button"
-                                              onclick=${() =>
-                                                handleDetachNodeBrowser(nodeId)}
-                                              class="shrink-0 text-[11px] text-fg-muted hover:text-body"
-                                            >
-                                              Detach
-                                            </button>
-                                          `
-                                        : null}
                                     </div>
                                   </div>
                                   ${browserStatus
@@ -363,6 +349,22 @@ export const ConnectedNodesCard = ({
                                         ${browserError}
                                       </div>`
                                     : null}
+                                  ${canCheckBrowser &&
+                                  browserAttachEnabled &&
+                                  !checkingBrowser
+                                    ? html`
+                                        <div class="flex justify-end pt-1">
+                                          <button
+                                            type="button"
+                                            onclick=${() =>
+                                              handleDetachNodeBrowser(nodeId)}
+                                            class="shrink-0 text-[11px] text-fg-muted hover:text-body"
+                                          >
+                                            Detach
+                                          </button>
+                                        </div>
+                                      `
+                                    : null}
                                 </div>
                               </div>
                             `