@saadnvd1/agent-os 0.3.580 → 0.3.581

package/components/Chat/EventRow.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { MouseEvent } from "react";
 import {
   Bot,
   CalendarClock,
@@ -15,6 +14,7 @@ import { eventParts, originOf } from "@/lib/chat/origin";
 import { hrefWithSession } from "@/lib/session-url";
 import { cn } from "@/lib/utils";
 import { UserMessage } from "./Messages";
+import { openSessionLink as openSession } from "./session-link";
 import { useRowState } from "./rowState";
 
 type UserItem = Extract<ChatItem, { kind: "user" }>;
@@ -34,14 +34,6 @@ const SHORT = 32;
 export const clock = (at: number) =>
   new Date(at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
 
-// Opens the session through its address, the way a shared link does.
-function openSession(e: MouseEvent<HTMLAnchorElement>, id: string) {
-  if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;
-  e.preventDefault();
-  window.history.pushState(null, "", hrefWithSession(location.href, id));
-  window.dispatchEvent(new PopStateEvent("popstate"));
-}
-
 function Source({ origin }: { origin: ChatOrigin }) {
   const name = (
     <span className="text-foreground/80 block truncate font-medium">

package/components/Chat/Messages.tsx

@@ -12,27 +12,49 @@ import type { ChatItem } from "@/lib/chat/events";
 import { cn } from "@/lib/utils";
 import { leadingCommand } from "@/lib/chat/commands";
 import { compactedLine } from "@/lib/chat/stale";
-import { splitInlineCode, splitUserText } from "@/lib/chat/user-text";
+import { splitProse, splitUserText } from "@/lib/chat/user-text";
+import { inAppSessionId } from "@/lib/session-url";
 import { CodeBlock } from "./Code";
 import { CopyButton } from "./CopyButton";
 import { ImageThumb } from "./ImageThumb";
 import { Markdown } from "./Markdown";
+import { openSessionLink } from "./session-link";
 import { UndoButton } from "./Undo";
 import { useRowState } from "./rowState";
 
 type Of<K extends ChatItem["kind"]> = Extract<ChatItem, { kind: K }>;
 
+function UserLink({ href }: { href: string }) {
+  const id =
+    typeof window === "undefined"
+      ? null
+      : inAppSessionId(href, window.location.origin);
+  return (
+    <a
+      href={href}
+      target={id ? undefined : "_blank"}
+      rel={id ? undefined : "noopener noreferrer"}
+      onClick={id ? (e) => openSessionLink(e, id) : undefined}
+      className="font-medium [overflow-wrap:anywhere] underline underline-offset-2"
+    >
+      {href}
+    </a>
+  );
+}
+
 function Prose({ text }: { text: string }) {
   return (
     <>
-      {splitInlineCode(text).map((p, i) =>
-        p.code ? (
+      {splitProse(text).map((p, i) =>
+        p.kind === "code" ? (
           <code
             key={i}
             className="bg-foreground/[0.06] rounded px-1 py-0.5 font-mono text-[0.9em]"
           >
             {p.text}
           </code>
+        ) : p.kind === "link" ? (
+          <UserLink key={i} href={p.text} />
         ) : (
           <span key={i}>{p.text}</span>
         )

package/components/Chat/session-link.ts

@@ -0,0 +1,10 @@
+import type { MouseEvent } from "react";
+import { hrefWithSession } from "@/lib/session-url";
+
+// Opens the session through its address, the way a shared link does.
+export function openSessionLink(e: MouseEvent<HTMLAnchorElement>, id: string) {
+  if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;
+  e.preventDefault();
+  window.history.pushState(null, "", hrefWithSession(location.href, id));
+  window.dispatchEvent(new PopStateEvent("popstate"));
+}

package/lib/chat/user-text.ts

@@ -62,3 +62,55 @@ export function splitInlineCode(
   if (last < text.length) out.push({ code: false, text: text.slice(last) });
   return out;
 }
+
+export type ProsePart =
+  | { kind: "text"; text: string }
+  | { kind: "code"; text: string }
+  | { kind: "link"; text: string };
+
+const URL_RE = /https?:\/\/[^\s<>"'`]+/gi;
+const TRAILING = /[.,;:!?]$/;
+
+// Punctuation that ends a sentence, or a closing paren with no opener in the
+// URL, belongs to the text around it.
+function trimUrl(url: string): string {
+  for (;;) {
+    if (TRAILING.test(url)) url = url.slice(0, -1);
+    else if (url.endsWith(")") && count(url, ")") > count(url, "("))
+      url = url.slice(0, -1);
+    else return url;
+  }
+}
+
+function count(s: string, ch: string): number {
+  return s.split(ch).length - 1;
+}
+
+// http(s) URLs in plain text, split out so they can be links.
+export function splitLinks(text: string): { link: boolean; text: string }[] {
+  const out: { link: boolean; text: string }[] = [];
+  let last = 0;
+  for (const m of text.matchAll(URL_RE)) {
+    const url = trimUrl(m[0]);
+    if (!/^https?:\/\/[^/?#]+/i.test(url)) continue;
+    if (m.index > last)
+      out.push({ link: false, text: text.slice(last, m.index) });
+    out.push({ link: true, text: url });
+    last = m.index + url.length;
+  }
+  if (last < text.length) out.push({ link: false, text: text.slice(last) });
+  return out;
+}
+
+// Prose split into code spans, links and the text between. Links are only
+// looked for outside code spans.
+export function splitProse(text: string): ProsePart[] {
+  return splitInlineCode(text).flatMap((p): ProsePart[] =>
+    p.code
+      ? [{ kind: "code", text: p.text }]
+      : splitLinks(p.text).map((l) => ({
+          kind: l.link ? "link" : "text",
+          text: l.text,
+        }))
+  );
+}

package/lib/session-url.ts

@@ -26,6 +26,18 @@ export function hrefWithSession(href: string, id: string | null): string {
   return url.pathname + url.search + url.hash;
 }
 
+/** The session a link to this same instance opens, or null for any other link. */
+export function inAppSessionId(href: string, origin: string): string | null {
+  let url: URL;
+  try {
+    url = new URL(href);
+  } catch {
+    return null;
+  }
+  if (url.origin !== origin || url.pathname !== "/") return null;
+  return sessionIdFromHref(href);
+}
+
 export function sessionLink(origin: string, id: string): string {
   return `${origin}/?${SESSION_PARAM}=${encodeURIComponent(id)}`;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saadnvd1/agent-os",
-  "version": "0.3.580",
+  "version": "0.3.581",
   "description": "Self-hosted web UI for managing Claude Code sessions",
   "bin": {
     "agent-os": "scripts/agent-os"