@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-NULUNM7H.js

@@ -0,0 +1,290 @@
+"use client";
+import {
+  sessionControlPaused
+} from "./chunk-ZUA3JMI6.js";
+import {
+  t
+} from "./chunk-HSOXMJOT.js";
+import {
+  Link
+} from "./chunk-BXBDYNRP.js";
+import {
+  sessionAgentAttention
+} from "./chunk-GXO7ECQZ.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  STATUS_META,
+  StatusDot
+} from "./chunk-X6WZOHBI.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "./chunk-GM3LG6BG.js";
+import {
+  sessionDisplayTitle
+} from "./chunk-3PZ7JZI2.js";
+import {
+  sessionDisplayStatus
+} from "./chunk-TSENLSW6.js";
+import {
+  formatRelativeTime
+} from "./chunk-5MOJZORA.js";
+
+// src/app/components/session/subagents.tsx
+import { BotIcon, ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "lucide-react";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var MAX_DEPTH = 1;
+function subagentAttentionHint(session, paused, now = /* @__PURE__ */ new Date()) {
+  const attention = sessionAgentAttention(t, session, paused, now);
+  if (!attention) return null;
+  const { tone: _tone, ...hint } = attention;
+  return hint;
+}
+function sessionStatusTone(status) {
+  switch (status) {
+    case "requires_action":
+      return "waiting";
+    case "blocked":
+      return "failed";
+    case "running":
+      return "running";
+    case "queued":
+      return "queued";
+    case "failed":
+      return "failed";
+    case "cancelled":
+      return "cancelled";
+    default:
+      return "idle";
+  }
+}
+function isLiveStatus(status) {
+  return status === "running";
+}
+function SubagentTree({
+  workspaceId,
+  nodes,
+  onNavigate
+}) {
+  const showLead = nodes.some((node) => node.children.length > 0);
+  return /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-px", children: nodes.map((node) => /* @__PURE__ */ jsx(
+    SubagentRow,
+    {
+      node,
+      workspaceId,
+      depth: 0,
+      showLead,
+      onNavigate
+    },
+    node.session.id
+  )) });
+}
+function SubagentRow({
+  node,
+  workspaceId,
+  depth,
+  showLead,
+  onNavigate
+}) {
+  const [open, setOpen] = useState(false);
+  const title = sessionDisplayTitle(node.session);
+  const paused = sessionControlPaused(node.session);
+  const tone = paused ? "waiting" : sessionStatusTone(sessionDisplayStatus(node.session));
+  const live = !paused && isLiveStatus(node.session.status);
+  const canExpand = depth < MAX_DEPTH && node.children.length > 0;
+  const attention = subagentAttentionHint(node.session, paused);
+  const attentionWord = attention?.word ?? null;
+  const hint = attentionWord ?? formatRelativeTime(t, node.session.updatedAt);
+  const hintClass = attentionWord ? cn(STATUS_META[tone].text, "font-medium") : "text-fg-subtle";
+  const hintTitle = attention?.title;
+  const waitingFor = attention?.waitingFor ?? "";
+  return /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "group/row flex h-7 items-center gap-1.5 rounded-md pr-1.5 transition-colors hover:bg-surface-2 has-[a:focus-visible]:bg-surface-2 max-sm:h-11", children: [
+      showLead ? /* @__PURE__ */ jsx("span", { className: "flex w-7 shrink-0 items-center gap-0.5", children: canExpand ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": open ? "Collapse" : "Expand",
+            onClick: () => setOpen((prev) => !prev),
+            className: "inline-flex size-4 shrink-0 items-center justify-center rounded text-fg-subtle/50 outline-hidden transition-colors hover:text-fg group-hover/row:text-fg-subtle focus-visible:text-fg max-sm:size-11",
+            children: /* @__PURE__ */ jsx(
+              ChevronRightIcon,
+              {
+                className: cn("size-3 transition-transform", open && "rotate-90")
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-2xs leading-none tabular-nums text-fg-subtle/60", children: node.children.length })
+      ] }) : null }) : null,
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: "/workspaces/$workspaceId/sessions/$sessionId",
+          params: { workspaceId, sessionId: node.session.id },
+          onClick: () => onNavigate?.(),
+          title,
+          className: "flex h-full min-w-0 flex-1 items-center gap-2 text-xs text-fg-muted outline-hidden group-hover/row:text-fg",
+          children: [
+            /* @__PURE__ */ jsx(StatusDot, { tone, pulse: live, className: "size-1.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: title }),
+            hint ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn("shrink-0 text-2xs tabular-nums", hintClass),
+                title: hintTitle,
+                "data-subagent-waiting": waitingFor || void 0,
+                children: hint
+              }
+            ) : null
+          ]
+        }
+      )
+    ] }),
+    canExpand && open ? (
+      // Grandchildren thread off a hairline rail aligned under the parent's
+      // chevron column — a descending line, not a box.
+      /* @__PURE__ */ jsx("ul", { className: "ml-2 mt-px flex flex-col gap-px border-l border-border/60 pl-2.5", children: node.children.map((child) => /* @__PURE__ */ jsx(
+        SubagentRow,
+        {
+          node: child,
+          workspaceId,
+          depth: depth + 1,
+          showLead,
+          onNavigate
+        },
+        child.session.id
+      )) })
+    ) : null
+  ] });
+}
+function SubagentsLabel({ count }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1.5 pt-1 text-xs leading-4.5 font-medium text-fg-muted", children: [
+    /* @__PURE__ */ jsx(BotIcon, { className: "size-3.5" }),
+    "Agents",
+    count > 0 ? /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+      "\xB7 ",
+      count
+    ] }) : null
+  ] });
+}
+var CRUMB_NAV = "relative z-10 flex h-4 min-w-0 items-center gap-0.5 text-2xs leading-4 text-fg-muted";
+var WIDE_CRUMB = "hidden min-w-0 items-center gap-0.5 sm:flex @max-[34rem]/titlebar:hidden!";
+var NARROW_CRUMB = "sm:hidden @max-[34rem]/titlebar:inline-flex!";
+var CRUMB_LINK = "inline-flex min-w-0 max-w-60 items-center gap-0.5 rounded-sm outline-hidden transition-colors hover:text-fg focus-visible:ring-1 focus-visible:ring-ring/55";
+function CrumbSeparator() {
+  return /* @__PURE__ */ jsx(ChevronRightIcon, { "aria-hidden": true, className: "size-3 shrink-0 text-fg-subtle" });
+}
+function SessionAncestryBreadcrumb({
+  workspaceId,
+  parentSessionId,
+  ancestors,
+  loading,
+  error
+}) {
+  if (parentSessionId && (loading || error)) {
+    const state = error ? "unavailable" : "loading";
+    return /* @__PURE__ */ jsx("nav", { "aria-label": "Session ancestry", className: CRUMB_NAV, children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        to: "/workspaces/$workspaceId/sessions/$sessionId",
+        params: { workspaceId, sessionId: parentSessionId },
+        "aria-label": `Back to parent session; ancestry ${state}`,
+        className: cn(CRUMB_LINK, error && "text-status-failed"),
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": true, className: "size-3 shrink-0" }),
+          /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+            "Parent ",
+            state
+          ] })
+        ]
+      }
+    ) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("span", { className: "flex h-4 items-center text-2xs text-status-failed", children: "Session ancestry unavailable" });
+  }
+  if (ancestors.length === 0) {
+    return null;
+  }
+  const parent = ancestors.at(-1);
+  const parentLabel = lineageLabel(parent);
+  const earlier = ancestors.slice(0, -1);
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Session ancestry", className: CRUMB_NAV, children: [
+    /* @__PURE__ */ jsxs(
+      Link,
+      {
+        to: "/workspaces/$workspaceId/sessions/$sessionId",
+        params: { workspaceId, sessionId: parent.id },
+        "aria-label": `Back to ${parentLabel}`,
+        title: parentLabel,
+        className: cn(CRUMB_LINK, NARROW_CRUMB),
+        children: [
+          /* @__PURE__ */ jsx(ChevronLeftIcon, { "aria-hidden": true, className: "size-3 shrink-0" }),
+          /* @__PURE__ */ jsx("bdi", { dir: "auto", className: "min-w-0 truncate", children: parentLabel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: WIDE_CRUMB, children: [
+      earlier.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex size-4 shrink-0 items-center justify-center rounded-sm text-fg-subtle hover:bg-surface-2 hover:text-fg",
+              "aria-label": earlier.length === 1 ? "1 earlier session" : `${earlier.length} earlier sessions`,
+              children: /* @__PURE__ */ jsx(EllipsisIcon, { className: "size-3" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", className: "max-w-80", children: earlier.map((session) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              to: "/workspaces/$workspaceId/sessions/$sessionId",
+              params: { workspaceId, sessionId: session.id },
+              dir: "auto",
+              className: "min-w-0",
+              children: lineageLabel(session)
+            }
+          ) }, session.id)) })
+        ] }),
+        /* @__PURE__ */ jsx(CrumbSeparator, {})
+      ] }) : null,
+      /* @__PURE__ */ jsx(BreadcrumbLink, { workspaceId, session: parent })
+    ] })
+  ] });
+}
+function BreadcrumbLink({
+  workspaceId,
+  session
+}) {
+  const label = lineageLabel(session);
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      to: "/workspaces/$workspaceId/sessions/$sessionId",
+      params: { workspaceId, sessionId: session.id },
+      title: label,
+      className: CRUMB_LINK,
+      children: /* @__PURE__ */ jsx("bdi", { dir: "auto", className: "min-w-0 truncate", children: label })
+    }
+  );
+}
+function lineageLabel(session) {
+  return sessionDisplayTitle(session);
+}
+
+export {
+  subagentAttentionHint,
+  sessionStatusTone,
+  SubagentTree,
+  SubagentsLabel,
+  SessionAncestryBreadcrumb
+};
+//# sourceMappingURL=chunk-NULUNM7H.js.map

package/dist/chunk-NUNZS36W.js

@@ -0,0 +1,227 @@
+"use client";
+import {
+  RowSelect
+} from "./chunk-U3DN4HEY.js";
+import {
+  t
+} from "./chunk-HSOXMJOT.js";
+import {
+  toast
+} from "./chunk-O4EA4F3W.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  Switch
+} from "./chunk-7V5REBCP.js";
+import {
+  SettingRow
+} from "./chunk-YNF2OC54.js";
+import {
+  inferenceFeatureRestriction
+} from "./chunk-MBSN5HHQ.js";
+
+// src/app/components/transcription-settings.tsx
+import { Loader2Icon } from "lucide-react";
+import { useState } from "react";
+import {
+  resolveWorkspaceVoiceInputEnabled
+} from "@opengeni/sdk";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var voiceInputProviderLabels = {
+  "supergrok-subscription": "SuperGrok subscription",
+  "codex-subscription": "Codex subscription",
+  openai: "OpenAI \xB7 Opengeni credits",
+  "azure-openai": "Azure OpenAI \xB7 Opengeni credits",
+  "azure-mai": "Azure Speech \xB7 MAI-Transcribe-2",
+  "azure-speech": "Azure Speech \xB7 MAI-Transcribe-2",
+  elevenlabs: "ElevenLabs Scribe \xB7 workspace key"
+};
+function VoiceInputPreferenceRow({
+  workspaceId,
+  canManage
+}) {
+  return /* @__PURE__ */ jsx(
+    VoiceInputPreferences,
+    {
+      workspaceId,
+      canManage,
+      context: useAppContext()
+    }
+  );
+}
+function VoiceInputPreferences({
+  workspaceId,
+  canManage,
+  context
+}) {
+  const workspace = context.workspaces.find((candidate) => candidate.id === workspaceId);
+  const capability = context.clientConfig.voiceInput;
+  const [saving, setSaving] = useState(false);
+  const enabled = resolveWorkspaceVoiceInputEnabled(workspace?.settings) ?? true;
+  const preferences = workspace?.settings.voiceInput;
+  const providers = capability?.providers ?? [];
+  const regionRestricted = inferenceFeatureRestriction(t, context.clientConfig, "voice_input");
+  const available = regionRestricted === null && (capability?.available === true || providers.length > 0);
+  const saved = preferences?.preferredProvider ?? null;
+  const selected = saved === "azure-mai" ? "azure-speech" : saved;
+  const fallbackEnabled = preferences?.fallbackEnabled ?? true;
+  async function save(patch, message) {
+    if (!canManage || saving || !available) return;
+    const acceptedTransition = context.captureWorkspaceInvocation(workspaceId);
+    if (!acceptedTransition) return;
+    setSaving(true);
+    try {
+      const updated = await context.updateWorkspaceSettings(workspaceId, {
+        voiceInput: { ...preferences, enabled, ...patch }
+      });
+      if (updated && context.ownsWorkspaceInvocation(workspaceId, acceptedTransition)) {
+        toast.success(message);
+      }
+    } catch {
+      if (context.ownsWorkspaceInvocation(workspaceId, acceptedTransition))
+        toast.error("Couldn't update voice input");
+    } finally {
+      setSaving(false);
+    }
+  }
+  const reason = regionRestricted ? regionRestricted : !available ? "Voice input isn\u2019t available in this workspace. Connect a supported subscription or ask your operator to enable it." : !canManage ? "Only workspace admins can change this." : void 0;
+  const options = [
+    {
+      value: AUTOMATIC,
+      label: "Automatic",
+      description: "Uses the first provider that's available.",
+      ...providers[0] ? { meta: voiceInputProviderLabels[providers[0]] } : {}
+    },
+    ...selected && !providers.includes(selected) ? [
+      {
+        value: selected,
+        label: voiceInputProviderLabels[selected],
+        disabled: true,
+        disabledReason: "No longer available on this deployment."
+      }
+    ] : [],
+    ...providers.map((provider) => ({
+      value: provider,
+      label: voiceInputProviderLabels[provider]
+    }))
+  ];
+  return /* @__PURE__ */ jsx(
+    SettingRow,
+    {
+      label: "Voice input",
+      description: regionRestricted ?? "Record a short message and add its transcript to the draft.",
+      control: /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: enabled && available,
+          pending: saving,
+          disabled: Boolean(reason),
+          disabledReason: regionRestricted ? void 0 : reason,
+          onCheckedChange: (next) => void save(
+            { enabled: next },
+            next ? "Voice input is on for new sessions" : "Voice input is off for new sessions"
+          )
+        }
+      ),
+      children: enabled && available && // Also when the saved provider is gone, so it can be changed back.
+      (providers.length > 1 || selected !== null && !providers.includes(selected)) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            label: "Transcription provider",
+            description: "Who transcribes, and which plan pays for it.",
+            controlWidth: "select",
+            control: /* @__PURE__ */ jsx(
+              RowSelect,
+              {
+                options,
+                value: selected ?? AUTOMATIC,
+                disabled: !canManage || saving,
+                onValueChange: (next) => void save(
+                  {
+                    preferredProvider: next === AUTOMATIC ? null : next
+                  },
+                  "Transcription provider saved"
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            label: "Try another provider if one fails",
+            description: "Uses the next provider when one is down or refuses. Its billing applies.",
+            control: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: fallbackEnabled,
+                disabled: !canManage || saving,
+                disabledReason: canManage ? void 0 : "Only workspace admins can change this.",
+                onCheckedChange: (next) => void save({ fallbackEnabled: next }, "Transcription fallback saved")
+              }
+            )
+          }
+        )
+      ] }) : null
+    }
+  );
+}
+var AUTOMATIC = "automatic";
+function PreferenceToggleRow(props) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-10 items-center gap-3 px-1 py-1.5", children: [
+    props.icon ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: props.icon }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: props.label }),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "text-2xs text-fg-subtle",
+            props.wrapDescription ? "leading-4" : "truncate"
+          ),
+          title: props.description,
+          children: props.description
+        }
+      )
+    ] }),
+    props.control,
+    props.saving ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-3.5 shrink-0 animate-spin text-fg-subtle" }) : null,
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": props.checked,
+        "aria-label": props.label,
+        disabled: props.disabled,
+        onClick: props.onToggle,
+        className: cn(
+          "relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+          props.checked ? "border-primary-border bg-primary" : "border-transparent bg-switch-track"
+        ),
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "inline-block size-3.5 rounded-full shadow-sm transition-transform",
+              props.checked ? "translate-x-4 bg-primary-foreground" : "translate-x-0.5 bg-switch-thumb"
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export {
+  voiceInputProviderLabels,
+  VoiceInputPreferenceRow,
+  VoiceInputPreferences,
+  PreferenceToggleRow
+};
+//# sourceMappingURL=chunk-NUNZS36W.js.map