@opengeni/react 1.4.0 → 1.4.2

package/dist/{chunk-B3V6TG77.js → chunk-GC3PH6N7.js}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/usage/allowance-copy.ts
 function formatAllowanceDate(iso, now = /* @__PURE__ */ new Date()) {
   const date = new Date(iso);
@@ -38,4 +40,4 @@ export {
   allowanceLabels,
   allowanceResetSentence
 };
-//# sourceMappingURL=chunk-B3V6TG77.js.map
+//# sourceMappingURL=chunk-GC3PH6N7.js.map

package/dist/{chunk-B3V6TG77.js.map → chunk-GC3PH6N7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/usage/allowance-copy.ts"],"sourcesContent":["// Shared, replaceable words for usage allowances. The timeline refusal row\n// (session graph) and the opt-in `@opengeni/react/usage` surfaces both read\n// these, so a host that renames \"workspace\" or \"admin\" does it once.\n//\n// Product rule: never show raw credit amounts here. Hosts that want money or\n// plan multiples opt in with `formatAmount` on the meter components.\n\n/** Which ceiling ran out: the shared workspace pool, or one member's share of it. */\nexport type AllowanceScope = \"workspace\" | \"member\";\n\nexport type AllowanceLabels = {\n  /** \"Usage limit reached\" for a member ceiling. */\n  memberLimitReachedTitle: string;\n  /** \"Workspace usage limit reached\" for the shared pool. */\n  workspaceLimitReachedTitle: string;\n  /** Who can fix a member ceiling. */\n  memberRemedy: string;\n  /** Who can fix the workspace pool. */\n  workspaceRemedy: string;\n  /** \"Resets Nov 1\". `date` is already formatted by `formatDate`. */\n  resets: (date: string) => string;\n  /** Shown when a ceiling has no automatic reset. */\n  noReset: string;\n  /** Formats a reset instant for `resets`. Defaults to a short local date. */\n  formatDate: (iso: string) => string;\n};\n\nexport function formatAllowanceDate(iso: string, now: Date = new Date()): string {\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return iso;\n  return new Intl.DateTimeFormat(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    ...(date.getFullYear() === now.getFullYear() ? {} : { year: \"numeric\" }),\n  }).format(date);\n}\n\n/** Full local date and time, for a title/tooltip next to the short date. */\nexport function formatAllowanceInstant(iso: string): string {\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return iso;\n  return new Intl.DateTimeFormat(undefined, { dateStyle: \"medium\", timeStyle: \"short\" }).format(\n    date,\n  );\n}\n\nexport const DEFAULT_ALLOWANCE_LABELS: AllowanceLabels = {\n  memberLimitReachedTitle: \"Usage limit reached\",\n  workspaceLimitReachedTitle: \"Workspace usage limit reached\",\n  memberRemedy: \"A workspace admin can raise this limit.\",\n  workspaceRemedy: \"An organization admin can raise the workspace budget.\",\n  resets: (date) => `Resets ${date}.`,\n  noReset: \"It doesn't reset automatically.\",\n  formatDate: (iso) => formatAllowanceDate(iso),\n};\n\nexport function allowanceLabels(overrides?: Partial<AllowanceLabels>): AllowanceLabels {\n  return overrides ? { ...DEFAULT_ALLOWANCE_LABELS, ...overrides } : DEFAULT_ALLOWANCE_LABELS;\n}\n\n/** \"Resets Nov 1.\" or the no-reset sentence. */\nexport function allowanceResetSentence(labels: AllowanceLabels, resetsAt: string | null): string {\n  return resetsAt === null ? labels.noReset : labels.resets(labels.formatDate(resetsAt));\n}\n"],"mappings":";AA2BO,SAAS,oBAAoB,KAAa,MAAY,oBAAI,KAAK,GAAW;AAC/E,QAAM,OAAO,IAAI,KAAK,GAAG;AACzB,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,GAAI,KAAK,YAAY,MAAM,IAAI,YAAY,IAAI,CAAC,IAAI,EAAE,MAAM,UAAU;AAAA,EACxE,CAAC,EAAE,OAAO,IAAI;AAChB;AAGO,SAAS,uBAAuB,KAAqB;AAC1D,QAAM,OAAO,IAAI,KAAK,GAAG;AACzB,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,IAAI,KAAK,eAAe,QAAW,EAAE,WAAW,UAAU,WAAW,QAAQ,CAAC,EAAE;AAAA,IACrF;AAAA,EACF;AACF;AAEO,IAAM,2BAA4C;AAAA,EACvD,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ,CAAC,SAAS,UAAU,IAAI;AAAA,EAChC,SAAS;AAAA,EACT,YAAY,CAAC,QAAQ,oBAAoB,GAAG;AAC9C;AAEO,SAAS,gBAAgB,WAAuD;AACrF,SAAO,YAAY,EAAE,GAAG,0BAA0B,GAAG,UAAU,IAAI;AACrE;AAGO,SAAS,uBAAuB,QAAyB,UAAiC;AAC/F,SAAO,aAAa,OAAO,OAAO,UAAU,OAAO,OAAO,OAAO,WAAW,QAAQ,CAAC;AACvF;","names":[]}
+{"version":3,"sources":["../src/usage/allowance-copy.ts"],"sourcesContent":["// Shared, replaceable words for usage allowances. The timeline refusal row\n// (session graph) and the opt-in `@opengeni/react/usage` surfaces both read\n// these, so a host that renames \"workspace\" or \"admin\" does it once.\n//\n// Product rule: never show raw credit amounts here. Hosts that want money or\n// plan multiples opt in with `formatAmount` on the meter components.\n\n/** Which ceiling ran out: the shared workspace pool, or one member's share of it. */\nexport type AllowanceScope = \"workspace\" | \"member\";\n\nexport type AllowanceLabels = {\n  /** \"Usage limit reached\" for a member ceiling. */\n  memberLimitReachedTitle: string;\n  /** \"Workspace usage limit reached\" for the shared pool. */\n  workspaceLimitReachedTitle: string;\n  /** Who can fix a member ceiling. */\n  memberRemedy: string;\n  /** Who can fix the workspace pool. */\n  workspaceRemedy: string;\n  /** \"Resets Nov 1\". `date` is already formatted by `formatDate`. */\n  resets: (date: string) => string;\n  /** Shown when a ceiling has no automatic reset. */\n  noReset: string;\n  /** Formats a reset instant for `resets`. Defaults to a short local date. */\n  formatDate: (iso: string) => string;\n};\n\nexport function formatAllowanceDate(iso: string, now: Date = new Date()): string {\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return iso;\n  return new Intl.DateTimeFormat(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    ...(date.getFullYear() === now.getFullYear() ? {} : { year: \"numeric\" }),\n  }).format(date);\n}\n\n/** Full local date and time, for a title/tooltip next to the short date. */\nexport function formatAllowanceInstant(iso: string): string {\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return iso;\n  return new Intl.DateTimeFormat(undefined, { dateStyle: \"medium\", timeStyle: \"short\" }).format(\n    date,\n  );\n}\n\nexport const DEFAULT_ALLOWANCE_LABELS: AllowanceLabels = {\n  memberLimitReachedTitle: \"Usage limit reached\",\n  workspaceLimitReachedTitle: \"Workspace usage limit reached\",\n  memberRemedy: \"A workspace admin can raise this limit.\",\n  workspaceRemedy: \"An organization admin can raise the workspace budget.\",\n  resets: (date) => `Resets ${date}.`,\n  noReset: \"It doesn't reset automatically.\",\n  formatDate: (iso) => formatAllowanceDate(iso),\n};\n\nexport function allowanceLabels(overrides?: Partial<AllowanceLabels>): AllowanceLabels {\n  return overrides ? { ...DEFAULT_ALLOWANCE_LABELS, ...overrides } : DEFAULT_ALLOWANCE_LABELS;\n}\n\n/** \"Resets Nov 1.\" or the no-reset sentence. */\nexport function allowanceResetSentence(labels: AllowanceLabels, resetsAt: string | null): string {\n  return resetsAt === null ? labels.noReset : labels.resets(labels.formatDate(resetsAt));\n}\n"],"mappings":";;;AA2BO,SAAS,oBAAoB,KAAa,MAAY,oBAAI,KAAK,GAAW;AAC/E,QAAM,OAAO,IAAI,KAAK,GAAG;AACzB,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,GAAI,KAAK,YAAY,MAAM,IAAI,YAAY,IAAI,CAAC,IAAI,EAAE,MAAM,UAAU;AAAA,EACxE,CAAC,EAAE,OAAO,IAAI;AAChB;AAGO,SAAS,uBAAuB,KAAqB;AAC1D,QAAM,OAAO,IAAI,KAAK,GAAG;AACzB,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,IAAI,KAAK,eAAe,QAAW,EAAE,WAAW,UAAU,WAAW,QAAQ,CAAC,EAAE;AAAA,IACrF;AAAA,EACF;AACF;AAEO,IAAM,2BAA4C;AAAA,EACvD,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ,CAAC,SAAS,UAAU,IAAI;AAAA,EAChC,SAAS;AAAA,EACT,YAAY,CAAC,QAAQ,oBAAoB,GAAG;AAC9C;AAEO,SAAS,gBAAgB,WAAuD;AACrF,SAAO,YAAY,EAAE,GAAG,0BAA0B,GAAG,UAAU,IAAI;AACrE;AAGO,SAAS,uBAAuB,QAAyB,UAAiC;AAC/F,SAAO,aAAa,OAAO,OAAO,UAAU,OAAO,OAAO,OAAO,WAAW,QAAQ,CAAC;AACvF;","names":[]}

package/dist/{chunk-CJUO7J5Z.js → chunk-HXYOSSQO.js}

@@ -1,6 +1,7 @@
+"use client";
 import {
   mcpToolLeaf
-} from "./chunk-AWZLIMKX.js";
+} from "./chunk-T46QZH3E.js";
 
 // src/timeline/presented-image.ts
 import { normalizeMcpOutput, parseSandboxFileArtifactReceipt } from "@opengeni/sdk";
@@ -113,4 +114,4 @@ export {
   timelineGroupContainsPresentedImage,
   useRetainedImageObjectUrl
 };
-//# sourceMappingURL=chunk-CJUO7J5Z.js.map
+//# sourceMappingURL=chunk-HXYOSSQO.js.map

package/dist/{chunk-CJUO7J5Z.js.map → chunk-HXYOSSQO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/timeline/presented-image.ts","../src/timeline/retained-image.ts"],"sourcesContent":["import { normalizeMcpOutput, parseSandboxFileArtifactReceipt } from \"@opengeni/sdk\";\nimport { mcpToolLeaf } from \"./tool-display-name\";\nimport type { ActivityItem, TimelineGroup } from \"./types\";\n\n/*\n * Pure presentation facts shared by the projection and the renderers. Kept\n * free of React so the session-only entry can inspect primary output without pulling\n * in rendering code.\n */\n\n/** Shared browser preview allowlist; other published files remain downloads. */\nexport function isRetainedImageContentType(contentType: string): boolean {\n  return [\n    \"image/png\",\n    \"image/jpeg\",\n    \"image/gif\",\n    \"image/webp\",\n    \"image/avif\",\n    \"image/svg+xml\",\n  ].includes(contentType);\n}\n\n/** Deliberately published images are primary output, not incidental screenshots. */\nexport function activityPresentsImage(items: readonly ActivityItem[]): boolean {\n  return items.some((item) => {\n    if (item.kind !== \"tool-call\") return false;\n    const name = mcpToolLeaf(item.name);\n    if (name === \"generate_image\" || name === \"image_generation_call\") return true;\n    if (item.status !== \"complete\" || name !== \"sandbox_file_publish\") return false;\n    const output = normalizeMcpOutput(item.output);\n    if (output.isError) return false;\n    const receipt = parseSandboxFileArtifactReceipt(output.text);\n    return receipt !== null && isRetainedImageContentType(receipt.artifact.contentType);\n  });\n}\n\nexport function timelineGroupContainsPresentedImage(group: TimelineGroup): boolean {\n  switch (group.kind) {\n    case \"item\":\n      return false;\n    case \"activity\":\n      return (\n        activityPresentsImage(group.items) ||\n        (group.work?.details?.some(timelineGroupContainsPresentedImage) ?? false)\n      );\n    case \"turn\":\n      return group.groups.some(timelineGroupContainsPresentedImage);\n  }\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { RetainedArtifactReference } from \"@opengeni/sdk\";\nimport type { ToolRendererProps } from \"./registry\";\ntype RetainedImageState =\n  | { kind: \"loading\" }\n  | { kind: \"ready\"; url: string }\n  | { kind: \"unavailable\"; label: string }\n  | { kind: \"error\"; message: string };\n\nexport { isRetainedImageContentType } from \"./presented-image\";\n\nexport function useRetainedImageObjectUrl(\n  artifact: RetainedArtifactReference,\n  load: ToolRendererProps[\"loadRetainedArtifact\"],\n): RetainedImageState & { retry: () => void } {\n  const [state, setState] = useState<RetainedImageState>({ kind: \"loading\" });\n  const [retrievalAttempt, setRetrievalAttempt] = useState(0);\n  // Retry only the immutable retained artifact; never issue a new capture or\n  // rewrite the tool receipt/model history to repair a human preview.\n  const retry = useCallback(() => setRetrievalAttempt((attempt) => attempt + 1), []);\n  // Function outputs are commonly serialized JSON. Parsing them creates a new\n  // object on every render, so depend on the immutable wire value rather than\n  // object identity; otherwise the loader can refetch after its own setState.\n  const artifactValue = retainedArtifactValue(artifact);\n  const stableArtifactRef = useRef({ value: artifactValue, artifact });\n  if (stableArtifactRef.current.value !== artifactValue) {\n    stableArtifactRef.current = { value: artifactValue, artifact };\n  }\n  const stableArtifact = stableArtifactRef.current.artifact;\n  useEffect(() => {\n    if (!load) {\n      setState({ kind: \"unavailable\", label: \"retrieval is not configured\" });\n      return;\n    }\n    const controller = new AbortController();\n    let objectUrl: string | null = null;\n    setState({ kind: \"loading\" });\n    void load(stableArtifact, controller.signal)\n      .then((source) => {\n        if (controller.signal.aborted) return;\n        if (!source) {\n          setState({ kind: \"unavailable\", label: \"bytes are unavailable\" });\n          return;\n        }\n        if (!(source instanceof Uint8Array)) {\n          if (!source.url.trim()) {\n            setState({ kind: \"unavailable\", label: \"URL is unavailable\" });\n            return;\n          }\n          setState({ kind: \"ready\", url: source.url });\n          return;\n        }\n        objectUrl = URL.createObjectURL(\n          new Blob([source as unknown as BlobPart], { type: stableArtifact.contentType }),\n        );\n        setState({ kind: \"ready\", url: objectUrl });\n      })\n      .catch((error: unknown) => {\n        if (controller.signal.aborted) return;\n        const status =\n          error && typeof error === \"object\" && \"status\" in error\n            ? Number((error as { status?: unknown }).status)\n            : null;\n        setState(\n          status === 404\n            ? { kind: \"unavailable\", label: \"deleted\" }\n            : status === 410\n              ? { kind: \"unavailable\", label: \"expired or unavailable\" }\n              : { kind: \"error\", message: \"retrieval failed\" },\n        );\n      });\n    return () => {\n      controller.abort();\n      if (objectUrl) URL.revokeObjectURL(objectUrl);\n    };\n  }, [stableArtifact, load, retrievalAttempt]);\n  return { ...state, retry };\n}\n\nfunction retainedArtifactValue(artifact: RetainedArtifactReference): string {\n  return [\n    artifact.artifactId,\n    artifact.kind,\n    artifact.contentType,\n    artifact.originalBytes,\n    artifact.sha256,\n    artifact.retainedAt,\n    artifact.dimensions?.width ?? \"\",\n    artifact.dimensions?.height ?? \"\",\n    artifact.retention.policy,\n    artifact.retention.expiresAt ?? \"\",\n    artifact.retrieval.method,\n    artifact.retrieval.path,\n    artifact.retrieval.acceptRanges,\n    artifact.retrieval.maxRangeBytes,\n  ].join(\"\\0\");\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/timeline/presented-image.ts","../src/timeline/retained-image.ts"],"sourcesContent":["import { normalizeMcpOutput, parseSandboxFileArtifactReceipt } from \"@opengeni/sdk\";\nimport { mcpToolLeaf } from \"./tool-display-name\";\nimport type { ActivityItem, TimelineGroup } from \"./types\";\n\n/*\n * Pure presentation facts shared by the projection and the renderers. Kept\n * free of React so the session-only entry can inspect primary output without pulling\n * in rendering code.\n */\n\n/** Shared browser preview allowlist; other published files remain downloads. */\nexport function isRetainedImageContentType(contentType: string): boolean {\n  return [\n    \"image/png\",\n    \"image/jpeg\",\n    \"image/gif\",\n    \"image/webp\",\n    \"image/avif\",\n    \"image/svg+xml\",\n  ].includes(contentType);\n}\n\n/** Deliberately published images are primary output, not incidental screenshots. */\nexport function activityPresentsImage(items: readonly ActivityItem[]): boolean {\n  return items.some((item) => {\n    if (item.kind !== \"tool-call\") return false;\n    const name = mcpToolLeaf(item.name);\n    if (name === \"generate_image\" || name === \"image_generation_call\") return true;\n    if (item.status !== \"complete\" || name !== \"sandbox_file_publish\") return false;\n    const output = normalizeMcpOutput(item.output);\n    if (output.isError) return false;\n    const receipt = parseSandboxFileArtifactReceipt(output.text);\n    return receipt !== null && isRetainedImageContentType(receipt.artifact.contentType);\n  });\n}\n\nexport function timelineGroupContainsPresentedImage(group: TimelineGroup): boolean {\n  switch (group.kind) {\n    case \"item\":\n      return false;\n    case \"activity\":\n      return (\n        activityPresentsImage(group.items) ||\n        (group.work?.details?.some(timelineGroupContainsPresentedImage) ?? false)\n      );\n    case \"turn\":\n      return group.groups.some(timelineGroupContainsPresentedImage);\n  }\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { RetainedArtifactReference } from \"@opengeni/sdk\";\nimport type { ToolRendererProps } from \"./registry\";\ntype RetainedImageState =\n  | { kind: \"loading\" }\n  | { kind: \"ready\"; url: string }\n  | { kind: \"unavailable\"; label: string }\n  | { kind: \"error\"; message: string };\n\nexport { isRetainedImageContentType } from \"./presented-image\";\n\nexport function useRetainedImageObjectUrl(\n  artifact: RetainedArtifactReference,\n  load: ToolRendererProps[\"loadRetainedArtifact\"],\n): RetainedImageState & { retry: () => void } {\n  const [state, setState] = useState<RetainedImageState>({ kind: \"loading\" });\n  const [retrievalAttempt, setRetrievalAttempt] = useState(0);\n  // Retry only the immutable retained artifact; never issue a new capture or\n  // rewrite the tool receipt/model history to repair a human preview.\n  const retry = useCallback(() => setRetrievalAttempt((attempt) => attempt + 1), []);\n  // Function outputs are commonly serialized JSON. Parsing them creates a new\n  // object on every render, so depend on the immutable wire value rather than\n  // object identity; otherwise the loader can refetch after its own setState.\n  const artifactValue = retainedArtifactValue(artifact);\n  const stableArtifactRef = useRef({ value: artifactValue, artifact });\n  if (stableArtifactRef.current.value !== artifactValue) {\n    stableArtifactRef.current = { value: artifactValue, artifact };\n  }\n  const stableArtifact = stableArtifactRef.current.artifact;\n  useEffect(() => {\n    if (!load) {\n      setState({ kind: \"unavailable\", label: \"retrieval is not configured\" });\n      return;\n    }\n    const controller = new AbortController();\n    let objectUrl: string | null = null;\n    setState({ kind: \"loading\" });\n    void load(stableArtifact, controller.signal)\n      .then((source) => {\n        if (controller.signal.aborted) return;\n        if (!source) {\n          setState({ kind: \"unavailable\", label: \"bytes are unavailable\" });\n          return;\n        }\n        if (!(source instanceof Uint8Array)) {\n          if (!source.url.trim()) {\n            setState({ kind: \"unavailable\", label: \"URL is unavailable\" });\n            return;\n          }\n          setState({ kind: \"ready\", url: source.url });\n          return;\n        }\n        objectUrl = URL.createObjectURL(\n          new Blob([source as unknown as BlobPart], { type: stableArtifact.contentType }),\n        );\n        setState({ kind: \"ready\", url: objectUrl });\n      })\n      .catch((error: unknown) => {\n        if (controller.signal.aborted) return;\n        const status =\n          error && typeof error === \"object\" && \"status\" in error\n            ? Number((error as { status?: unknown }).status)\n            : null;\n        setState(\n          status === 404\n            ? { kind: \"unavailable\", label: \"deleted\" }\n            : status === 410\n              ? { kind: \"unavailable\", label: \"expired or unavailable\" }\n              : { kind: \"error\", message: \"retrieval failed\" },\n        );\n      });\n    return () => {\n      controller.abort();\n      if (objectUrl) URL.revokeObjectURL(objectUrl);\n    };\n  }, [stableArtifact, load, retrievalAttempt]);\n  return { ...state, retry };\n}\n\nfunction retainedArtifactValue(artifact: RetainedArtifactReference): string {\n  return [\n    artifact.artifactId,\n    artifact.kind,\n    artifact.contentType,\n    artifact.originalBytes,\n    artifact.sha256,\n    artifact.retainedAt,\n    artifact.dimensions?.width ?? \"\",\n    artifact.dimensions?.height ?? \"\",\n    artifact.retention.policy,\n    artifact.retention.expiresAt ?? \"\",\n    artifact.retrieval.method,\n    artifact.retrieval.path,\n    artifact.retrieval.acceptRanges,\n    artifact.retrieval.maxRangeBytes,\n  ].join(\"\\0\");\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-BRM6FVZA.js → chunk-IEE7WCLN.js}

@@ -1,9 +1,10 @@
+"use client";
 import {
   usePortalTokenStyle
-} from "./chunk-VZTQ73XT.js";
+} from "./chunk-XEA5BCMA.js";
 import {
   cn
-} from "./chunk-22KP6LR5.js";
+} from "./chunk-TXS65BB2.js";
 
 // src/timeline/screenshot-lightbox.tsx
 import { DownloadIcon, XIcon } from "lucide-react";
@@ -299,4 +300,4 @@ export {
   TooltipTrigger,
   TooltipContent
 };
-//# sourceMappingURL=chunk-BRM6FVZA.js.map
+//# sourceMappingURL=chunk-IEE7WCLN.js.map

package/dist/{chunk-BRM6FVZA.js.map → chunk-IEE7WCLN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/timeline/screenshot-lightbox.tsx","../src/components/tooltip.tsx"],"sourcesContent":["import { DownloadIcon, XIcon } from \"lucide-react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { Dialog } from \"radix-ui\";\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\n\n/* ----------------------------------------------------------------------------\n   Screenshot lightbox\n\n   A single, app-level lightbox the computer_call / view_image renderers open by\n   `src`. Built on Radix Dialog so it is focus-trapped, ESC-closable, and\n   scroll-locked — fixing the v1 mockup's broken expand (an absolutely-positioned\n   <img> that overflowed its row). The image is centered, constrained to the\n   viewport (`max-w/max-h` + `object-contain`), and sits on a dimmed backdrop.\n\n   Consumers render `<LightboxProvider>` once near the timeline; renderers call\n   `useLightbox().open(src)`.\n   -------------------------------------------------------------------------- */\n\ntype LightboxController = {\n  open: (\n    src: string,\n    caption?: string,\n    source?: HTMLElement | null,\n    label?: string,\n    downloadFilename?: string,\n    controlLabels?: LightboxControlLabels,\n    releaseSource?: () => void,\n  ) => void;\n};\n\nexport type LightboxControlLabels = {\n  download?: string | undefined;\n  close?: string | undefined;\n};\n\nconst LightboxContext = createContext<LightboxController | null>(null);\n\n/** Open the app-level screenshot lightbox. No-op outside a `LightboxProvider`. */\nexport function useLightbox(): LightboxController {\n  return useContext(LightboxContext) ?? NOOP;\n}\n\n/**\n * The lightbox controller when one is mounted, or `null` outside a\n * `LightboxProvider`. Lets a media primitive degrade to a non-interactive image\n * (rather than a dead \"Expand\" button that announces an action it cannot do).\n */\nexport function useLightboxOptional(): LightboxController | null {\n  return useContext(LightboxContext);\n}\n\nconst NOOP: LightboxController = { open: () => {} };\n\n/** @internal Owns one optional retained lightbox source and releases it exactly once. */\nexport function createLightboxSourceOwner() {\n  let releaseCurrent: (() => void) | null = null;\n  return {\n    replace(release?: (() => void) | undefined) {\n      const previous = releaseCurrent;\n      releaseCurrent = release ?? null;\n      previous?.();\n    },\n    release() {\n      const release = releaseCurrent;\n      releaseCurrent = null;\n      release?.();\n    },\n  };\n}\n\n/**\n * The app-level screenshot lightbox. Render once near the timeline; renderers\n * call `useLightbox().open(src)`.\n *\n * Idempotent by design: when an ancestor `LightboxProvider` already exists (e.g.\n * a `MessageTimeline` mounted inside an app that already wraps its shell), this\n * one becomes a pass-through and does NOT mount a second focus-trapping Dialog.\n * That keeps `MessageTimeline` self-sufficient (it owns its own provider) while\n * composing cleanly when nested.\n */\nexport function LightboxProvider({ children }: { children: ReactNode }) {\n  const ancestor = useContext(LightboxContext);\n  if (ancestor) {\n    return <>{children}</>;\n  }\n  return <LightboxRoot>{children}</LightboxRoot>;\n}\n\nfunction LightboxRoot({ children }: { children: ReactNode }) {\n  const [state, setState] = useState<{\n    src: string;\n    caption?: string;\n    label: string;\n    downloadFilename?: string;\n    controlLabels?: LightboxControlLabels;\n  } | null>(null);\n  const [tokenSource, setTokenSource] = useState<HTMLElement | null>(null);\n  const sourceOwner = useMemo(() => createLightboxSourceOwner(), []);\n  const portalStyle = usePortalTokenStyle(tokenSource);\n\n  const releaseCurrentSource = useCallback(() => {\n    sourceOwner.release();\n  }, [sourceOwner]);\n\n  useEffect(() => releaseCurrentSource, [releaseCurrentSource]);\n\n  const open = useCallback(\n    (\n      src: string,\n      caption?: string,\n      source?: HTMLElement | null,\n      label = \"Screenshot\",\n      downloadFilename?: string,\n      controlLabels?: LightboxControlLabels,\n      releaseSource?: () => void,\n    ) => {\n      sourceOwner.replace(releaseSource);\n      setTokenSource(source ?? null);\n      setState({\n        src,\n        label,\n        ...(caption ? { caption } : {}),\n        ...(downloadFilename ? { downloadFilename } : {}),\n        ...(controlLabels ? { controlLabels } : {}),\n      });\n    },\n    [sourceOwner],\n  );\n\n  const close = useCallback(() => {\n    releaseCurrentSource();\n    setState(null);\n    setTokenSource(null);\n  }, [releaseCurrentSource]);\n\n  const controller = useMemo<LightboxController>(() => ({ open }), [open]);\n\n  return (\n    <LightboxContext.Provider value={controller}>\n      {children}\n      <Dialog.Root open={state !== null} onOpenChange={(next) => !next && close()}>\n        <AnimatePresence>\n          {state !== null ? (\n            <Dialog.Portal forceMount>\n              <Dialog.Overlay asChild forceMount>\n                <motion.div\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{ duration: 0.15 }}\n                  className=\"og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md\"\n                  style={portalStyle}\n                />\n              </Dialog.Overlay>\n              <Dialog.Content\n                asChild\n                forceMount\n                aria-label={state.label}\n                onOpenAutoFocus={(event) => event.preventDefault()}\n              >\n                <motion.div\n                  initial={{ opacity: 0, scale: 0.98 }}\n                  animate={{ opacity: 1, scale: 1 }}\n                  exit={{ opacity: 0, scale: 0.98 }}\n                  transition={{ duration: 0.18, ease: [0.16, 1, 0.3, 1] }}\n                  // Content is a full-inset centering wrapper layered above the\n                  // Overlay, so Radix's own click-outside (which fires on the\n                  // Overlay) can never see a backdrop click — every click lands on\n                  // Content. We make Content's own backdrop dismiss: a click whose\n                  // target is the wrapper itself (not the figure) closes it, so the\n                  // figcaption's \"click outside to close\" affordance is real.\n                  onClick={(event) => {\n                    if (event.target === event.currentTarget) {\n                      close();\n                    }\n                  }}\n                  className=\"og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12\"\n                  style={portalStyle}\n                >\n                  <Dialog.Title className=\"sr-only\">{state.label}</Dialog.Title>\n                  <Dialog.Description className=\"sr-only\">\n                    {state.caption ?? `Expanded ${state.label.toLowerCase()}`}\n                  </Dialog.Description>\n                  {/* The figure is one self-contained object: image, caption, and\n                      its own close control. The close button anchors to a wrapper\n                      sized to the IMAGE (w-fit), so it hugs the real top-right\n                      corner regardless of aspect ratio — never floating into the\n                      empty space of a wide figure column. */}\n                  <figure className=\"m-0 flex max-h-full max-w-5xl flex-col items-center gap-3\">\n                    <div className=\"relative flex min-h-0 w-fit max-w-full\">\n                      {/* A plain <img>: this SDK is framework-agnostic, with no host Image component. */}\n                      <img\n                        src={state.src}\n                        alt={state.caption ?? state.label}\n                        className=\"min-h-0 max-h-[82vh] w-auto max-w-full rounded-og-md border border-white/10 object-contain shadow-og-lg\"\n                      />\n                      <ScreenshotLightboxControls\n                        src={state.src}\n                        downloadFilename={state.downloadFilename}\n                        controlLabels={state.controlLabels}\n                      />\n                    </div>\n                    {state.caption ? (\n                      <figcaption className=\"max-w-2xl text-center font-og-mono text-og-xs text-white/55\">\n                        {state.caption}\n                      </figcaption>\n                    ) : (\n                      <figcaption className=\"font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35\">\n                        Esc or click outside to close\n                      </figcaption>\n                    )}\n                  </figure>\n                </motion.div>\n              </Dialog.Content>\n            </Dialog.Portal>\n          ) : null}\n        </AnimatePresence>\n      </Dialog.Root>\n    </LightboxContext.Provider>\n  );\n}\n\n/** @internal Exact controls rendered by an open screenshot lightbox. */\nexport function ScreenshotLightboxControls({\n  src,\n  downloadFilename,\n  controlLabels,\n}: {\n  src: string;\n  downloadFilename?: string | undefined;\n  controlLabels?: LightboxControlLabels | undefined;\n}) {\n  return (\n    <div className=\"absolute -right-3 -top-3 flex items-center gap-2\">\n      {downloadFilename ? (\n        <a\n          href={src}\n          download={downloadFilename}\n          className={cn(\n            \"inline-flex size-9 items-center justify-center rounded-full\",\n            \"border border-white/15 bg-black/60 text-white/70 backdrop-blur\",\n            \"transition-colors hover:border-white/30 hover:text-white\",\n          )}\n          aria-label={controlLabels?.download ?? `Download ${downloadFilename}`}\n        >\n          <DownloadIcon className=\"size-4\" />\n        </a>\n      ) : null}\n      <Dialog.Close\n        className={cn(\n          \"inline-flex size-9 items-center justify-center rounded-full\",\n          \"border border-white/15 bg-black/60 text-white/70 backdrop-blur\",\n          \"transition-colors hover:border-white/30 hover:text-white\",\n        )}\n        aria-label={controlLabels?.close ?? \"Close\"}\n      >\n        <XIcon className=\"size-4\" />\n      </Dialog.Close>\n    </div>\n  );\n}\n","/**\n * Token-styled Radix tooltip — SDK counterpart to apps/web `components/ui/tooltip`.\n * Portals copy `--og-*` tokens so embeds keep the host theme outside `.og-root`.\n *\n * Background/foreground are applied as inline styles (not only Tailwind\n * utilities): `.og-root` sets `color: var(--og-color-fg)` after utilities in the\n * consumer CSS cascade, which would otherwise paint light-on-light inverted\n * tips and look like a blank white bubble.\n */\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type CSSProperties,\n} from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\n\ntype TooltipSourceContextValue = {\n  source: HTMLElement | null;\n  ref: (node: HTMLElement | null) => void;\n};\n\nconst TooltipSourceContext = createContext<TooltipSourceContextValue | null>(null);\n\nfunction TooltipProvider({\n  delayDuration = 300,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ children, ...props }: ComponentProps<typeof TooltipPrimitive.Root>) {\n  const { onOpenChange, ...rootProps } = props;\n  const sourceRef = useRef<HTMLElement | null>(null);\n  const sourcePublishedRef = useRef(false);\n  const [source, setSource] = useState<HTMLElement | null>(null);\n  const ref = useRef((node: HTMLElement | null) => {\n    sourceRef.current = node;\n    if (sourcePublishedRef.current) setSource(node);\n  }).current;\n  useLayoutEffect(() => {\n    if (rootProps.open === true || rootProps.defaultOpen === true) {\n      sourcePublishedRef.current = true;\n      setSource(sourceRef.current);\n    }\n  }, [rootProps.defaultOpen, rootProps.open]);\n  const sourceContext = useMemo(() => ({ source, ref }), [ref, source]);\n  return (\n    <TooltipSourceContext.Provider value={sourceContext}>\n      <TooltipPrimitive.Root\n        data-slot=\"tooltip\"\n        onOpenChange={(open) => {\n          if (open) {\n            sourcePublishedRef.current = true;\n            setSource(sourceRef.current);\n          }\n          onOpenChange?.(open);\n        }}\n        {...rootProps}\n      >\n        {children}\n      </TooltipPrimitive.Root>\n    </TooltipSourceContext.Provider>\n  );\n}\n\nfunction TooltipTrigger({\n  asChild = true,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  const sourceRef = useContext(TooltipSourceContext);\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      asChild={asChild}\n      ref={(node) => {\n        sourceRef?.ref(node);\n      }}\n      {...props}\n    />\n  );\n}\n\nconst tooltipSurfaceStyle: CSSProperties = {\n  backgroundColor: \"var(--og-color-fg)\",\n  color: \"var(--og-color-bg)\",\n};\n\nfunction TooltipContent({\n  className,\n  sideOffset = 6,\n  children,\n  style,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Content>) {\n  const source = useContext(TooltipSourceContext);\n  const portalStyle = usePortalTokenStyle(source?.source ?? null);\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"og-root z-50 w-fit max-w-xs origin-[var(--radix-tooltip-content-transform-origin)]\",\n          \"rounded-og-md px-2.5 py-1.5 text-og-xs leading-4 text-balance shadow-og-md\",\n          \"animate-og-enter data-[state=closed]:opacity-0 data-[state=closed]:transition-opacity\",\n          className,\n        )}\n        style={{ ...portalStyle, ...tooltipSurfaceStyle, ...style }}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow\n          className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n          style={{\n            backgroundColor: \"var(--og-color-fg)\",\n            fill: \"var(--og-color-fg)\",\n          }}\n        />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":"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","names":["createContext","useContext","useMemo","useState","jsx","jsxs","createContext","useState","useMemo","useContext"]}
+{"version":3,"sources":["../src/timeline/screenshot-lightbox.tsx","../src/components/tooltip.tsx"],"sourcesContent":["import { DownloadIcon, XIcon } from \"lucide-react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { Dialog } from \"radix-ui\";\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\n\n/* ----------------------------------------------------------------------------\n   Screenshot lightbox\n\n   A single, app-level lightbox the computer_call / view_image renderers open by\n   `src`. Built on Radix Dialog so it is focus-trapped, ESC-closable, and\n   scroll-locked — fixing the v1 mockup's broken expand (an absolutely-positioned\n   <img> that overflowed its row). The image is centered, constrained to the\n   viewport (`max-w/max-h` + `object-contain`), and sits on a dimmed backdrop.\n\n   Consumers render `<LightboxProvider>` once near the timeline; renderers call\n   `useLightbox().open(src)`.\n   -------------------------------------------------------------------------- */\n\ntype LightboxController = {\n  open: (\n    src: string,\n    caption?: string,\n    source?: HTMLElement | null,\n    label?: string,\n    downloadFilename?: string,\n    controlLabels?: LightboxControlLabels,\n    releaseSource?: () => void,\n  ) => void;\n};\n\nexport type LightboxControlLabels = {\n  download?: string | undefined;\n  close?: string | undefined;\n};\n\nconst LightboxContext = createContext<LightboxController | null>(null);\n\n/** Open the app-level screenshot lightbox. No-op outside a `LightboxProvider`. */\nexport function useLightbox(): LightboxController {\n  return useContext(LightboxContext) ?? NOOP;\n}\n\n/**\n * The lightbox controller when one is mounted, or `null` outside a\n * `LightboxProvider`. Lets a media primitive degrade to a non-interactive image\n * (rather than a dead \"Expand\" button that announces an action it cannot do).\n */\nexport function useLightboxOptional(): LightboxController | null {\n  return useContext(LightboxContext);\n}\n\nconst NOOP: LightboxController = { open: () => {} };\n\n/** @internal Owns one optional retained lightbox source and releases it exactly once. */\nexport function createLightboxSourceOwner() {\n  let releaseCurrent: (() => void) | null = null;\n  return {\n    replace(release?: (() => void) | undefined) {\n      const previous = releaseCurrent;\n      releaseCurrent = release ?? null;\n      previous?.();\n    },\n    release() {\n      const release = releaseCurrent;\n      releaseCurrent = null;\n      release?.();\n    },\n  };\n}\n\n/**\n * The app-level screenshot lightbox. Render once near the timeline; renderers\n * call `useLightbox().open(src)`.\n *\n * Idempotent by design: when an ancestor `LightboxProvider` already exists (e.g.\n * a `MessageTimeline` mounted inside an app that already wraps its shell), this\n * one becomes a pass-through and does NOT mount a second focus-trapping Dialog.\n * That keeps `MessageTimeline` self-sufficient (it owns its own provider) while\n * composing cleanly when nested.\n */\nexport function LightboxProvider({ children }: { children: ReactNode }) {\n  const ancestor = useContext(LightboxContext);\n  if (ancestor) {\n    return <>{children}</>;\n  }\n  return <LightboxRoot>{children}</LightboxRoot>;\n}\n\nfunction LightboxRoot({ children }: { children: ReactNode }) {\n  const [state, setState] = useState<{\n    src: string;\n    caption?: string;\n    label: string;\n    downloadFilename?: string;\n    controlLabels?: LightboxControlLabels;\n  } | null>(null);\n  const [tokenSource, setTokenSource] = useState<HTMLElement | null>(null);\n  const sourceOwner = useMemo(() => createLightboxSourceOwner(), []);\n  const portalStyle = usePortalTokenStyle(tokenSource);\n\n  const releaseCurrentSource = useCallback(() => {\n    sourceOwner.release();\n  }, [sourceOwner]);\n\n  useEffect(() => releaseCurrentSource, [releaseCurrentSource]);\n\n  const open = useCallback(\n    (\n      src: string,\n      caption?: string,\n      source?: HTMLElement | null,\n      label = \"Screenshot\",\n      downloadFilename?: string,\n      controlLabels?: LightboxControlLabels,\n      releaseSource?: () => void,\n    ) => {\n      sourceOwner.replace(releaseSource);\n      setTokenSource(source ?? null);\n      setState({\n        src,\n        label,\n        ...(caption ? { caption } : {}),\n        ...(downloadFilename ? { downloadFilename } : {}),\n        ...(controlLabels ? { controlLabels } : {}),\n      });\n    },\n    [sourceOwner],\n  );\n\n  const close = useCallback(() => {\n    releaseCurrentSource();\n    setState(null);\n    setTokenSource(null);\n  }, [releaseCurrentSource]);\n\n  const controller = useMemo<LightboxController>(() => ({ open }), [open]);\n\n  return (\n    <LightboxContext.Provider value={controller}>\n      {children}\n      <Dialog.Root open={state !== null} onOpenChange={(next) => !next && close()}>\n        <AnimatePresence>\n          {state !== null ? (\n            <Dialog.Portal forceMount>\n              <Dialog.Overlay asChild forceMount>\n                <motion.div\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{ duration: 0.15 }}\n                  className=\"og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md\"\n                  style={portalStyle}\n                />\n              </Dialog.Overlay>\n              <Dialog.Content\n                asChild\n                forceMount\n                aria-label={state.label}\n                onOpenAutoFocus={(event) => event.preventDefault()}\n              >\n                <motion.div\n                  initial={{ opacity: 0, scale: 0.98 }}\n                  animate={{ opacity: 1, scale: 1 }}\n                  exit={{ opacity: 0, scale: 0.98 }}\n                  transition={{ duration: 0.18, ease: [0.16, 1, 0.3, 1] }}\n                  // Content is a full-inset centering wrapper layered above the\n                  // Overlay, so Radix's own click-outside (which fires on the\n                  // Overlay) can never see a backdrop click — every click lands on\n                  // Content. We make Content's own backdrop dismiss: a click whose\n                  // target is the wrapper itself (not the figure) closes it, so the\n                  // figcaption's \"click outside to close\" affordance is real.\n                  onClick={(event) => {\n                    if (event.target === event.currentTarget) {\n                      close();\n                    }\n                  }}\n                  className=\"og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12\"\n                  style={portalStyle}\n                >\n                  <Dialog.Title className=\"sr-only\">{state.label}</Dialog.Title>\n                  <Dialog.Description className=\"sr-only\">\n                    {state.caption ?? `Expanded ${state.label.toLowerCase()}`}\n                  </Dialog.Description>\n                  {/* The figure is one self-contained object: image, caption, and\n                      its own close control. The close button anchors to a wrapper\n                      sized to the IMAGE (w-fit), so it hugs the real top-right\n                      corner regardless of aspect ratio — never floating into the\n                      empty space of a wide figure column. */}\n                  <figure className=\"m-0 flex max-h-full max-w-5xl flex-col items-center gap-3\">\n                    <div className=\"relative flex min-h-0 w-fit max-w-full\">\n                      {/* A plain <img>: this SDK is framework-agnostic, with no host Image component. */}\n                      <img\n                        src={state.src}\n                        alt={state.caption ?? state.label}\n                        className=\"min-h-0 max-h-[82vh] w-auto max-w-full rounded-og-md border border-white/10 object-contain shadow-og-lg\"\n                      />\n                      <ScreenshotLightboxControls\n                        src={state.src}\n                        downloadFilename={state.downloadFilename}\n                        controlLabels={state.controlLabels}\n                      />\n                    </div>\n                    {state.caption ? (\n                      <figcaption className=\"max-w-2xl text-center font-og-mono text-og-xs text-white/55\">\n                        {state.caption}\n                      </figcaption>\n                    ) : (\n                      <figcaption className=\"font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35\">\n                        Esc or click outside to close\n                      </figcaption>\n                    )}\n                  </figure>\n                </motion.div>\n              </Dialog.Content>\n            </Dialog.Portal>\n          ) : null}\n        </AnimatePresence>\n      </Dialog.Root>\n    </LightboxContext.Provider>\n  );\n}\n\n/** @internal Exact controls rendered by an open screenshot lightbox. */\nexport function ScreenshotLightboxControls({\n  src,\n  downloadFilename,\n  controlLabels,\n}: {\n  src: string;\n  downloadFilename?: string | undefined;\n  controlLabels?: LightboxControlLabels | undefined;\n}) {\n  return (\n    <div className=\"absolute -right-3 -top-3 flex items-center gap-2\">\n      {downloadFilename ? (\n        <a\n          href={src}\n          download={downloadFilename}\n          className={cn(\n            \"inline-flex size-9 items-center justify-center rounded-full\",\n            \"border border-white/15 bg-black/60 text-white/70 backdrop-blur\",\n            \"transition-colors hover:border-white/30 hover:text-white\",\n          )}\n          aria-label={controlLabels?.download ?? `Download ${downloadFilename}`}\n        >\n          <DownloadIcon className=\"size-4\" />\n        </a>\n      ) : null}\n      <Dialog.Close\n        className={cn(\n          \"inline-flex size-9 items-center justify-center rounded-full\",\n          \"border border-white/15 bg-black/60 text-white/70 backdrop-blur\",\n          \"transition-colors hover:border-white/30 hover:text-white\",\n        )}\n        aria-label={controlLabels?.close ?? \"Close\"}\n      >\n        <XIcon className=\"size-4\" />\n      </Dialog.Close>\n    </div>\n  );\n}\n","/**\n * Token-styled Radix tooltip — SDK counterpart to apps/web `components/ui/tooltip`.\n * Portals copy `--og-*` tokens so embeds keep the host theme outside `.og-root`.\n *\n * Background/foreground are applied as inline styles (not only Tailwind\n * utilities): `.og-root` sets `color: var(--og-color-fg)` after utilities in the\n * consumer CSS cascade, which would otherwise paint light-on-light inverted\n * tips and look like a blank white bubble.\n */\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type CSSProperties,\n} from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\n\ntype TooltipSourceContextValue = {\n  source: HTMLElement | null;\n  ref: (node: HTMLElement | null) => void;\n};\n\nconst TooltipSourceContext = createContext<TooltipSourceContextValue | null>(null);\n\nfunction TooltipProvider({\n  delayDuration = 300,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ children, ...props }: ComponentProps<typeof TooltipPrimitive.Root>) {\n  const { onOpenChange, ...rootProps } = props;\n  const sourceRef = useRef<HTMLElement | null>(null);\n  const sourcePublishedRef = useRef(false);\n  const [source, setSource] = useState<HTMLElement | null>(null);\n  const ref = useRef((node: HTMLElement | null) => {\n    sourceRef.current = node;\n    if (sourcePublishedRef.current) setSource(node);\n  }).current;\n  useLayoutEffect(() => {\n    if (rootProps.open === true || rootProps.defaultOpen === true) {\n      sourcePublishedRef.current = true;\n      setSource(sourceRef.current);\n    }\n  }, [rootProps.defaultOpen, rootProps.open]);\n  const sourceContext = useMemo(() => ({ source, ref }), [ref, source]);\n  return (\n    <TooltipSourceContext.Provider value={sourceContext}>\n      <TooltipPrimitive.Root\n        data-slot=\"tooltip\"\n        onOpenChange={(open) => {\n          if (open) {\n            sourcePublishedRef.current = true;\n            setSource(sourceRef.current);\n          }\n          onOpenChange?.(open);\n        }}\n        {...rootProps}\n      >\n        {children}\n      </TooltipPrimitive.Root>\n    </TooltipSourceContext.Provider>\n  );\n}\n\nfunction TooltipTrigger({\n  asChild = true,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  const sourceRef = useContext(TooltipSourceContext);\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      asChild={asChild}\n      ref={(node) => {\n        sourceRef?.ref(node);\n      }}\n      {...props}\n    />\n  );\n}\n\nconst tooltipSurfaceStyle: CSSProperties = {\n  backgroundColor: \"var(--og-color-fg)\",\n  color: \"var(--og-color-bg)\",\n};\n\nfunction TooltipContent({\n  className,\n  sideOffset = 6,\n  children,\n  style,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Content>) {\n  const source = useContext(TooltipSourceContext);\n  const portalStyle = usePortalTokenStyle(source?.source ?? null);\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"og-root z-50 w-fit max-w-xs origin-[var(--radix-tooltip-content-transform-origin)]\",\n          \"rounded-og-md px-2.5 py-1.5 text-og-xs leading-4 text-balance shadow-og-md\",\n          \"animate-og-enter data-[state=closed]:opacity-0 data-[state=closed]:transition-opacity\",\n          className,\n        )}\n        style={{ ...portalStyle, ...tooltipSurfaceStyle, ...style }}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow\n          className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n          style={{\n            backgroundColor: \"var(--og-color-fg)\",\n            fill: \"var(--og-color-fg)\",\n          }}\n        />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":"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","names":["createContext","useContext","useMemo","useState","jsx","jsxs","createContext","useState","useMemo","useContext"]}

package/dist/{chunk-DYWBUX5Q.js → chunk-IMSUVYQB.js}

@@ -1,19 +1,20 @@
+"use client";
 import {
   interactionHostPlatform
-} from "./chunk-RHREZ7BO.js";
+} from "./chunk-ZUWF4NF7.js";
 import {
   STREAM_KIND_DESKTOP,
   STREAM_ROLE_CLIENT,
   decodeStreamFrame,
   decodeStreamOpenAck,
   encodeStreamOpen
-} from "./chunk-5J4FOW6Q.js";
+} from "./chunk-TNEZNMSN.js";
 import {
   desktopViewerPeers
-} from "./chunk-JT4JW7BC.js";
+} from "./chunk-5I4VRWBB.js";
 import {
   cn
-} from "./chunk-22KP6LR5.js";
+} from "./chunk-TXS65BB2.js";
 
 // src/hooks/use-relay-frame-stream.ts
 import { useEffect, useRef, useState } from "react";
@@ -836,4 +837,4 @@ export {
   useDesktopStream,
   DesktopViewer
 };
-//# sourceMappingURL=chunk-DYWBUX5Q.js.map
+//# sourceMappingURL=chunk-IMSUVYQB.js.map