@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-ORJPS5VN.js

@@ -0,0 +1,1193 @@
+"use client";
+import {
+  GrantSessionAdminAccessDialog,
+  SessionAdminAccessIndicator,
+  SessionAdminAccessMenuItems
+} from "./chunk-C43KRXGA.js";
+import {
+  SessionAncestryBreadcrumb
+} from "./chunk-NULUNM7H.js";
+import {
+  ShareChatDialog
+} from "./chunk-U7XM7CB4.js";
+import {
+  SiteOriginLink,
+  SiteOriginMenuItem
+} from "./chunk-P3A2EINJ.js";
+import {
+  SessionProfileEditorDialog
+} from "./chunk-BJEJFISW.js";
+import {
+  BotTemplateDialog
+} from "./chunk-IMZCQBOT.js";
+import {
+  pinLiveAnnouncement
+} from "./chunk-GLYJV66C.js";
+import {
+  currentPhoneAppPlatform,
+  openInAppUrl
+} from "./chunk-VPUFTOD3.js";
+import {
+  SessionAvatar
+} from "./chunk-YLS6QE5G.js";
+import {
+  repliesMuteLabel
+} from "./chunk-Q6CGOPJD.js";
+import {
+  sessionControlPaused
+} from "./chunk-ZUA3JMI6.js";
+import {
+  sessionSiteOrigin
+} from "./chunk-K3TJNJSU.js";
+import {
+  useInlineRename
+} from "./chunk-FPXASDG5.js";
+import {
+  useActionShortcut,
+  useChatOperations
+} from "./chunk-HGKTHF2U.js";
+import {
+  archiveActionLabel
+} from "./chunk-KY2R73CG.js";
+import {
+  RENAME_CURRENT_CHAT_EVENT
+} from "./chunk-5EWSRZ2Y.js";
+import {
+  requestConversationFind
+} from "./chunk-7ZEGSUR7.js";
+import {
+  useSessionUiFeature
+} from "./chunk-FWXMQTVG.js";
+import {
+  BillingClassMark
+} from "./chunk-GKVJIDHF.js";
+import {
+  ConnectionPill
+} from "./chunk-VGYXW3VG.js";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+} from "./chunk-PPOESWM3.js";
+import {
+  t
+} from "./chunk-HSOXMJOT.js";
+import {
+  labelEffort
+} from "./chunk-ZPW5NFYD.js";
+import {
+  usePage
+} from "./chunk-BXBDYNRP.js";
+import {
+  toast
+} from "./chunk-O4EA4F3W.js";
+import {
+  useOptionalAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  sessionAutomationWaitLines,
+  sessionAutomationWaitWords
+} from "./chunk-2OP6WLGV.js";
+import {
+  useUiEventTarget
+} from "./chunk-WGPLDFEC.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  MetaChip
+} from "./chunk-SS3N75VI.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger
+} from "./chunk-GM3LG6BG.js";
+import {
+  Skeleton
+} from "./chunk-HJO32O7Z.js";
+import {
+  SESSION_TITLE_MAX_LENGTH,
+  isCodexProductModel,
+  sessionDisplayTitle,
+  sessionInputWait
+} from "./chunk-3PZ7JZI2.js";
+import {
+  SESSION_STATUS_META,
+  SessionStatus,
+  StatusDot,
+  StatusPill
+} from "./chunk-AXHZYXUV.js";
+import {
+  useSessionStartup
+} from "./chunk-EMIVOS73.js";
+import {
+  sessionDisplayStatus
+} from "./chunk-TSENLSW6.js";
+import {
+  OPEN_WORKSTREAM_CONTROL_EVENT
+} from "./chunk-3IWPC6O3.js";
+import {
+  Button
+} from "./chunk-7QQN3KNP.js";
+import {
+  ModelMark
+} from "./chunk-WJPMYXKZ.js";
+
+// src/app/components/rail/session-header.tsx
+import { modelDisplayName } from "@opengeni/sdk/model-display";
+
+// src/app/lib/session-slack-agent.ts
+var KEY = "slackAgent";
+var UUID = /^[\da-f]{8}-[\da-f]{4}-[\da-f]{4}-[\da-f]{4}-[\da-f]{12}$/iu;
+function sessionSlackAgentInfo(metadata) {
+  const value = metadata?.[KEY];
+  if (typeof value !== "object" || value === null || Array.isArray(value)) return null;
+  const { id, name } = value;
+  if (typeof id !== "string" || !UUID.test(id)) return null;
+  if (typeof name !== "string" || name.length === 0) return null;
+  return { id, name };
+}
+
+// src/app/components/rail/session-header.tsx
+import {
+  ArchiveIcon,
+  BellIcon,
+  BellOffIcon,
+  BotIcon,
+  CalendarClockIcon,
+  GaugeIcon,
+  LinkIcon,
+  LockIcon,
+  MoreHorizontalIcon,
+  PanelRightCloseIcon,
+  PanelRightOpenIcon,
+  PauseIcon,
+  PencilIcon,
+  PinIcon,
+  SearchIcon,
+  Share2Icon,
+  ShieldCheckIcon,
+  ShieldOffIcon,
+  SmartphoneIcon,
+  UserRoundPenIcon,
+  ZapIcon,
+  ZapOffIcon
+} from "lucide-react";
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+
+// src/app/components/rail/session-header-overflow.ts
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+var SESSION_HEADER_PARTS = [
+  "panel",
+  "status",
+  "access",
+  "fullAccess",
+  "automations",
+  "pin",
+  "find",
+  "machine",
+  "site",
+  "slackAgent",
+  "model",
+  "accessKey"
+];
+var TITLE_HEADER_SHARE = 0.4;
+var TITLE_MAX_REM = 20;
+var RETURN_SLACK_PX = 8;
+var NONE = /* @__PURE__ */ new Set();
+function useSessionHeaderOverflow({
+  present,
+  contentKey,
+  resetKey,
+  frozen
+}) {
+  const rowRef = useRef(null);
+  const titleRef = useRef(null);
+  const clusterRef = useRef(null);
+  const elements = useRef(/* @__PURE__ */ new Map());
+  const refs = useRef(/* @__PURE__ */ new Map());
+  const observer = useRef(null);
+  const widths = useRef(/* @__PURE__ */ new Map());
+  const [collapsed, setCollapsed] = useState(NONE);
+  const current = useRef(collapsed);
+  const inputs = useRef({ present, frozen });
+  const presentKey = present.join(" ");
+  const partRef = useCallback((part) => {
+    let ref = refs.current.get(part);
+    if (!ref) {
+      ref = (element) => {
+        const previous = elements.current.get(part);
+        if (previous && previous !== element) observer.current?.unobserve(previous);
+        if (element) {
+          elements.current.set(part, element);
+          observer.current?.observe(element);
+        } else {
+          elements.current.delete(part);
+        }
+      };
+      refs.current.set(part, ref);
+    }
+    return ref;
+  }, []);
+  const fit = useCallback((grow) => {
+    const { present: parts, frozen: hold } = inputs.current;
+    const row = rowRef.current;
+    const title = titleRef.current;
+    if (hold || !row || !title) return;
+    const { room: start, need } = measureRoom(row, title);
+    let room = start;
+    const available = new Set(parts);
+    const next = new Set([...current.current].filter((part) => available.has(part)));
+    if (room < need) {
+      for (let index = SESSION_HEADER_PARTS.length - 1; index >= 0 && room < need; index -= 1) {
+        const part = SESSION_HEADER_PARTS[index];
+        if (!available.has(part) || next.has(part)) continue;
+        const width = partWidth(elements.current.get(part));
+        if (width <= 0) continue;
+        widths.current.set(part, width);
+        next.add(part);
+        room += width;
+      }
+    } else if (grow) {
+      for (const part of SESSION_HEADER_PARTS) {
+        if (!next.has(part)) continue;
+        const width = widths.current.get(part);
+        if (width === void 0 || room - width < need + RETURN_SLACK_PX) continue;
+        next.delete(part);
+        room -= width;
+      }
+    }
+    if (sameParts(next, current.current)) return;
+    current.current = next;
+    setCollapsed(next);
+  }, []);
+  useLayoutEffect(() => {
+    widths.current.clear();
+    if (current.current.size === 0) return;
+    current.current = NONE;
+    setCollapsed(NONE);
+  }, [resetKey]);
+  useLayoutEffect(() => {
+    inputs.current = { present, frozen };
+    fit(true);
+  }, [fit, presentKey, contentKey, frozen]);
+  useLayoutEffect(() => {
+    fit(false);
+  }, [fit, collapsed]);
+  useEffect(() => {
+    if (typeof ResizeObserver === "undefined") return;
+    const sizes = new ResizeObserver(() => fit(true));
+    observer.current = sizes;
+    for (const element of [
+      rowRef.current,
+      titleRef.current,
+      clusterRef.current,
+      ...elements.current.values()
+    ]) {
+      if (element) sizes.observe(element);
+    }
+    return () => {
+      sizes.disconnect();
+      observer.current = null;
+    };
+  }, [fit]);
+  return { collapsed, rowRef, titleRef, clusterRef, partRef };
+}
+function measureRoom(row, title) {
+  const gap = Number.parseFloat(getComputedStyle(row).columnGap) || 0;
+  let used = 0;
+  let shown = 0;
+  for (const child of row.children) {
+    if (getComputedStyle(child).display === "none") continue;
+    used += child === title ? title.getBoundingClientRect().width : rigidWidth(child);
+    shown += 1;
+  }
+  used += gap * Math.max(0, shown - 1);
+  const titleWidth = title.getBoundingClientRect().width;
+  const text = title.querySelector("[data-session-title-text]");
+  const natural = text ? titleWidth - text.getBoundingClientRect().width + text.scrollWidth : titleWidth;
+  const header = row.closest("header");
+  const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+  const readable = Math.min((header?.clientWidth ?? 0) * TITLE_HEADER_SHARE, TITLE_MAX_REM * rem);
+  return { room: titleWidth + row.clientWidth - used, need: Math.min(natural, readable) };
+}
+function partWidth(element) {
+  if (!element) return 0;
+  const width = rigidWidth(element);
+  if (width <= 0) return 0;
+  const parent = element.parentElement;
+  const gap = parent ? Number.parseFloat(getComputedStyle(parent).columnGap) || 0 : 0;
+  return width + gap;
+}
+function rigidWidth(element) {
+  const width = element.getBoundingClientRect().width;
+  const style = getComputedStyle(element);
+  if ((Number.parseFloat(style.flexShrink) || 0) <= 1) return width;
+  return Math.min(width, Number.parseFloat(style.minWidth) || 0);
+}
+function sameParts(a, b) {
+  if (a.size !== b.size) return false;
+  for (const part of a) if (!b.has(part)) return false;
+  return true;
+}
+
+// src/app/components/rail/session-header.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SUBSCRIPTION_RAILS = /* @__PURE__ */ new Set([
+  "codex_subscription",
+  "claude_subscription",
+  "supergrok_subscription"
+]);
+function SessionHeader({
+  session,
+  ancestors,
+  onOpenAutomations,
+  lineageLoading,
+  lineageError,
+  connectionState,
+  status,
+  keyAuthRequired,
+  onForgetAccessKey,
+  inspectorOpen,
+  onToggleInspector,
+  onRename,
+  onPin,
+  onUpdateProfile,
+  onSaveBotTemplate,
+  onArchive,
+  repliesMute,
+  adminAccess,
+  onOpenUsageLimit,
+  sandboxSlot,
+  accountSlot,
+  accessSlot,
+  leading,
+  lastStartedModel,
+  lastStartedReasoningEffort,
+  lastStartedLatencyMode,
+  billingClass,
+  modelLabel,
+  modelLogoUrl,
+  policyLoading
+}) {
+  const uiEvents = useUiEventTarget("document");
+  const page = usePage();
+  const waiting = sessionInputWait({ ...session, status });
+  const displayStatus = sessionDisplayStatus({
+    status,
+    admissionBlock: session.admissionBlock
+  });
+  const startup = useSessionStartup({ ...session, status });
+  const startupLabel = startup === "starting" ? "Starting" : startup === "delayed" || startup === "retrying" ? "Waiting to start" : void 0;
+  const modelId = lastStartedModel?.trim() || session.model;
+  const resolvedBilling = billingClass ?? (isCodexProductModel(modelId) ? "codex_subscription" : "opengeni_credits");
+  const resolvedModel = modelLabel?.trim() || modelDisplayName(modelId);
+  const displayEffort = lastStartedReasoningEffort ?? session.reasoningEffort;
+  const displayLatency = lastStartedLatencyMode ?? session.latencyMode;
+  const isSubscriptionRail = SUBSCRIPTION_RAILS.has(resolvedBilling);
+  const policyBits = [
+    resolvedModel,
+    labelEffort(displayEffort),
+    displayLatency === "fast" ? "Fast" : displayLatency === "ultrafast" ? "Ultrafast" : displayLatency === "priority" ? "Priority" : null
+  ].filter((bit) => Boolean(bit));
+  const rename = useInlineRename(session, onRename);
+  const pin = useSessionPinToggle(session, onPin);
+  const context = useOptionalAppContext();
+  const canArchive = Boolean(onArchive) && session.parentSessionId === null && !session.archived && (context ? archiveActionLabel(context, session) !== null : true);
+  const canPin = !session.archived;
+  const [grantAdminOpen, setGrantAdminOpen] = useState2(false);
+  const shareLinksFeature = useSessionUiFeature("shareLinks");
+  const canShare = shareLinksFeature && context !== null && session.parentSessionId === null && session.createdBy?.kind === "subject" && session.createdBy.subjectId === context.accessContext.subjectId;
+  const [shareOpen, setShareOpen] = useState2(false);
+  const canEditProfile = Boolean(onUpdateProfile);
+  const [profileOpen, setProfileOpen] = useState2(false);
+  const [saveTemplateOpen, setSaveTemplateOpen] = useState2(false);
+  const afterMenuClose = useRef2(null);
+  const chatOps = useChatOperations();
+  const findKeys = useActionShortcut("chat.find");
+  const copyLinkKeys = useActionShortcut("chat.copyLink");
+  const pinKeys = useActionShortcut("chat.pin");
+  const archiveKeys = useActionShortcut("chat.archive");
+  const panelKeys = useActionShortcut("view.workspacePanel");
+  const hasCrumb = Boolean(session.parentSessionId) || ancestors.length > 0 || Boolean(lineageError);
+  const slackAgent = sessionSlackAgentInfo(session.metadata);
+  const overflow = useSessionHeaderOverflow({
+    present: SESSION_HEADER_PARTS.filter((part2) => {
+      switch (part2) {
+        case "panel":
+          return Boolean(onToggleInspector);
+        case "access":
+          return Boolean(accessSlot);
+        case "fullAccess":
+          return Boolean(adminAccess?.state.active);
+        case "automations":
+          return Boolean(onOpenAutomations);
+        case "machine":
+          return Boolean(sandboxSlot);
+        case "site":
+          return sessionSiteOrigin(session) !== null;
+        case "slackAgent":
+          return slackAgent !== null;
+        case "accessKey":
+          return keyAuthRequired;
+        default:
+          return true;
+      }
+    }),
+    contentKey: sessionDisplayTitle(session),
+    resetKey: session.id,
+    frozen: rename.editing
+  });
+  const inMenu = (part2) => overflow.collapsed.has(part2);
+  const part = overflow.partRef;
+  const startRenaming = rename.startEditing;
+  useEffect2(() => {
+    const start = () => startRenaming();
+    uiEvents.addEventListener(RENAME_CURRENT_CHAT_EVENT, start);
+    return () => uiEvents.removeEventListener(RENAME_CURRENT_CHAT_EVENT, start);
+  }, [uiEvents, startRenaming]);
+  const providerControl = isSubscriptionRail ? accountSlot ?? /* @__PURE__ */ jsx(
+    BillingClassMark,
+    {
+      billingClass: resolvedBilling,
+      className: "size-3.5 shrink-0 text-fg-muted",
+      "aria-label": ""
+    }
+  ) : (
+    // The model maker's logo; the payment rail only when the maker has none.
+    /* @__PURE__ */ jsx(
+      ModelMark,
+      {
+        model: { id: modelId, logoUrl: modelLogoUrl },
+        className: "size-3.5 text-fg-muted",
+        fallback: /* @__PURE__ */ jsx(BillingClassMark, { billingClass: resolvedBilling, className: "size-3.5 shrink-0" })
+      }
+    )
+  );
+  return (
+    // An elevated band, not just canvas-with-a-hairline: reading as a real top
+    // bar was the light-theme fix — a near-white header on a near-white canvas
+    // needs its own surface + a crisp divider to look intentional (and it lifts
+    // the dark bar a touch above the canvas too).
+    /* @__PURE__ */ jsxs(
+      "header",
+      {
+        "data-window-drag": true,
+        "data-titlebar": true,
+        className: "@container/titlebar flex min-h-14 min-w-0 shrink-0 items-center gap-1 border-b border-border bg-canvas/80 pb-1 pl-[max(clamp(0.5rem,2.5vw,1.25rem),env(safe-area-inset-left))] pr-[max(clamp(0.5rem,2.5vw,1.25rem),env(safe-area-inset-right))] pt-[max(0.375rem,env(safe-area-inset-top))] backdrop-blur supports-[backdrop-filter]:bg-canvas/65",
+        children: [
+          leading,
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
+            /* @__PURE__ */ jsx(
+              SessionAncestryBreadcrumb,
+              {
+                workspaceId: session.workspaceId,
+                parentSessionId: session.parentSessionId,
+                ancestors,
+                loading: lineageLoading,
+                error: lineageError
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: overflow.rowRef,
+                "data-session-title-row": "",
+                className: cn("flex min-w-0 items-center gap-1", hasCrumb && "h-7"),
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      ref: overflow.titleRef,
+                      className: cn("flex min-w-0 items-center gap-1.5", rename.editing && "flex-1"),
+                      children: [
+                        session.avatar ? /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            "aria-label": "Edit profile",
+                            title: "Edit profile",
+                            disabled: !canEditProfile,
+                            onClick: () => setProfileOpen(true),
+                            className: "-mr-0.5 flex shrink-0 items-center justify-center rounded-[6px] outline-hidden focus-visible:ring-2 focus-visible:ring-ring/40 enabled:hover:opacity-85 pointer-coarse:size-11",
+                            children: /* @__PURE__ */ jsx(
+                              SessionAvatar,
+                              {
+                                avatar: session.avatar,
+                                name: sessionDisplayTitle(session),
+                                workspaceId: session.workspaceId,
+                                seed: session.id,
+                                size: "sm"
+                              }
+                            )
+                          }
+                        ) : null,
+                        /* @__PURE__ */ jsx(SessionTitleEditor, { session, rename })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    CompactSessionStatus,
+                    {
+                      paused: sessionControlPaused(session),
+                      waiting: Boolean(waiting),
+                      status: displayStatus,
+                      label: startupLabel,
+                      always: inMenu("status")
+                    }
+                  ),
+                  accessSlot && !inMenu("access") ? /* @__PURE__ */ jsx("span", { ref: part("access"), className: "flex shrink-0 items-center", children: accessSlot }) : null,
+                  adminAccess?.state.active && !inMenu("fullAccess") ? /* @__PURE__ */ jsx("span", { ref: part("fullAccess"), className: "flex shrink-0 items-center", children: /* @__PURE__ */ jsx(
+                    SessionAdminAccessIndicator,
+                    {
+                      control: adminAccess,
+                      onChangeTimeLimit: () => setGrantAdminOpen(true)
+                    }
+                  ) }) : null,
+                  sessionSiteOrigin(session) && !inMenu("site") ? /* @__PURE__ */ jsx("span", { ref: part("site"), className: "flex shrink-0 items-center", children: /* @__PURE__ */ jsx(SiteOriginLink, { session }) }) : null,
+                  slackAgent && !inMenu("slackAgent") ? /* @__PURE__ */ jsx("span", { ref: part("slackAgent"), className: "flex min-w-0 shrink-0 items-center", children: /* @__PURE__ */ jsx(
+                    MetaChip,
+                    {
+                      variant: "soft",
+                      title: `Slack agent: ${slackAgent.name}`,
+                      className: "max-w-48",
+                      children: /* @__PURE__ */ jsxs("span", { "data-session-slack-agent": "", className: "min-w-0 truncate", children: [
+                        "Slack agent: ",
+                        slackAgent.name
+                      ] })
+                    }
+                  ) }) : null,
+                  onOpenAutomations && !inMenu("automations") ? (
+                    // The first to give way: its words shorten to its icon before
+                    // anything moves into the menu. The weight is high enough that
+                    // the title keeps every pixel until then (a sliver would already
+                    // truncate it).
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        ref: part("automations"),
+                        className: "flex min-w-6 shrink-[100000] items-center pointer-coarse:min-w-11",
+                        children: /* @__PURE__ */ jsx(AutomationWaitChip, { session, onOpen: onOpenAutomations })
+                      }
+                    )
+                  ) : null
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { ref: overflow.clusterRef, className: "flex shrink-0 items-center gap-0.5 lg:gap-2", children: [
+            inMenu("model") ? null : /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: part("model"),
+                className: "hidden max-w-[18rem] items-center gap-1.5 overflow-hidden text-2xs leading-4 text-fg-muted lg:flex xl:max-w-[22rem]",
+                children: policyLoading ? /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: "inline-flex items-center gap-1.5",
+                    "aria-busy": "true",
+                    "aria-label": "Loading model",
+                    children: [
+                      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-11 shrink-0 rounded-full" }),
+                      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-36" })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5 truncate font-medium text-fg-muted", children: [
+                  providerControl,
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-normal", children: policyBits.map((bit, index) => /* @__PURE__ */ jsxs("span", { children: [
+                    index > 0 ? " \xB7 " : null,
+                    bit
+                  ] }, bit)) })
+                ] })
+              }
+            ),
+            sandboxSlot && !inMenu("machine") ? /* @__PURE__ */ jsx("span", { ref: part("machine"), className: "hidden items-center lg:flex", children: sandboxSlot }) : null,
+            inMenu("find") ? null : /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref: part("find"),
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                onClick: () => requestConversationFind(uiEvents),
+                "aria-label": "Find in conversation",
+                "data-conversation-find-trigger": "",
+                title: "Find in conversation (Ctrl/Cmd+F)",
+                className: "hidden pointer-coarse:size-11 lg:inline-flex",
+                children: /* @__PURE__ */ jsx(SearchIcon, { className: "size-4" })
+              }
+            ),
+            inMenu("pin") || !canPin ? null : /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref: part("pin"),
+                type: "button",
+                variant: session.pinned ? "secondary" : "ghost",
+                size: "icon-sm",
+                "aria-label": session.pinned ? "Unpin session" : "Pin session",
+                "aria-pressed": Boolean(session.pinned),
+                "aria-busy": pin.busy,
+                disabled: pin.busy,
+                className: "hidden pointer-coarse:size-11 lg:inline-flex",
+                onClick: pin.toggle,
+                children: /* @__PURE__ */ jsx(PinIcon, { className: session.pinned ? "size-4 fill-current" : "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: pin.announcement }),
+            inMenu("status") ? null : /* @__PURE__ */ jsxs("div", { ref: part("status"), className: "hidden items-center gap-2 lg:flex", children: [
+              /* @__PURE__ */ jsx(ConnectionPill, { state: connectionState }),
+              !sessionControlPaused(session) ? waiting ? /* @__PURE__ */ jsx(
+                StatusPill,
+                {
+                  className: "border-border bg-surface text-fg-muted",
+                  "data-session-wait-badge": "",
+                  children: "Waiting"
+                }
+              ) : /* @__PURE__ */ jsx(SessionStatus, { status: displayStatus, label: startupLabel }) : /* @__PURE__ */ jsx(WorkstreamControlIndicator, { session })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: cn("sr-only", !inMenu("status") && "lg:hidden"), children: [
+              "Connection ",
+              connectionState,
+              "."
+            ] }),
+            keyAuthRequired && !inMenu("accessKey") ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref: part("accessKey"),
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                onClick: onForgetAccessKey,
+                "aria-label": "Clear access key",
+                className: "pointer-coarse:size-11",
+                children: /* @__PURE__ */ jsx(LockIcon, { className: "size-4" })
+              }
+            ) : null,
+            onToggleInspector && !inMenu("panel") ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref: part("panel"),
+                type: "button",
+                variant: inspectorOpen ? "secondary" : "ghost",
+                size: "icon-sm",
+                onClick: onToggleInspector,
+                "aria-label": inspectorOpen ? "Hide workspace" : "Open workspace",
+                "aria-keyshortcuts": panelKeys?.ariaKeys,
+                title: (inspectorOpen ? "Hide workspace" : "Open workspace") + (panelKeys ? ` (${panelKeys.label})` : ""),
+                className: "pointer-coarse:size-11",
+                children: inspectorOpen ? /* @__PURE__ */ jsx(PanelRightCloseIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(PanelRightOpenIcon, { className: "size-4" })
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon-sm",
+                  "aria-label": "More session actions",
+                  title: "More",
+                  className: "pointer-coarse:size-11",
+                  children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(
+                DropdownMenuContent,
+                {
+                  align: "end",
+                  className: "w-56",
+                  onCloseAutoFocus: (event) => {
+                    const action = afterMenuClose.current;
+                    if (!action) return;
+                    afterMenuClose.current = null;
+                    event.preventDefault();
+                    action();
+                  },
+                  children: [
+                    onToggleInspector && inMenu("panel") ? /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        "aria-keyshortcuts": panelKeys?.ariaKeys,
+                        onSelect: () => {
+                          afterMenuClose.current = onToggleInspector;
+                        },
+                        children: [
+                          inspectorOpen ? /* @__PURE__ */ jsx(PanelRightCloseIcon, {}) : /* @__PURE__ */ jsx(PanelRightOpenIcon, {}),
+                          inspectorOpen ? "Hide workspace" : "Open workspace",
+                          panelKeys ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: panelKeys.label }) : null
+                        ]
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        className: inMenu("find") ? void 0 : "lg:hidden",
+                        "aria-keyshortcuts": findKeys?.ariaKeys,
+                        onSelect: () => {
+                          afterMenuClose.current = () => requestConversationFind(uiEvents);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(SearchIcon, {}),
+                          "Find",
+                          findKeys ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: findKeys.label }) : null
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => {
+                          afterMenuClose.current = rename.startEditing;
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(PencilIcon, {}),
+                          "Rename"
+                        ]
+                      }
+                    ),
+                    canEditProfile ? /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => {
+                          afterMenuClose.current = () => setProfileOpen(true);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(UserRoundPenIcon, {}),
+                          "Edit profile\u2026"
+                        ]
+                      }
+                    ) : null,
+                    onSaveBotTemplate ? /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => {
+                          afterMenuClose.current = () => setSaveTemplateOpen(true);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(BotIcon, {}),
+                          "Save as bot template\u2026"
+                        ]
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        "aria-keyshortcuts": copyLinkKeys?.ariaKeys,
+                        onSelect: () => void chatOps.copyLink(session),
+                        children: [
+                          /* @__PURE__ */ jsx(LinkIcon, {}),
+                          "Copy link",
+                          copyLinkKeys ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: copyLinkKeys.label }) : null
+                        ]
+                      }
+                    ),
+                    canShare ? /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => {
+                          afterMenuClose.current = () => setShareOpen(true);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(Share2Icon, {}),
+                          "Share\u2026"
+                        ]
+                      }
+                    ) : null,
+                    canPin ? /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        className: inMenu("pin") ? void 0 : "lg:hidden",
+                        "aria-keyshortcuts": pinKeys?.ariaKeys,
+                        disabled: pin.busy,
+                        onSelect: () => pin.toggle(),
+                        children: [
+                          /* @__PURE__ */ jsx(PinIcon, { className: session.pinned ? "fill-current" : void 0 }),
+                          session.pinned ? "Unpin" : "Pin",
+                          pinKeys ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: pinKeys.label }) : null
+                        ]
+                      }
+                    ) : null,
+                    currentPhoneAppPlatform() ? /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => {
+                          page.assign(openInAppUrl(page.href()));
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(SmartphoneIcon, {}),
+                          "Open in app"
+                        ]
+                      }
+                    ) : null,
+                    sandboxSlot ? /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "flex min-h-9 items-center px-2 empty:hidden",
+                          !inMenu("machine") && "lg:hidden"
+                        ),
+                        children: sandboxSlot
+                      }
+                    ) : null,
+                    accessSlot && inMenu("access") ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-9 items-center gap-2 px-2 text-sm text-fg-muted", children: [
+                      "Access",
+                      accessSlot
+                    ] }) : null,
+                    onOpenAutomations && inMenu("automations") ? /* @__PURE__ */ jsx(
+                      AutomationWaitMenuItem,
+                      {
+                        session,
+                        onOpen: () => {
+                          afterMenuClose.current = onOpenAutomations;
+                        }
+                      }
+                    ) : null,
+                    inMenu("site") ? /* @__PURE__ */ jsx(SiteOriginMenuItem, { session }) : null,
+                    slackAgent && inMenu("slackAgent") ? /* @__PURE__ */ jsx("div", { className: "flex min-h-9 min-w-0 items-center px-2 text-sm text-fg-muted", children: /* @__PURE__ */ jsxs("span", { className: "min-w-0 truncate", children: [
+                      "Slack agent: ",
+                      slackAgent.name
+                    ] }) }) : null,
+                    keyAuthRequired && inMenu("accessKey") ? /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: onForgetAccessKey, children: [
+                      /* @__PURE__ */ jsx(LockIcon, {}),
+                      "Clear access key"
+                    ] }) : null,
+                    repliesMute ? /* @__PURE__ */ jsxs(DropdownMenuItem, { disabled: repliesMute.busy, onSelect: () => repliesMute.toggle(), children: [
+                      repliesMute.muted ? /* @__PURE__ */ jsx(BellIcon, {}) : /* @__PURE__ */ jsx(BellOffIcon, {}),
+                      repliesMuteLabel(repliesMute)
+                    ] }) : null,
+                    onOpenUsageLimit ? /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => {
+                          afterMenuClose.current = onOpenUsageLimit;
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(GaugeIcon, {}),
+                          "Usage limit"
+                        ]
+                      }
+                    ) : null,
+                    adminAccess?.state.active && inMenu("fullAccess") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                      /* @__PURE__ */ jsx(
+                        SessionAdminAccessMenuItems,
+                        {
+                          control: adminAccess,
+                          onChangeTimeLimit: () => setGrantAdminOpen(true),
+                          runAfterClose: (action) => {
+                            afterMenuClose.current = action;
+                          }
+                        }
+                      )
+                    ] }) : adminAccess?.state.active && adminAccess.state.canRevoke ? /* @__PURE__ */ jsxs(DropdownMenuItem, { disabled: adminAccess.busy, onSelect: () => adminAccess.revoke(), children: [
+                      /* @__PURE__ */ jsx(ShieldOffIcon, {}),
+                      "Turn off full access"
+                    ] }) : adminAccess && !adminAccess.state.active && adminAccess.state.canGrant ? /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        disabled: adminAccess.busy,
+                        onSelect: () => {
+                          afterMenuClose.current = () => setGrantAdminOpen(true);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(ShieldCheckIcon, {}),
+                          "Give full access\u2026"
+                        ]
+                      }
+                    ) : null,
+                    canArchive ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                      /* @__PURE__ */ jsxs(
+                        DropdownMenuItem,
+                        {
+                          "aria-keyshortcuts": archiveKeys?.ariaKeys,
+                          onSelect: () => void onArchive?.(session, true),
+                          children: [
+                            /* @__PURE__ */ jsx(ArchiveIcon, {}),
+                            "Archive",
+                            archiveKeys ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: archiveKeys.label }) : null
+                          ]
+                        }
+                      )
+                    ] }) : null
+                  ]
+                }
+              )
+            ] }),
+            canShare && context ? /* @__PURE__ */ jsx(
+              ShareChatDialog,
+              {
+                client: context.client,
+                workspaceId: session.workspaceId,
+                sessionId: session.id,
+                open: shareOpen,
+                onOpenChange: setShareOpen
+              }
+            ) : null,
+            onUpdateProfile && profileOpen ? /* @__PURE__ */ jsx(
+              SessionProfileEditorDialog,
+              {
+                session,
+                update: onUpdateProfile,
+                open: profileOpen,
+                onOpenChange: setProfileOpen
+              }
+            ) : null,
+            onSaveBotTemplate && saveTemplateOpen ? /* @__PURE__ */ jsx(
+              BotTemplateDialog,
+              {
+                open: saveTemplateOpen,
+                onOpenChange: setSaveTemplateOpen,
+                workspaceId: session.workspaceId,
+                seed: session.id,
+                mode: "save",
+                initial: {
+                  name: sessionDisplayTitle(session),
+                  description: session.description ?? "",
+                  avatar: session.avatar ?? null,
+                  setupInstructions: "",
+                  // Shared like the chat, so an Only me chat stays private by default.
+                  visibility: session.tenancy?.visibility === "private" ? "private" : "workspace"
+                },
+                onSubmit: async (values) => {
+                  const created = await onSaveBotTemplate({ ...values, sourceSessionId: session.id });
+                  toast.success("Bot template saved", {
+                    description: created.name
+                  });
+                }
+              }
+            ) : null,
+            adminAccess ? /* @__PURE__ */ jsx(
+              GrantSessionAdminAccessDialog,
+              {
+                control: adminAccess,
+                open: grantAdminOpen,
+                onOpenChange: setGrantAdminOpen
+              }
+            ) : null
+          ] })
+        ]
+      }
+    )
+  );
+}
+function AutomationWaitChip({ session, onOpen }) {
+  const now = /* @__PURE__ */ new Date();
+  const wait = sessionAutomationWaitWords(t, session, { now });
+  const lines = sessionAutomationWaitLines(t, session, { now });
+  const kind = wait?.kind ?? "none";
+  return /* @__PURE__ */ jsxs(HoverCard, { openDelay: 150, closeDelay: 80, children: [
+    /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onOpen,
+        "data-automation-wait": kind,
+        "aria-label": t("automations.wait.openPanel", {
+          wait: wait?.label ?? t("automations.wait.none")
+        }),
+        className: "inline-flex min-w-0 max-w-60 items-center justify-center gap-1 rounded-full px-1.5 text-2xs text-fg-muted transition-colors hover:text-fg focus-visible:outline-2 focus-visible:outline-ring/55 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+        children: [
+          /* @__PURE__ */ jsx(AutomationWaitIcon, { kind }),
+          /* @__PURE__ */ jsx("span", { className: "hidden min-w-0 truncate sm:block @max-[34rem]/titlebar:hidden!", children: wait?.short ?? t("sessionChrome.automation") })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      HoverCardContent,
+      {
+        collisionPadding: 8,
+        className: "w-auto min-w-56 max-w-[min(22rem,calc(100vw-16px))] p-3",
+        children: /* @__PURE__ */ jsxs("div", { "data-automation-wait-details": "", className: "grid min-w-0 gap-2.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-fg", children: t("automations.wait.details.heading") }),
+          /* @__PURE__ */ jsx("ul", { className: "grid min-w-0 gap-1.5", children: lines.map((line) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "flex min-w-0 items-start gap-2 text-xs leading-4 text-fg-muted",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center text-fg-subtle", children: /* @__PURE__ */ jsx(AutomationWaitIcon, { kind: line.kind }) }),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 [overflow-wrap:anywhere]", children: line.text })
+              ]
+            },
+            line.text
+          )) }),
+          /* @__PURE__ */ jsx("p", { className: "border-t border-border pt-2 text-2xs text-fg-subtle", children: t("automations.wait.details.open") })
+        ] })
+      }
+    )
+  ] });
+}
+function AutomationWaitIcon({ kind }) {
+  return kind === "event" ? /* @__PURE__ */ jsx(ZapIcon, { "aria-hidden": true, className: "size-3 shrink-0" }) : kind === "schedule" ? /* @__PURE__ */ jsx(CalendarClockIcon, { "aria-hidden": true, className: "size-3 shrink-0" }) : /* @__PURE__ */ jsx(ZapOffIcon, { "aria-hidden": true, className: "size-3 shrink-0" });
+}
+function AutomationWaitMenuItem({ session, onOpen }) {
+  const wait = sessionAutomationWaitWords(t, session, { now: /* @__PURE__ */ new Date() });
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuItem,
+    {
+      onSelect: onOpen,
+      "aria-label": t("automations.wait.openPanel", {
+        wait: wait?.label ?? t("automations.wait.none")
+      }),
+      children: [
+        /* @__PURE__ */ jsx(AutomationWaitIcon, { kind: wait?.kind ?? "none" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: wait?.short ?? t("sessionChrome.automation") })
+      ]
+    }
+  );
+}
+function CompactSessionStatus({
+  paused,
+  waiting,
+  status,
+  label,
+  always = false
+}) {
+  const className = cn("inline-flex shrink-0 items-center", !always && "lg:hidden");
+  if (paused) {
+    return /* @__PURE__ */ jsxs("span", { "data-compact-session-status": "paused", title: "Paused", className, children: [
+      /* @__PURE__ */ jsx(PauseIcon, { "aria-hidden": true, className: "size-2.5 shrink-0 fill-current text-status-waiting" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Paused" })
+    ] });
+  }
+  if (waiting) {
+    return /* @__PURE__ */ jsxs("span", { "data-compact-session-status": "waiting", title: "Waiting", className, children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "size-2 rounded-full bg-status-waiting" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Waiting" })
+    ] });
+  }
+  const name = label ?? SESSION_STATUS_META(t)[status].label;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-compact-session-status": status,
+      "data-status": status,
+      title: name,
+      className,
+      children: [
+        /* @__PURE__ */ jsx(StatusDot, { status, className: "size-2" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: name })
+      ]
+    }
+  );
+}
+function WorkstreamControlIndicator({ session }) {
+  const control = session.effectiveControl;
+  if (control.state !== "paused" || session.status === "cancelled") {
+    return null;
+  }
+  const blocker = control.primaryBlocker;
+  const label = blocker?.kind === "workspace" ? "Workspace paused" : control.directState === "paused" || blocker?.sessionId === session.id ? "Paused here" : `Paused by ${blocker?.displayName ?? "parent"}`;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "aria-label": `${label}. Open workstream controls`,
+      title: `${label} \xB7 open workstream controls`,
+      onClick: () => {
+        document.dispatchEvent(new Event(OPEN_WORKSTREAM_CONTROL_EVENT));
+      },
+      className: "inline-flex min-w-0 max-w-48 items-center gap-1.5 rounded-full border border-status-waiting/35 bg-status-waiting/10 px-2 py-0.5 text-xs font-medium text-fg hover:bg-status-waiting/15",
+      children: [
+        /* @__PURE__ */ jsx(PauseIcon, { className: "size-3 shrink-0 fill-current text-status-waiting" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden truncate sm:inline", children: label }),
+        control.additionalBlockerCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "hidden shrink-0 sm:inline", children: [
+          "+",
+          control.additionalBlockerCount
+        ] }) : null
+      ]
+    }
+  );
+}
+function useSessionPinToggle(session, onPin) {
+  const [busy, setBusy] = useState2(false);
+  const [announcement, setAnnouncement] = useState2("");
+  const announcementSequence = useRef2(0);
+  const announce = useCallback2((message) => {
+    announcementSequence.current += 1;
+    setAnnouncement(pinLiveAnnouncement(message, announcementSequence.current));
+  }, []);
+  const toggle = useCallback2(() => {
+    if (busy) return;
+    const nextPinned = !session.pinned;
+    setBusy(true);
+    void onPin(session, nextPinned).then((updated) => {
+      announce(
+        updated ? `Session ${nextPinned ? "pinned" : "unpinned"}.` : `Session was not ${nextPinned ? "pinned" : "unpinned"}.`
+      );
+    }).catch(() => {
+      announce(`Session was not ${nextPinned ? "pinned" : "unpinned"}.`);
+    }).finally(() => setBusy(false));
+  }, [announce, busy, onPin, session]);
+  return { busy, toggle, announcement };
+}
+function SessionTitleEditor(props) {
+  const display = sessionDisplayTitle(props.session);
+  const rename = props.rename;
+  if (rename.editing) {
+    return (
+      // A calm in-place edit: same size and position as the display title, a
+      // soft surface tint + hairline instead of a loud focus ring. The global
+      // focus-ring rule is what painted the old blue box; opting out here keeps
+      // the rename feeling like editing the text, not filling in a form field.
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: rename.inputRef,
+          "data-session-title-current": display,
+          value: rename.draft,
+          onChange: (event) => rename.setDraft(event.target.value),
+          onBlur: () => void rename.commit(),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              event.preventDefault();
+              void rename.commit();
+            } else if (event.key === "Escape") {
+              event.preventDefault();
+              rename.cancel();
+            }
+          },
+          maxLength: SESSION_TITLE_MAX_LENGTH,
+          "aria-label": "Session title",
+          dir: "auto",
+          className: "-mx-1.5 w-full min-w-0 truncate rounded-md bg-surface-2/70 px-1.5 text-[15px] font-semibold leading-6 tracking-[-0.01em] outline-hidden ring-1 ring-border-strong focus:outline-hidden focus-visible:outline-hidden",
+          style: { outline: "none" }
+        }
+      )
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "group/title flex min-w-0 items-center gap-0.5", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: rename.startEditing,
+        title: `${display} \xB7 click to rename`,
+        dir: "auto",
+        "data-session-title-text": "",
+        className: "min-w-0 shrink truncate rounded-sm text-left text-[15px] font-semibold leading-6 tracking-[-0.01em] text-fg hover:text-fg focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring/40 pointer-coarse:min-h-11 pointer-coarse:px-2",
+        children: display
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon-xs",
+        onClick: rename.startEditing,
+        "aria-label": "Rename session",
+        className: "shrink-0 text-fg-subtle opacity-0 transition-opacity hover:text-fg focus-visible:opacity-100 group-hover/title:opacity-100 pointer-coarse:hidden",
+        children: /* @__PURE__ */ jsx(PencilIcon, { className: "size-3" })
+      }
+    )
+  ] });
+}
+
+export {
+  SessionHeader
+};
+//# sourceMappingURL=chunk-ORJPS5VN.js.map