@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-EWSOC6WF.js

@@ -0,0 +1,114 @@
+"use client";
+import {
+  cn
+} from "./chunk-A3MTTRCX.js";
+import {
+  humanInputDelegationQuestionText
+} from "./chunk-XZAQHWOB.js";
+import {
+  usePolledValue
+} from "./chunk-RV3O5OCQ.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// src/app/components/session/human-input-delegation-record.tsx
+import { CheckIcon } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var HUMAN_INPUT_DELEGATION_POLL_MS = 1e4;
+function humanInputDecisionSummary(request) {
+  const response = request.response;
+  if (response?.outcome !== "answered") return "";
+  const questions = new Map(request.questions.map((question) => [question.id, question]));
+  return response.answers.map((answer) => {
+    const question = questions.get(answer.questionId);
+    const labels = answer.values.map(
+      (value) => question?.options.find((option) => option.id === value)?.label ?? value
+    );
+    const other = answer.other?.trim();
+    return [...labels, ...other ? [other] : []].join(", ");
+  }).filter(Boolean).join(" \xB7 ");
+}
+function decisionLine(t, request) {
+  if (!request || request.status === "pending") {
+    return { settled: false, text: t("humanInputModel.yourAgentIsDeciding") };
+  }
+  const byAgent = request.respondedBy?.startsWith("agent_attempt:") ?? false;
+  if (request.status === "answered") {
+    const summary = humanInputDecisionSummary(request);
+    const text = byAgent ? summary ? t("messageTimeline.agentDecidedSummary", { summary }) : t("messageTimeline.agentDecided") : summary ? t("messageTimeline.answeredSummary", { summary }) : t("messageTimeline.answered");
+    return { settled: true, text };
+  }
+  if (request.status === "skipped") {
+    return {
+      settled: true,
+      text: byAgent ? t("messageTimeline.agentSkipped") : t("messageTimeline.skipped")
+    };
+  }
+  return {
+    settled: true,
+    text: request.status === "expired" ? t("messageTimeline.expired") : t("messageTimeline.cancelled")
+  };
+}
+function HumanInputDelegationRecord({
+  client,
+  workspaceId,
+  item,
+  viewerSubjectId,
+  request: suppliedRequest
+}) {
+  const { sessionId, requestId } = item.humanInputDelegation;
+  const load = useCallback(
+    () => client.getHumanInputRequest(workspaceId, sessionId, requestId),
+    [client, requestId, sessionId, workspaceId]
+  );
+  const [readSettled, setReadSettled] = useState(false);
+  const read = usePolledValue(load, {
+    pollIntervalMs: readSettled ? void 0 : HUMAN_INPUT_DELEGATION_POLL_MS,
+    enabled: suppliedRequest === void 0
+  });
+  const loadedSettled = read.data != null && read.data.status !== "pending";
+  useEffect(() => {
+    setReadSettled(loadedSettled);
+  }, [loadedSettled]);
+  const request = suppliedRequest === void 0 ? read.data : suppliedRequest;
+  const t = useOpenGeniText();
+  const question = humanInputDelegationQuestionText(t, item.text);
+  const line = decisionLine(t, request);
+  const fromViewer = !item.sender || viewerSubjectId === void 0 || item.sender.subjectId === viewerSubjectId;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "timeline-user",
+      "data-human-input-delegation": requestId,
+      "data-human-input-delegation-settled": line.settled ? "" : void 0,
+      className: "flex min-w-0 flex-col gap-1",
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "m-0 text-xs font-medium text-fg-muted", children: fromViewer ? t("messageTimeline.youLetTheAgentDecide") : t("humanInputModel.letTheAgentDecide") }),
+        /* @__PURE__ */ jsx("p", { className: "m-0 text-sm text-fg [overflow-wrap:anywhere]", children: question }),
+        /* @__PURE__ */ jsxs(
+          "p",
+          {
+            role: "status",
+            className: cn(
+              "m-0 inline-flex min-w-0 items-center gap-1.5 text-xs",
+              line.settled ? "text-fg" : "text-fg-muted"
+            ),
+            children: [
+              line.settled ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className: "size-3.5 shrink-0 text-status-success" }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-1.5 shrink-0 rounded-full bg-status-waiting" }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 [overflow-wrap:anywhere]", children: line.text })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  HUMAN_INPUT_DELEGATION_POLL_MS,
+  humanInputDecisionSummary,
+  HumanInputDelegationRecord
+};
+//# sourceMappingURL=chunk-EWSOC6WF.js.map

package/dist/chunk-F2OPHAUN.js

@@ -0,0 +1,103 @@
+"use client";
+import {
+  useAppShotTarget
+} from "./chunk-7W37NS3I.js";
+import {
+  ComposerUsageNotice
+} from "./chunk-NC7PVOEK.js";
+import {
+  MessageContextPills
+} from "./chunk-GOXSTJPA.js";
+import {
+  t
+} from "./chunk-HSOXMJOT.js";
+import {
+  useAppContext
+} from "./chunk-JDFDPMKX.js";
+import {
+  ChatComposer
+} from "./chunk-5O2FCCHZ.js";
+import {
+  useFileAttachments
+} from "./chunk-I6FIXEL4.js";
+import {
+  inferenceFeatureRestriction
+} from "./chunk-MBSN5HHQ.js";
+
+// src/app/components/Composer.tsx
+import { resolveWorkspaceVoiceInputEnabled } from "@opengeni/sdk/browser";
+import { useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useDraftAttachments(workspaceId, scope = "workspace") {
+  return useFileAttachments({ workspaceId, scope });
+}
+function composerTranscription(context, workspaceId) {
+  const restricted = inferenceFeatureRestriction(t, context.clientConfig, "voice_input");
+  if (restricted) {
+    return {
+      client: null,
+      workspaceId,
+      capability: null,
+      workspaceEnabled: false,
+      messages: { unavailable: restricted }
+    };
+  }
+  if (!context.clientConfig.voiceInput?.available) return void 0;
+  const workspace = context.workspaces.find((candidate) => candidate.id === workspaceId);
+  return {
+    client: context.client,
+    workspaceId,
+    capability: context.clientConfig.voiceInput,
+    workspaceEnabled: resolveWorkspaceVoiceInputEnabled(workspace?.settings) ?? true
+  };
+}
+function ConsoleComposer(props) {
+  const context = useAppContext();
+  const transcription = composerTranscription(context, props.workspaceId);
+  const regionRef = useRef(null);
+  useAppShotTarget(props.fileUploadsEnabled ? props.attachments : null, regionRef);
+  return /* @__PURE__ */ jsx("div", { ref: regionRef, className: "contents", children: /* @__PURE__ */ jsx(
+    ChatComposer,
+    {
+      responsiveBasis: "container",
+      composer: props.composer,
+      effectiveControl: props.effectiveControl,
+      queuedAheadCount: props.queuedAheadCount,
+      queuedRecall: props.queuedRecall,
+      running: props.running === true,
+      canControlWorkspace: props.canControlWorkspace,
+      controlLinks: props.controlLinks,
+      placeholder: props.placeholder,
+      autoFocus: props.autoFocus,
+      disabled: props.disabled,
+      messages: props.messages,
+      ...props.fileUploadsEnabled ? { attachments: props.attachments } : {},
+      ...props.commandContext ? { commandContext: props.commandContext } : {},
+      ...props.onClearView ? { onClearView: props.onClearView } : {},
+      ...props.controlsLeading ? { controlsLeading: props.controlsLeading } : {},
+      header: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          ComposerUsageNotice,
+          {
+            workspaceId: props.workspaceId,
+            refreshKey: props.usageRefreshKey
+          }
+        ),
+        props.header,
+        /* @__PURE__ */ jsx(MessageContextPills, {})
+      ] }),
+      attachButtonClassName: props.controlsLeading ? "hidden" : void 0,
+      controlsStart: props.controls,
+      actionsStart: props.actions,
+      transcriptionSuppressed: props.transcriptionSuppressed === true,
+      ...transcription ? { transcription } : {}
+    }
+  ) });
+}
+
+export {
+  useDraftAttachments,
+  composerTranscription,
+  ConsoleComposer
+};
+//# sourceMappingURL=chunk-F2OPHAUN.js.map

package/dist/chunk-F4ISQGGM.js

@@ -0,0 +1,81 @@
+"use client";
+import {
+  Textarea
+} from "./chunk-DMSUSY36.js";
+import {
+  SettingRow
+} from "./chunk-YNF2OC54.js";
+
+// src/ui/word-list-row.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var WORD_LIST_MAX = 100;
+var WORD_LIST_TERM_MAX = 50;
+function WordListRow({
+  words,
+  saving,
+  disabled,
+  disabledReason,
+  text,
+  onChange
+}) {
+  const saved = words.join("\n");
+  const [draft, setDraft] = useState(saved);
+  const editing = useRef(false);
+  useEffect(() => {
+    if (!editing.current) setDraft(saved);
+  }, [saved]);
+  const terms = wordListTerms(draft);
+  const tooLong = terms.find((term) => term.length > WORD_LIST_TERM_MAX);
+  const tooMany = terms.length > WORD_LIST_MAX;
+  return /* @__PURE__ */ jsx(
+    SettingRow,
+    {
+      variant: "stacked",
+      label: text.label,
+      description: disabledReason ?? text.description,
+      error: tooLong ? text.termTooLong(tooLong.slice(0, 20), WORD_LIST_TERM_MAX) : tooMany ? text.tooMany(WORD_LIST_MAX) : null,
+      control: /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          rows: 3,
+          value: draft,
+          disabled: disabled || saving && !editing.current,
+          placeholder: text.placeholder,
+          "aria-label": text.label,
+          "aria-invalid": tooLong || tooMany ? true : void 0,
+          onFocus: () => {
+            editing.current = true;
+          },
+          onChange: (event) => setDraft(event.target.value),
+          onBlur: () => {
+            editing.current = false;
+            if (tooLong || tooMany) return;
+            if (terms.join("\n") !== saved) onChange(terms);
+            else setDraft(saved);
+          }
+        }
+      )
+    }
+  );
+}
+function wordListTerms(text) {
+  const seen = /* @__PURE__ */ new Set();
+  const terms = [];
+  for (const part of text.split(/[\n,;]/u)) {
+    const term = part.trim().replace(/\s+/gu, " ");
+    const key = term.toLocaleLowerCase();
+    if (!term || seen.has(key)) continue;
+    seen.add(key);
+    terms.push(term);
+  }
+  return terms;
+}
+
+export {
+  WORD_LIST_MAX,
+  WORD_LIST_TERM_MAX,
+  WordListRow,
+  wordListTerms
+};
+//# sourceMappingURL=chunk-F4ISQGGM.js.map

package/dist/chunk-FO4LYKJL.js

@@ -0,0 +1,197 @@
+"use client";
+import {
+  useTimelineAnswerFollow
+} from "./chunk-VBUVBHFJ.js";
+import {
+  containedPortal
+} from "./chunk-UD6AAZSC.js";
+import {
+  usePortalTokenStyle
+} from "./chunk-XEA5BCMA.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// src/components/session-capability-frame.tsx
+import { CheckIcon, InfoIcon, ShieldCheckIcon, XIcon } from "lucide-react";
+import { Dialog } from "radix-ui";
+import { useLayoutEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DialogContainedPortal = containedPortal(Dialog.Portal);
+function Mark({ src, name }) {
+  const [failed, setFailed] = useState(null);
+  return /* @__PURE__ */ jsx("span", { className: "og-session-capability-logo", "aria-hidden": true, children: src && failed !== src ? /* @__PURE__ */ jsx("img", { src, alt: "", loading: "lazy", decoding: "async", onError: () => setFailed(src) }) : name.trim().slice(0, 2).toUpperCase() });
+}
+function SessionCapabilityFrame({
+  name,
+  subtitle,
+  logo,
+  typeLabel,
+  badge,
+  description,
+  clampDescription = false,
+  skill,
+  expanded,
+  complete,
+  completeLabel,
+  actionLabel,
+  opensDialog = true,
+  note,
+  onOpen,
+  onClose,
+  busy = false,
+  opener,
+  cardRef,
+  children,
+  dialogOnly = false,
+  actionUnavailable,
+  details,
+  inlineSetup
+}) {
+  const t = useOpenGeniText();
+  const localOpener = useRef(null);
+  const localCard = useRef(null);
+  const buttonRef = opener ?? localOpener;
+  const sectionRef = cardRef ?? localCard;
+  const rootRef = useRef(null);
+  const portalStyle = usePortalTokenStyle(sectionRef.current);
+  const followAnswer = useTimelineAnswerFollow();
+  const wasComplete = useRef(complete);
+  const engaged = useRef(false);
+  useLayoutEffect(() => {
+    if (expanded || busy) engaged.current = true;
+  }, [expanded, busy]);
+  const engage = () => {
+    engaged.current = true;
+  };
+  useLayoutEffect(() => {
+    if (complete && !wasComplete.current && engaged.current && rootRef.current)
+      followAnswer?.(rootRef.current);
+    wasComplete.current = complete;
+  }, [complete, followAnswer]);
+  const shownSubtitle = subtitle.trim().toLowerCase() === name.trim().toLowerCase() ? "" : subtitle;
+  const identity = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Mark, { src: logo, name }),
+    /* @__PURE__ */ jsxs("div", { className: "og-session-capability-identity", children: [
+      /* @__PURE__ */ jsx("h3", { children: name }),
+      shownSubtitle ? /* @__PURE__ */ jsx("span", { children: shownSubtitle }) : null
+    ] }),
+    badge ? /* @__PURE__ */ jsx("span", { className: "og-session-capability-type", children: badge }) : null
+  ] });
+  return (
+    // React bubbles the setup dialog's portaled events here too.
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: rootRef,
+        className: "og-session-capability",
+        onPointerDownCapture: engage,
+        onClickCapture: engage,
+        onKeyDownCapture: engage,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "section",
+            {
+              hidden: dialogOnly,
+              style: dialogOnly ? { display: "none" } : void 0,
+              ref: sectionRef,
+              tabIndex: -1,
+              "aria-label": t("sessionCapabilityFrame.nameSetup", { name }),
+              "data-state": complete ? "complete" : expanded ? "setup" : "suggested",
+              className: "og-session-capability-shell",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "og-session-capability-header", children: [
+                  identity,
+                  complete ? /* @__PURE__ */ jsx(CheckIcon, { size: 16, "aria-hidden": true }) : null
+                ] }),
+                complete ? (
+                  // Focusable so a card that just finished can keep keyboard focus.
+                  /* @__PURE__ */ jsx("p", { role: "status", tabIndex: -1, className: "og-session-capability-copy", children: completeLabel ?? (skill ? t("sessionCapabilityFrame.installedWorkspace") : t("sessionCapabilityFrame.connectedAvailableInThisConversation")) })
+                ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "og-session-capability-copy",
+                      "data-clamp": clampDescription ? "" : void 0,
+                      title: clampDescription ? description : void 0,
+                      children: description
+                    }
+                  ),
+                  inlineSetup ? /* @__PURE__ */ jsx("div", { className: "og-session-capability-setup", children: inlineSetup }) : actionUnavailable ? /* @__PURE__ */ jsx("div", { className: "og-session-capability-actions", "data-unavailable": "", children: /* @__PURE__ */ jsxs("span", { role: "note", children: [
+                    /* @__PURE__ */ jsx(InfoIcon, { size: 13, "aria-hidden": true }),
+                    actionUnavailable
+                  ] }) }) : /* @__PURE__ */ jsxs("div", { className: "og-session-capability-actions", children: [
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      /* @__PURE__ */ jsx(ShieldCheckIcon, { size: 13, "aria-hidden": true }),
+                      skill ? t("sessionCapabilityFrame.guidanceOnlyNoAccountAccess") : t("sessionCapabilityFrame.youChooseWhatToAuthorize")
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        ref: buttonRef,
+                        type: "button",
+                        onClick: onOpen,
+                        disabled: busy,
+                        "aria-haspopup": opensDialog ? "dialog" : void 0,
+                        "aria-expanded": opensDialog ? expanded : void 0,
+                        children: actionLabel
+                      }
+                    )
+                  ] })
+                ] }),
+                details
+              ]
+            }
+          ),
+          !complete && !dialogOnly && note ? /* @__PURE__ */ jsx("p", { className: "og-session-capability-note", children: note }) : null,
+          /* @__PURE__ */ jsx(
+            Dialog.Root,
+            {
+              open: expanded && !complete,
+              onOpenChange: (open) => {
+                if (!open && !busy) onClose();
+              },
+              children: /* @__PURE__ */ jsxs(DialogContainedPortal, { children: [
+                /* @__PURE__ */ jsx(Dialog.Overlay, { className: "og-root og-session-capability-overlay", style: portalStyle }),
+                /* @__PURE__ */ jsxs(
+                  Dialog.Content,
+                  {
+                    className: "og-root og-session-capability-dialog",
+                    style: portalStyle,
+                    onEscapeKeyDown: (event) => {
+                      if (busy) event.preventDefault();
+                    },
+                    onInteractOutside: (event) => {
+                      if (busy) event.preventDefault();
+                    },
+                    onCloseAutoFocus: (event) => {
+                      event.preventDefault();
+                      const target = buttonRef.current?.isConnected ? buttonRef.current : sectionRef.current;
+                      if (target?.isConnected) target.focus({ preventScroll: true });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "og-session-capability-dialog-header", children: [
+                        /* @__PURE__ */ jsx(Mark, { src: logo, name }),
+                        /* @__PURE__ */ jsxs("div", { children: [
+                          /* @__PURE__ */ jsx(Dialog.Title, { children: name }),
+                          /* @__PURE__ */ jsx(Dialog.Description, { children: [typeLabel, shownSubtitle].filter(Boolean).join(" \xB7 ") })
+                        ] }),
+                        !busy ? /* @__PURE__ */ jsx(Dialog.Close, { "aria-label": t("sessionCapabilityFrame.closeConnectionSetup"), children: /* @__PURE__ */ jsx(XIcon, { size: 18 }) }) : null
+                      ] }),
+                      /* @__PURE__ */ jsx("div", { className: "og-session-capability-dialog-body", children })
+                    ]
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+
+export {
+  SessionCapabilityFrame
+};
+//# sourceMappingURL=chunk-FO4LYKJL.js.map

package/dist/chunk-FPXASDG5.js

@@ -0,0 +1,73 @@
+"use client";
+import {
+  resolveRenameSubmission,
+  sessionDisplayTitle,
+  sessionRenameSeed
+} from "./chunk-3PZ7JZI2.js";
+
+// src/app/lib/session-rename.tsx
+import { useCallback, useEffect, useRef, useState } from "react";
+function renameSeedValue(session) {
+  return sessionRenameSeed(session);
+}
+async function performRename(session, draft, onRename) {
+  const next = resolveRenameSubmission(draft, sessionDisplayTitle(session));
+  if (next === null) {
+    return null;
+  }
+  return onRename(session.workspaceId, session.id, next);
+}
+function useInlineRename(session, onRename) {
+  const display = sessionDisplayTitle(session);
+  const [editing, setEditing] = useState(false);
+  const [draft, setDraft] = useState(display);
+  const [saving, setSaving] = useState(false);
+  const commitInFlightRef = useRef(false);
+  const editSeedRef = useRef(display);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (!editing) {
+      setDraft(display);
+    }
+  }, [display, editing]);
+  const startEditing = useCallback(() => {
+    const seed = renameSeedValue(session);
+    editSeedRef.current = seed;
+    setDraft(seed);
+    setEditing(true);
+    requestAnimationFrame(() => {
+      inputRef.current?.focus();
+      inputRef.current?.select();
+    });
+  }, [session]);
+  const cancel = useCallback(() => {
+    setEditing(false);
+    setDraft(display);
+  }, [display]);
+  const commit = useCallback(async () => {
+    if (commitInFlightRef.current || saving) {
+      return;
+    }
+    const next = resolveRenameSubmission(draft, display, editSeedRef.current);
+    setEditing(false);
+    if (next === null) {
+      return;
+    }
+    commitInFlightRef.current = true;
+    setSaving(true);
+    try {
+      await onRename(session.workspaceId, session.id, next);
+    } finally {
+      commitInFlightRef.current = false;
+      setSaving(false);
+    }
+  }, [saving, draft, display, onRename, session.workspaceId, session.id]);
+  return { editing, draft, saving, setDraft, inputRef, startEditing, commit, cancel };
+}
+
+export {
+  renameSeedValue,
+  performRename,
+  useInlineRename
+};
+//# sourceMappingURL=chunk-FPXASDG5.js.map

package/dist/chunk-FSOQDUCG.js

@@ -0,0 +1,117 @@
+"use client";
+import {
+  ErrorText
+} from "./chunk-V4Z4B2E3.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/ui/notice.tsx
+import { CircleAlertIcon, CircleCheckIcon, InfoIcon, TriangleAlertIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TONE = {
+  muted: {
+    box: "border-border bg-surface/40 text-fg-muted",
+    icon: "text-fg-subtle",
+    glyph: () => InfoIcon
+  },
+  info: {
+    box: "border-brand/30 bg-brand/[0.06] text-fg",
+    icon: "text-brand",
+    glyph: () => InfoIcon
+  },
+  success: {
+    box: "border-status-idle/30 bg-status-idle/[0.06] text-fg",
+    icon: "text-status-idle",
+    glyph: () => CircleCheckIcon
+  },
+  waiting: {
+    box: "border-status-waiting/30 bg-status-waiting/[0.06] text-fg",
+    icon: "text-status-waiting",
+    glyph: () => CircleAlertIcon
+  },
+  failed: {
+    box: "border-status-failed/30 bg-status-failed/[0.06] text-fg",
+    icon: "text-status-failed",
+    glyph: () => TriangleAlertIcon
+  }
+};
+function Notice({
+  tone = "muted",
+  title,
+  children,
+  action,
+  icon,
+  onDismiss,
+  dismissLabel = "Dismiss",
+  layout,
+  actionLayout,
+  live,
+  className
+}) {
+  const meta = TONE[tone];
+  const Glyph = meta.glyph();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "notice",
+      "data-tone": tone,
+      role: live === "assertive" ? "alert" : live === "polite" ? "status" : void 0,
+      className: cn(
+        "flex items-start gap-2.5 rounded-lg border p-3 text-sm",
+        meta.box,
+        layout === "banner" && "rounded-none border-x-0 border-t-0 px-4 py-2",
+        actionLayout === "responsive" && "@container/notice flex-wrap",
+        className
+      ),
+      children: [
+        icon === null ? null : /* @__PURE__ */ jsx("span", { className: cn("mt-0.5 shrink-0", layout === "banner" && "mt-2", meta.icon), children: icon ?? /* @__PURE__ */ jsx(Glyph, { className: "size-4" }) }),
+        /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 flex-1", layout === "banner" && "py-1.5"), children: [
+          title ? /* @__PURE__ */ jsx("div", { className: "font-medium text-fg", children: /* @__PURE__ */ jsx(ErrorText, { children: title }) }) : null,
+          children ? /* @__PURE__ */ jsx("div", { className: cn("break-words text-sm leading-5", title ? "mt-0.5 text-fg-muted" : ""), children: /* @__PURE__ */ jsx(ErrorText, { children }) }) : null
+        ] }),
+        action ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "shrink-0",
+              actionLayout === "responsive" && "@max-md/notice:order-last @max-md/notice:basis-full @max-md/notice:pl-6.5",
+              actionLayout === "responsive" && icon === null && "@max-md/notice:pl-0"
+            ),
+            children: action
+          }
+        ) : null,
+        onDismiss ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": dismissLabel,
+            className: cn(
+              "-mr-1 inline-grid size-7 shrink-0 place-items-center rounded-md text-fg-subtle transition-colors duration-[120ms] hover:bg-surface-2 hover:text-fg pointer-coarse:size-11",
+              layout === "banner" ? "mt-0.5" : "-my-1"
+            ),
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                "aria-hidden": "true",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                strokeLinecap: "round",
+                className: "size-4",
+                children: /* @__PURE__ */ jsx("path", { d: "M4 4l8 8M12 4l-8 8" })
+              }
+            )
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+export {
+  Notice
+};
+//# sourceMappingURL=chunk-FSOQDUCG.js.map