@opengeni/react 4.4.1 → 4.5.1-canary.39832248373001

package/dist/app/routes/site-view.d.ts

@@ -0,0 +1,11 @@
+/**
+ * A Site with its conversations beside it. The Site fills the page; the
+ * panel keeps one conversation open (the newest when the Site opens, unless
+ * one is chosen), lists the others to switch between, and starts a new one.
+ */
+export declare function SiteViewRoute({ workspaceId, siteId, conversation, }: {
+    workspaceId: string;
+    siteId: string;
+    /** The conversation open in the panel; the newest when omitted. */
+    conversation?: string | undefined;
+}): import("react").JSX.Element;

package/dist/app/routes/site-view.js

@@ -0,0 +1,597 @@
+"use client";
+import {
+  useConsoleSiteToolBridge,
+  useConsoleSiteViewer
+} from "../../chunk-756MKA2J.js";
+import "../../chunk-LCRA6ZOV.js";
+import {
+  SiteView
+} from "../../chunk-VPNXQUUS.js";
+import "../../chunk-CB574ERL.js";
+import "../../chunk-7VN6VC3D.js";
+import "../../chunk-YGSJWWT3.js";
+import "../../chunk-7R2JQHBX.js";
+import "../../chunk-2DDJ6YH6.js";
+import "../../chunk-PMD7V4N7.js";
+import {
+  useRecordSiteOpened
+} from "../../chunk-JRSNCSZN.js";
+import "../../chunk-D64Z4V26.js";
+import "../../chunk-UBJWSGD4.js";
+import {
+  sessionSiteOrigin
+} from "../../chunk-K3TJNJSU.js";
+import {
+  sessionStateLabel
+} from "../../chunk-E36IC3LU.js";
+import {
+  useSessionListHintRefresh
+} from "../../chunk-IJYL5BZM.js";
+import "../../chunk-7J7PZB4S.js";
+import {
+  useAppApi
+} from "../../chunk-L5HJ4UYB.js";
+import {
+  formatTimestamp
+} from "../../chunk-5TLEWXAB.js";
+import {
+  cn
+} from "../../chunk-A3MTTRCX.js";
+import {
+  t
+} from "../../chunk-TJQDL3JH.js";
+import {
+  hasWorkspacePermission
+} from "../../chunk-FIDD34ZF.js";
+import "../../chunk-74JEZLLQ.js";
+import {
+  Link,
+  useNavigate
+} from "../../chunk-VYKW6TB2.js";
+import "../../chunk-IZUAIHR4.js";
+import {
+  useAppContext
+} from "../../chunk-W6KAUGXO.js";
+import {
+  Skeleton
+} from "../../chunk-HY7EYWIG.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../../chunk-TREHTIBD.js";
+import "../../chunk-5OTQA7CM.js";
+import "../../chunk-A3KMTJZS.js";
+import {
+  Button
+} from "../../chunk-HMU5IELG.js";
+import {
+  NewConversation,
+  SessionConversation
+} from "../../chunk-ECHYJP63.js";
+import "../../chunk-22GTC4MZ.js";
+import "../../chunk-ENS6E4RZ.js";
+import "../../chunk-FRP64DEK.js";
+import "../../chunk-4U4GXWXS.js";
+import "../../chunk-KDQAWRYZ.js";
+import "../../chunk-DFXZYNTX.js";
+import "../../chunk-F33EDYS7.js";
+import "../../chunk-B27E3V37.js";
+import "../../chunk-UUSAOIJR.js";
+import "../../chunk-SD4PPZFB.js";
+import "../../chunk-LMPTC4CX.js";
+import "../../chunk-LQ47YL6E.js";
+import "../../chunk-WYDZP5F2.js";
+import "../../chunk-EMIVOS73.js";
+import "../../chunk-34EU25RL.js";
+import "../../chunk-CPLCSM6K.js";
+import "../../chunk-UD2PSIIX.js";
+import "../../chunk-6MRY2RUZ.js";
+import "../../chunk-I6FIXEL4.js";
+import "../../chunk-ZOARMQY2.js";
+import "../../chunk-NLAFNMPK.js";
+import "../../chunk-MK2TQO4Y.js";
+import "../../chunk-SJORXXLV.js";
+import "../../chunk-OYQQJL3J.js";
+import "../../chunk-RZLBICR5.js";
+import "../../chunk-H3LIIAGE.js";
+import "../../chunk-VHB3E6PT.js";
+import {
+  isRunningStatus,
+  relativeTimeLabel,
+  sessionDisplayTitle
+} from "../../chunk-F2RMKGDQ.js";
+import "../../chunk-7N5AD2TC.js";
+import "../../chunk-4U7SHFQ2.js";
+import "../../chunk-CCR33J7L.js";
+import "../../chunk-O2SBHS2N.js";
+import "../../chunk-C5ZCSVZ7.js";
+import "../../chunk-YSRBFJMQ.js";
+import "../../chunk-FSP334UU.js";
+import "../../chunk-LY6727IF.js";
+import "../../chunk-6AFSZKZA.js";
+import "../../chunk-AW3QEFOF.js";
+import "../../chunk-HEVQKE27.js";
+import "../../chunk-LJUMYUBO.js";
+import "../../chunk-WNDTLK44.js";
+import "../../chunk-IZV5FTJC.js";
+import "../../chunk-ULYQEFNH.js";
+import "../../chunk-LEKBNKLD.js";
+import "../../chunk-DNJ23AWQ.js";
+import "../../chunk-OB3YGXHQ.js";
+import "../../chunk-DHXKEJBH.js";
+import "../../chunk-IGFZFLI2.js";
+import "../../chunk-UNJPZGNK.js";
+import "../../chunk-IOYHDEP3.js";
+import "../../chunk-XV6ZYRHK.js";
+import "../../chunk-IGVL3ELX.js";
+import "../../chunk-PEHTX3V7.js";
+import "../../chunk-NRP4REXE.js";
+import "../../chunk-XU4I47IP.js";
+import "../../chunk-3IWPC6O3.js";
+import "../../chunk-DJFTH2DI.js";
+import "../../chunk-7RRMTSCI.js";
+import "../../chunk-ERG355NM.js";
+import "../../chunk-PNNTR6KP.js";
+import "../../chunk-WJPMYXKZ.js";
+import "../../chunk-VYT4POBH.js";
+import "../../chunk-6F34IWSA.js";
+import "../../chunk-IQ64BNAG.js";
+import "../../chunk-ZX5H7LWD.js";
+import "../../chunk-J3BHDXQQ.js";
+import "../../chunk-CFEFYPNR.js";
+import "../../chunk-N7S72EXK.js";
+import "../../chunk-XEA5BCMA.js";
+import "../../chunk-2KO2G3RI.js";
+import "../../chunk-CM7LVUKC.js";
+import "../../chunk-TVQCDDSZ.js";
+import "../../chunk-SJGAHTY5.js";
+import "../../chunk-4NHJ6EXL.js";
+import "../../chunk-TXS65BB2.js";
+import "../../chunk-JFK7NTEA.js";
+
+// src/app/routes/site-view.tsx
+import { SITE_ID_HEADER, SITE_VERSION_HEADER } from "@opengeni/contracts/site-session-http";
+import { OpenGeniApiError } from "@opengeni/sdk/browser";
+import { InfoIcon, Maximize2Icon, MoreHorizontalIcon, PlusIcon } from "lucide-react";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SITE_ROUTE = "/workspaces/$workspaceId/sites/$siteId";
+function SiteViewRoute({
+  workspaceId,
+  siteId,
+  conversation
+}) {
+  const { client } = useAppContext();
+  const viewer = useConsoleSiteViewer();
+  const toolBridge = useConsoleSiteToolBridge(workspaceId);
+  const [site, setSite] = useState({ status: "loading" });
+  const [siteAttempt, setSiteAttempt] = useState(0);
+  useRecordSiteOpened(client, workspaceId, siteId);
+  useEffect(() => {
+    const abort = new AbortController();
+    setSite({ status: "loading" });
+    client.getWorkspaceArtifact(workspaceId, siteId, { signal: abort.signal }).then(({ artifact }) => {
+      if (abort.signal.aborted) return;
+      setSite({
+        status: "ready",
+        title: artifact.title,
+        versionId: artifact.currentVersion?.id ?? null,
+        archived: artifact.status === "archived"
+      });
+    }).catch(() => {
+      if (!abort.signal.aborted) setSite({ status: "error" });
+    });
+    return () => abort.abort();
+  }, [client, siteAttempt, siteId, workspaceId]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex min-h-0 min-w-0 flex-1 max-lg:flex-col",
+      "data-workspace-scroll-owner": "self-managed",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
+          SiteView,
+          {
+            client,
+            workspaceId,
+            siteId,
+            toolBridge,
+            viewer,
+            archivedMessage: "This Site is archived. Restore it from Site details."
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          SiteConversationsColumn,
+          {
+            workspaceId,
+            siteId,
+            site,
+            retrySite: () => setSiteAttempt((attempt) => attempt + 1),
+            conversation
+          },
+          `${workspaceId}:${siteId}`
+        )
+      ]
+    }
+  );
+}
+var PAGE_SIZE = 30;
+var MAX_PAGE_SIZE = 100;
+function useSiteConversations(workspaceId, siteId) {
+  const { client } = useAppContext();
+  const [page, setPage] = useState(null);
+  const [error, setError] = useState(null);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const request = useRef(null);
+  const more = useRef(null);
+  const loadedCount = useRef(0);
+  useEffect(() => {
+    loadedCount.current = page?.sessions.length ?? 0;
+  }, [page]);
+  const read = useCallback(
+    (signal, cursor, limit = PAGE_SIZE) => client.listSessionPage(workspaceId, {
+      originSiteId: siteId,
+      parentSessionId: null,
+      sortBy: "updatedAt",
+      limit,
+      signal,
+      ...cursor ? { cursor } : {}
+    }),
+    [client, siteId, workspaceId]
+  );
+  const refresh = useCallback(async () => {
+    request.current?.abort();
+    const abort = new AbortController();
+    request.current = abort;
+    try {
+      const next = await read(
+        abort.signal,
+        void 0,
+        Math.min(MAX_PAGE_SIZE, Math.max(PAGE_SIZE, loadedCount.current))
+      );
+      if (abort.signal.aborted) return;
+      setPage(next);
+      setError(null);
+    } catch (failure) {
+      if (!abort.signal.aborted)
+        setError(failure instanceof Error ? failure : new Error(String(failure)));
+    }
+  }, [read]);
+  useEffect(() => {
+    void refresh();
+    return () => {
+      request.current?.abort();
+      more.current?.abort();
+    };
+  }, [refresh]);
+  useSessionListHintRefresh(refresh, error, { siteConversations: true });
+  const loadMore = useCallback(async () => {
+    const cursor = page?.nextCursor;
+    if (!cursor || loadingMore) return;
+    const abort = new AbortController();
+    more.current = abort;
+    setLoadingMore(true);
+    try {
+      const next = await read(abort.signal, cursor);
+      if (abort.signal.aborted) return;
+      setPage(
+        (current) => (
+          // Only extend the page this cursor came from; a refresh since replaced it.
+          current?.nextCursor === cursor ? {
+            ...next,
+            sessions: [
+              ...new Map(
+                [...current.sessions, ...next.sessions].map((session) => [session.id, session])
+              ).values()
+            ]
+          } : current
+        )
+      );
+    } catch {
+    } finally {
+      if (more.current === abort) more.current = null;
+      setLoadingMore(false);
+    }
+  }, [loadingMore, page?.nextCursor, read]);
+  const sessions = useMemo(
+    () => page ? [...new Map([...page.pinned, ...page.sessions].map((session) => [session.id, session]))].map(([, session]) => session).filter((session) => !session.archived).sort((a, b) => Date.parse(b.updatedAt) - Date.parse(a.updatedAt)) : [],
+    [page]
+  );
+  return {
+    sessions,
+    loaded: page !== null,
+    error,
+    nextCursor: page?.nextCursor ?? null,
+    loadingMore,
+    refresh,
+    loadMore
+  };
+}
+function SiteConversationsColumn({
+  workspaceId,
+  siteId,
+  site,
+  retrySite,
+  conversation
+}) {
+  const context = useAppContext();
+  const api = useAppApi();
+  const navigate = useNavigate();
+  const headingId = useId();
+  const panel = useRef(null);
+  const list = useSiteConversations(workspaceId, siteId);
+  const [composing, setComposing] = useState(false);
+  const [handoff, setHandoff] = useState(null);
+  const [focusRequest, setFocusRequest] = useState(0);
+  const [defaultId, setDefaultId] = useState(void 0);
+  const newest = list.sessions[0]?.id ?? null;
+  const pinned = defaultId === null || defaultId !== void 0 && list.sessions.some((session) => session.id === defaultId) ? defaultId : newest;
+  useEffect(() => {
+    if (list.loaded && pinned !== defaultId) setDefaultId(pinned);
+  }, [defaultId, list.loaded, pinned]);
+  const previousConversation = useRef(conversation);
+  const startingNew = useRef(false);
+  useEffect(() => {
+    const previous = previousConversation.current;
+    previousConversation.current = conversation;
+    if (conversation) setComposing(false);
+    else if (previous && !startingNew.current) setDefaultId(void 0);
+    startingNew.current = false;
+  }, [conversation]);
+  const toSite = useCallback(
+    (search, replace = false) => void navigate({
+      to: SITE_ROUTE,
+      params: { workspaceId, siteId },
+      search,
+      ...replace ? { replace: true } : {}
+    }),
+    [navigate, siteId, workspaceId]
+  );
+  const listed = !conversation || list.sessions.some((session) => session.id === conversation);
+  const fallBack = useRef(() => {
+  });
+  useEffect(() => {
+    fallBack.current = () => toSite({}, true);
+  }, [toSite]);
+  useEffect(() => {
+    if (!conversation || !list.loaded || listed) return;
+    const abort = new AbortController();
+    context.client.getSession(workspaceId, conversation, { signal: abort.signal }).then(
+      (session) => {
+        if (abort.signal.aborted) return;
+        if (sessionSiteOrigin(session)?.siteId !== siteId || session.parentSessionId !== null || session.archived)
+          fallBack.current();
+      },
+      (failure) => {
+        if (!abort.signal.aborted && failure instanceof OpenGeniApiError && [403, 404].includes(failure.status))
+          fallBack.current();
+      }
+    );
+    return () => abort.abort();
+  }, [context.client, conversation, list.loaded, listed, siteId, workspaceId]);
+  useEffect(() => {
+    if (focusRequest === 0) return;
+    let frame = 0;
+    let tries = 0;
+    const attempt = () => {
+      const input = panel.current?.querySelector("textarea:not([disabled])");
+      if (input) input.focus();
+      else if ((tries += 1) < 60) frame = requestAnimationFrame(attempt);
+    };
+    frame = requestAnimationFrame(attempt);
+    return () => cancelAnimationFrame(frame);
+  }, [focusRequest]);
+  const ready = site.status === "ready" ? site : null;
+  const canCreate = hasWorkspacePermission(context.accessContext, workspaceId, "sessions:create") && ready !== null && ready.versionId !== null && !ready.archived;
+  const selectedId = composing ? null : conversation ?? pinned;
+  const showComposer = composing || list.loaded && selectedId === null;
+  const startNew = () => {
+    setComposing(true);
+    setFocusRequest((request) => request + 1);
+    if (conversation) {
+      startingNew.current = true;
+      toSite({});
+    }
+  };
+  const versionId = ready?.versionId ?? null;
+  const createSession = useCallback(
+    async (initialMessage, idempotencyKey, options) => {
+      if (!versionId) throw new Error("This Site has no published version yet.");
+      const created = await api.request(
+        `/v1/workspaces/${encodeURIComponent(workspaceId)}/sessions`,
+        {
+          method: "POST",
+          headers: { [SITE_ID_HEADER]: siteId, [SITE_VERSION_HEADER]: versionId },
+          body: JSON.stringify({
+            initialMessage,
+            idempotencyKey,
+            ...options.model ? { model: options.model } : {},
+            ...options.reasoningEffort ? { reasoningEffort: options.reasoningEffort } : {},
+            ...options.latencyMode ? { latencyMode: options.latencyMode } : {}
+          })
+        }
+      );
+      return created.id;
+    },
+    [api, siteId, versionId, workspaceId]
+  );
+  const conversations = list.sessions;
+  const handedOff = handoff !== null && handoff.sessionId === selectedId ? handoff : null;
+  useEffect(() => {
+    if (handoff && selectedId !== null && selectedId !== handoff.sessionId) setHandoff(null);
+  }, [handoff, selectedId]);
+  const handoffId = handoff?.sessionId ?? null;
+  useEffect(() => {
+    if (handoffId !== null && selectedId === handoffId) setFocusRequest((request) => request + 1);
+  }, [handoffId, selectedId]);
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ref: panel,
+      "aria-labelledby": headingId,
+      className: "flex min-h-0 w-[400px] shrink-0 flex-col border-l border-border bg-bg max-xl:w-[360px] max-lg:h-[55%] max-lg:w-full max-lg:border-t max-lg:border-l-0",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-11 shrink-0 items-center gap-1 border-b border-border pr-2 pl-4", children: [
+          /* @__PURE__ */ jsx("h2", { id: headingId, className: "min-w-0 flex-1 truncate text-sm font-medium text-fg", children: "Conversations" }),
+          canCreate ? /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: showComposer ? "secondary" : "ghost",
+              size: "sm",
+              className: "pointer-coarse:h-11",
+              onClick: startNew,
+              children: [
+                /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true", className: "size-3.5" }),
+                "New"
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": "More",
+                className: "text-fg-muted hover:text-fg pointer-coarse:size-11",
+                children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { "aria-hidden": "true", className: "size-4" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [
+              selectedId ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
+                Link,
+                {
+                  to: "/workspaces/$workspaceId/sessions/$sessionId",
+                  params: { workspaceId, sessionId: selectedId },
+                  children: [
+                    /* @__PURE__ */ jsx(Maximize2Icon, { "aria-hidden": "true" }),
+                    "Open as a full chat"
+                  ]
+                }
+              ) }) : null,
+              /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
+                Link,
+                {
+                  to: "/workspaces/$workspaceId/artifacts/$artifactId",
+                  params: { workspaceId, artifactId: siteId },
+                  children: [
+                    /* @__PURE__ */ jsx(InfoIcon, { "aria-hidden": "true" }),
+                    "Site details"
+                  ]
+                }
+              ) })
+            ] })
+          ] })
+        ] }),
+        conversations.length > (showComposer ? 0 : 1) ? /* @__PURE__ */ jsxs(
+          "nav",
+          {
+            "aria-label": `Conversations in ${ready?.title ?? "this Site"}`,
+            className: "max-h-[172px] shrink-0 overflow-y-auto border-b border-border p-1.5",
+            children: [
+              /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-px", children: conversations.map((session) => /* @__PURE__ */ jsx(
+                ConversationRow,
+                {
+                  workspaceId,
+                  siteId,
+                  session,
+                  selected: session.id === selectedId
+                },
+                session.id
+              )) }),
+              list.nextCursor ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  disabled: list.loadingMore,
+                  onClick: () => void list.loadMore(),
+                  className: "mt-px flex h-8 w-full items-center rounded-md px-2 text-left text-xs text-fg-muted hover:bg-hover hover:text-fg pointer-coarse:h-11",
+                  children: list.loadingMore ? "Loading\u2026" : "Show older"
+                }
+              ) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: !list.loaded && !conversation ? list.error ? /* @__PURE__ */ jsx(Retry, { message: "Couldn\u2019t load conversations.", onRetry: () => void list.refresh() }) : /* @__PURE__ */ jsx(PanelLoading, { label: "Loading conversations" }) : showComposer ? canCreate ? /* @__PURE__ */ jsx(
+          NewConversation,
+          {
+            createSession,
+            attachments: false,
+            realtimeVoice: false,
+            labels: { title: ready ? `Ask about ${ready.title}` : "New conversation" },
+            onCreated: (created) => {
+              setHandoff(created);
+              void list.refresh();
+              toSite({ conversation: created.sessionId });
+            },
+            className: "min-h-0 flex-1"
+          },
+          `new:${siteId}`
+        ) : site.status === "loading" ? /* @__PURE__ */ jsx(PanelLoading, { label: "Loading Site" }) : site.status === "error" ? /* @__PURE__ */ jsx(Retry, { message: "Couldn\u2019t load this Site.", onRetry: retrySite }) : /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-fg-muted", children: ready?.archived ? "No conversations yet." : "No conversations yet. Conversations started in this Site appear here." }) : selectedId ? /* @__PURE__ */ jsx(
+          SessionConversation,
+          {
+            sessionId: selectedId,
+            ...handedOff?.initialMessage ? { pendingPrompt: { text: handedOff.initialMessage, sentAt: handedOff.sentAt } } : {},
+            ...handedOff ? { composerOptions: { initialDraft: handedOff.draft } } : {},
+            onOpenSession: (sessionId) => void navigate({
+              to: "/workspaces/$workspaceId/sessions/$sessionId",
+              params: { workspaceId, sessionId }
+            }),
+            className: "min-h-0 flex-1"
+          },
+          selectedId
+        ) : null })
+      ]
+    }
+  );
+}
+function PanelLoading({ label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-4", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-2/3" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full rounded-lg" }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", children: label })
+  ] });
+}
+function Retry({ message, onRetry }) {
+  return /* @__PURE__ */ jsxs("p", { className: "p-4 text-sm text-fg-muted", children: [
+    message,
+    " ",
+    /* @__PURE__ */ jsx("button", { type: "button", className: "text-fg underline underline-offset-2", onClick: onRetry, children: "Try again" })
+  ] });
+}
+function ConversationRow({
+  workspaceId,
+  siteId,
+  session,
+  selected
+}) {
+  const title = sessionDisplayTitle(session);
+  const running = isRunningStatus(session.status);
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    Link,
+    {
+      to: SITE_ROUTE,
+      params: { workspaceId, siteId },
+      search: { conversation: session.id },
+      "aria-current": selected ? "page" : void 0,
+      "aria-label": `${title}. ${sessionStateLabel(session)}. Updated ${formatTimestamp(session.updatedAt)}`,
+      className: cn(
+        "flex h-8 items-center gap-2 rounded-md border px-2 text-sm outline-hidden focus-visible:ring-2 focus-visible:ring-ring/40 pointer-coarse:h-11",
+        selected ? "border-brand/20 bg-selection text-fg" : "border-transparent text-fg-label hover:bg-hover hover:text-fg"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: title }),
+        running ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-status-running" }) : null,
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0 text-xs tabular-nums text-fg-subtle", children: relativeTimeLabel(t, session.updatedAt) })
+      ]
+    }
+  ) });
+}
+export {
+  SiteViewRoute
+};
+//# sourceMappingURL=site-view.js.map