@invergent/agent-chat-react 2.16.2 → 2.16.4

package/dist/index.cjs

@@ -253,14 +253,6 @@ function normalizePoint(clientX, clientY, rect, naturalWidth, naturalHeight) {
   if (x < 0 || x > 1 || y < 0 || y > 1) return null;
   return { x, y };
 }
-function hostOf(url) {
-  try {
-    const parsed = new URL(url);
-    return { origin: parsed.host, rest: `${parsed.pathname}${parsed.search}` };
-  } catch {
-    return { origin: url, rest: "" };
-  }
-}
 var ICON = "flex size-[26px] shrink-0 items-center justify-center rounded-[5px] text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground disabled:pointer-events-none disabled:opacity-40";
 function BrowserShell({
   src,
@@ -281,6 +273,8 @@ function BrowserShell({
   const [tabs, setTabs] = react.useState([]);
   const [nav, setNav] = react.useState({ url: "", title: "" });
   const [menuOpen, setMenuOpen] = react.useState(false);
+  const [address, setAddress] = react.useState("");
+  const editingRef = react.useRef(false);
   react.useEffect(() => {
     setState("connecting");
     let disposed = false;
@@ -319,7 +313,9 @@ function BrowserShell({
         const next = message.tabs ?? [];
         setTabs(next);
         const active = next.find((tab) => tab.active);
-        if (active) setNav({ url: active.url, title: active.title });
+        if (active) {
+          setNav({ url: active.url, title: active.title });
+        }
       } else if (message.t === "nav") {
         setNav({
           url: String(message.url ?? ""),
@@ -339,6 +335,9 @@ function BrowserShell({
       socketRef.current = null;
     };
   }, [src]);
+  react.useEffect(() => {
+    if (!editingRef.current) setAddress(nav.url);
+  }, [nav.url]);
   const send = react.useCallback((message) => {
     const socket = socketRef.current;
     if (!socket || socket.readyState !== WebSocket.OPEN) return;
@@ -383,7 +382,6 @@ function BrowserShell({
       command({ t: "type", text: event.key });
     }
   };
-  const { origin, rest } = hostOf(nav.url);
   const showTabs = tabs.length > 1;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -450,10 +448,35 @@ function BrowserShell({
                     className: `size-1.5 shrink-0 rounded-full ${state === "connected" ? "bg-emerald-500" : "bg-muted-foreground"}`
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
-                  origin,
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: rest })
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "text",
+                    "aria-label": "Address",
+                    placeholder: "Type a URL and press Enter",
+                    className: "h-full min-w-0 flex-grow bg-transparent outline-none placeholder:text-muted-foreground",
+                    disabled: !hasControl,
+                    value: address,
+                    onChange: (event) => setAddress(event.target.value),
+                    onFocus: () => {
+                      editingRef.current = true;
+                    },
+                    onBlur: () => {
+                      editingRef.current = false;
+                      setAddress(nav.url);
+                    },
+                    onKeyDown: (event) => {
+                      if (event.key !== "Enter") return;
+                      event.preventDefault();
+                      event.target.blur();
+                      const typed = address.trim();
+                      if (!typed) return;
+                      const url = /^[a-z][a-z0-9+.-]*:\/\//i.test(typed) ? typed : `https://${typed}`;
+                      setAddress(url);
+                      command({ t: "navigate", url });
+                    }
+                  }
+                )
               ]
             }
           ),
@@ -4223,7 +4246,6 @@ function ExpertToolBlock({ tc }) {
         ]
       }
     ),
-    result?.summary && !expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-6 rounded-md border-l-2 border-primary/50 bg-muted/30 px-3 py-2 text-sm text-foreground/90", children: result.summary }),
     expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-6 mt-0.5 space-y-1.5 text-sm", children: [
       question && /* @__PURE__ */ jsxRuntime.jsx(ExpertDetail, { label: "Question", content: question }),
       result?.summary && /* @__PURE__ */ jsxRuntime.jsx(
@@ -4324,7 +4346,7 @@ function ExpertDetail({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-[10px] uppercase tracking-wide text-muted-foreground/70", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap wrap-break-word text-foreground/90", children: content })
+        /* @__PURE__ */ jsxRuntime.jsx(MessageResponse, { className: "wrap-break-word text-foreground/90", children: content })
       ]
     }
   );
@@ -5592,7 +5614,7 @@ function extractToolDetail(tc) {
     case "web_crawl":
     case "web_extract": {
       const url = stringArg("url");
-      return url ? hostOf2(url) : null;
+      return url ? hostOf(url) : null;
     }
     case "kb_search_pages": {
       const query = stringArg("query");
@@ -5644,7 +5666,7 @@ function extractToolDetail(tc) {
         const title = stringArg("title");
         if (title) return truncate3(title, 60);
         const url = stringArg("url");
-        return url ? hostOf2(url) : null;
+        return url ? hostOf(url) : null;
       }
       if (action === "retrieve") {
         return stringArg("query");
@@ -5677,7 +5699,7 @@ function lastPathSegment(path) {
 function truncate3(s, max) {
   return s.length > max ? `${s.slice(0, max - 1)}\u2026` : s;
 }
-function hostOf2(url) {
+function hostOf(url) {
   try {
     return new URL(url).hostname.replace(/^www\./, "") || truncate3(url, 40);
   } catch {