@opengeni/react 1.0.1 → 1.0.2-canary.37202341988001

package/dist/chunk-ERGYJIBB.js

@@ -0,0 +1,21 @@
+// src/timeline/tool-display-name.ts
+function mcpToolLeaf(name) {
+  const boundary = name.indexOf("__");
+  return boundary >= 0 ? name.slice(boundary + 2) : name;
+}
+function toolMatchesLeaf(wireName, leaf) {
+  return wireName === leaf || wireName.endsWith(`__${leaf}`);
+}
+function toolDisplayName(name, display) {
+  if (!display && /^[a-f0-9]{64}$/.test(name)) return "Tool call";
+  const phrase = (display?.toolName ?? mcpToolLeaf(name)).replace(/[_-]+/g, " ").trim();
+  const title = display?.title ?? (phrase ? phrase.charAt(0).toUpperCase() + phrase.slice(1) : name);
+  return display?.accountLabel ? `${title} \u2014 ${display.accountLabel}` : title;
+}
+
+export {
+  mcpToolLeaf,
+  toolMatchesLeaf,
+  toolDisplayName
+};
+//# sourceMappingURL=chunk-ERGYJIBB.js.map

package/dist/chunk-ERGYJIBB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/tool-display-name.ts"],"sourcesContent":["/**\n * MCP / first-party tool naming helpers.\n *\n * Wire names are often `<serverId>__<toolName>` (see prefixedMcpToolName).\n * Matching and titles must use the leaf tool name so `opengeni__session_create`\n * and bare `session_create` resolve the same UI — without inventing previews\n * from argument JSON.\n */\n\nimport type { ToolDisplayMetadata } from \"@opengeni/sdk\";\n\n/** Leaf tool name after the first `__` server boundary (or the whole name). */\nexport function mcpToolLeaf(name: string): string {\n  const boundary = name.indexOf(\"__\");\n  return boundary >= 0 ? name.slice(boundary + 2) : name;\n}\n\n/**\n * True when `wireName` is exactly `leaf` or ends with `__${leaf}` (MCP prefix).\n * Does not treat arbitrary suffixes as matches — the leaf must be the full\n * right-hand side after `__`.\n */\nexport function toolMatchesLeaf(wireName: string, leaf: string): boolean {\n  return wireName === leaf || wireName.endsWith(`__${leaf}`);\n}\n\n/**\n * Readable label for a tool call (\"session_create\" / \"opengeni__session_create\"\n * → \"Session create\"). Title-cases the first character of the leaf phrase.\n */\nexport function toolDisplayName(name: string, display?: ToolDisplayMetadata): string {\n  if (!display && /^[a-f0-9]{64}$/.test(name)) return \"Tool call\";\n  const phrase = (display?.toolName ?? mcpToolLeaf(name)).replace(/[_-]+/g, \" \").trim();\n  const title =\n    display?.title ?? (phrase ? phrase.charAt(0).toUpperCase() + phrase.slice(1) : name);\n  return display?.accountLabel ? `${title} — ${display.accountLabel}` : title;\n}\n"],"mappings":";AAYO,SAAS,YAAY,MAAsB;AAChD,QAAM,WAAW,KAAK,QAAQ,IAAI;AAClC,SAAO,YAAY,IAAI,KAAK,MAAM,WAAW,CAAC,IAAI;AACpD;AAOO,SAAS,gBAAgB,UAAkB,MAAuB;AACvE,SAAO,aAAa,QAAQ,SAAS,SAAS,KAAK,IAAI,EAAE;AAC3D;AAMO,SAAS,gBAAgB,MAAc,SAAuC;AACnF,MAAI,CAAC,WAAW,iBAAiB,KAAK,IAAI,EAAG,QAAO;AACpD,QAAM,UAAU,SAAS,YAAY,YAAY,IAAI,GAAG,QAAQ,UAAU,GAAG,EAAE,KAAK;AACpF,QAAM,QACJ,SAAS,UAAU,SAAS,OAAO,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,IAAI;AACjF,SAAO,SAAS,eAAe,GAAG,KAAK,WAAM,QAAQ,YAAY,KAAK;AACxE;","names":[]}

package/dist/chunk-FZCP527Y.js

@@ -0,0 +1,116 @@
+import {
+  mcpToolLeaf
+} from "./chunk-ERGYJIBB.js";
+
+// src/timeline/presented-image.ts
+import { normalizeMcpOutput, parseSandboxFileArtifactReceipt } from "@opengeni/sdk";
+function isRetainedImageContentType(contentType) {
+  return [
+    "image/png",
+    "image/jpeg",
+    "image/gif",
+    "image/webp",
+    "image/avif",
+    "image/svg+xml"
+  ].includes(contentType);
+}
+function activityPresentsImage(items) {
+  return items.some((item) => {
+    if (item.kind !== "tool-call") return false;
+    const name = mcpToolLeaf(item.name);
+    if (name === "generate_image" || name === "image_generation_call") return true;
+    if (item.status !== "complete" || name !== "sandbox_file_publish") return false;
+    const output = normalizeMcpOutput(item.output);
+    if (output.isError) return false;
+    const receipt = parseSandboxFileArtifactReceipt(output.text);
+    return receipt !== null && isRetainedImageContentType(receipt.artifact.contentType);
+  });
+}
+function timelineGroupContainsPresentedImage(group) {
+  switch (group.kind) {
+    case "item":
+      return false;
+    case "activity":
+      return activityPresentsImage(group.items) || (group.work?.details?.some(timelineGroupContainsPresentedImage) ?? false);
+    case "turn":
+      return group.groups.some(timelineGroupContainsPresentedImage);
+  }
+}
+
+// src/timeline/retained-image.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useRetainedImageObjectUrl(artifact, load) {
+  const [state, setState] = useState({ kind: "loading" });
+  const [retrievalAttempt, setRetrievalAttempt] = useState(0);
+  const retry = useCallback(() => setRetrievalAttempt((attempt) => attempt + 1), []);
+  const artifactValue = retainedArtifactValue(artifact);
+  const stableArtifactRef = useRef({ value: artifactValue, artifact });
+  if (stableArtifactRef.current.value !== artifactValue) {
+    stableArtifactRef.current = { value: artifactValue, artifact };
+  }
+  const stableArtifact = stableArtifactRef.current.artifact;
+  useEffect(() => {
+    if (!load) {
+      setState({ kind: "unavailable", label: "retrieval is not configured" });
+      return;
+    }
+    const controller = new AbortController();
+    let objectUrl = null;
+    setState({ kind: "loading" });
+    void load(stableArtifact, controller.signal).then((source) => {
+      if (controller.signal.aborted) return;
+      if (!source) {
+        setState({ kind: "unavailable", label: "bytes are unavailable" });
+        return;
+      }
+      if (!(source instanceof Uint8Array)) {
+        if (!source.url.trim()) {
+          setState({ kind: "unavailable", label: "URL is unavailable" });
+          return;
+        }
+        setState({ kind: "ready", url: source.url });
+        return;
+      }
+      objectUrl = URL.createObjectURL(
+        new Blob([source], { type: stableArtifact.contentType })
+      );
+      setState({ kind: "ready", url: objectUrl });
+    }).catch((error) => {
+      if (controller.signal.aborted) return;
+      const status = error && typeof error === "object" && "status" in error ? Number(error.status) : null;
+      setState(
+        status === 404 ? { kind: "unavailable", label: "deleted" } : status === 410 ? { kind: "unavailable", label: "expired or unavailable" } : { kind: "error", message: "retrieval failed" }
+      );
+    });
+    return () => {
+      controller.abort();
+      if (objectUrl) URL.revokeObjectURL(objectUrl);
+    };
+  }, [stableArtifact, load, retrievalAttempt]);
+  return { ...state, retry };
+}
+function retainedArtifactValue(artifact) {
+  return [
+    artifact.artifactId,
+    artifact.kind,
+    artifact.contentType,
+    artifact.originalBytes,
+    artifact.sha256,
+    artifact.retainedAt,
+    artifact.dimensions?.width ?? "",
+    artifact.dimensions?.height ?? "",
+    artifact.retention.policy,
+    artifact.retention.expiresAt ?? "",
+    artifact.retrieval.method,
+    artifact.retrieval.path,
+    artifact.retrieval.acceptRanges,
+    artifact.retrieval.maxRangeBytes
+  ].join("\0");
+}
+
+export {
+  isRetainedImageContentType,
+  timelineGroupContainsPresentedImage,
+  useRetainedImageObjectUrl
+};
+//# sourceMappingURL=chunk-FZCP527Y.js.map

package/dist/chunk-FZCP527Y.js.map

@@ -0,0 +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":[]}

package/dist/chunk-GIMRELBW.js

@@ -0,0 +1,14 @@
+// src/lib/motion.ts
+import { flushSync } from "react-dom";
+var query;
+function prefersReducedMotion() {
+  if (query === void 0) {
+    query = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+  }
+  return query?.matches ?? false;
+}
+
+export {
+  prefersReducedMotion
+};
+//# sourceMappingURL=chunk-GIMRELBW.js.map

package/dist/chunk-GIMRELBW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/motion.ts"],"sourcesContent":["import { flushSync } from \"react-dom\";\n\n/**\n * Live `prefers-reduced-motion` check for JS-driven motion (scroll glides,\n * streaming word reveals). CSS animations are already neutralized globally in\n * styles/index.css; this lets the imperative paths skip their work entirely.\n */\nlet query: MediaQueryList | null | undefined;\n\nexport function prefersReducedMotion(): boolean {\n  if (query === undefined) {\n    query =\n      typeof window !== \"undefined\" && typeof window.matchMedia === \"function\"\n        ? window.matchMedia(\"(prefers-reduced-motion: reduce)\")\n        : null;\n  }\n  return query?.matches ?? false;\n}\n\n/** Test seam: forget the cached MediaQueryList so a stubbed matchMedia applies. */\nexport function resetReducedMotionCache(): void {\n  query = undefined;\n}\n\ntype ViewTransitionResult = { finished: Promise<void> };\ntype ViewTransitionCallback = () => void;\ntype ViewTransitionOptions = {\n  update: ViewTransitionCallback;\n  types?: string[];\n};\ntype ViewTransitionStarter = {\n  (callback: ViewTransitionCallback): ViewTransitionResult;\n  (options: ViewTransitionOptions): ViewTransitionResult;\n};\n\n/** Active VT type for markdown crystallize — scoped CSS, not a full-page blink. */\nexport const MARKDOWN_CRYSTALLIZE_VT_TYPE = \"og-md-crystallize\";\n\n/**\n * Run a DOM update inside the browser View Transition API when available.\n * Snapshots the before/after paint and cross-fades (or custom CSS morphs)\n * between them — the platform \"morph\" primitive React's experimental\n * `<ViewTransition>` wraps. Falls back to a synchronous update.\n */\nexport function runViewTransition(update: () => void, options?: { types?: string[] }): void {\n  if (prefersReducedMotion()) {\n    update();\n    return;\n  }\n  const doc = typeof document !== \"undefined\" ? document : null;\n  const start = doc\n    ? ((doc as Document & { startViewTransition?: ViewTransitionStarter }).startViewTransition ??\n      null)\n    : null;\n  if (typeof start !== \"function\") {\n    update();\n    return;\n  }\n  const types = options?.types;\n  if (types && types.length > 0) {\n    try {\n      Reflect.apply(start, doc, [\n        {\n          update: () => {\n            flushSync(update);\n          },\n          types,\n        },\n      ]);\n      return;\n    } catch {\n      // Older engines only accept the callback form.\n    }\n  }\n  Reflect.apply(start, doc, [\n    () => {\n      flushSync(update);\n    },\n  ]);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAO1B,IAAI;AAEG,SAAS,uBAAgC;AAC9C,MAAI,UAAU,QAAW;AACvB,YACE,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,aAC1D,OAAO,WAAW,kCAAkC,IACpD;AAAA,EACR;AACA,SAAO,OAAO,WAAW;AAC3B;","names":[]}