@athenaintel/react 0.42.2 → 0.43.0

package/dist/chat-ui/rich-text/chat-link.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Globe2Icon } from "lucide-react";
 import { useState } from "react";
-import { MentionLink } from "../mentions/mention-chip.js";
+import { MentionLink, CHIP_PILL_CLASS, CHIP_LINK_CLASS, CHIP_ICON_CLASS } from "../mentions/mention-chip.js";
 import { isWebHref, buildScrollToTextUrl, sourceFaviconUrl } from "./citation-anchors.js";
+import { cn } from "cnfast";
 function ChatLink({
   href,
   excerpt,
@@ -27,10 +28,10 @@ function SourceChip({
       title: excerpt,
       "data-chat-source": "",
       "data-excerpt": excerpt,
-      className: "not-prose inline-flex max-w-[240px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600 no-underline transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-800 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1",
+      className: cn(CHIP_PILL_CLASS, "max-w-[240px]", CHIP_LINK_CLASS),
       children: [
         /* @__PURE__ */ jsx(SourceFavicon, { href }),
-        /* @__PURE__ */ jsx("span", { className: "max-w-[200px] overflow-hidden text-ellipsis", children })
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-[200px] overflow-hidden text-ellipsis", children })
       ]
     }
   );
@@ -42,7 +43,7 @@ function SourceFavicon({ href }) {
     return /* @__PURE__ */ jsx(
       Globe2Icon,
       {
-        className: "size-3.5 shrink-0 text-slate-400",
+        className: cn(CHIP_ICON_CLASS, "text-muted-foreground"),
         "aria-hidden": "true"
       }
     );
@@ -54,7 +55,7 @@ function SourceFavicon({ href }) {
       alt: "",
       width: 14,
       height: 14,
-      className: "size-3.5 shrink-0 rounded-[3px]",
+      className: cn(CHIP_ICON_CLASS, "rounded-[3px]"),
       loading: "lazy",
       referrerPolicy: "no-referrer",
       draggable: false,

package/dist/chat-ui/rich-text/chat-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-link.js","sources":["../../../src/chat-ui/rich-text/chat-link.tsx"],"sourcesContent":["import { Globe2Icon } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  buildScrollToTextUrl,\n  isWebHref,\n  sourceFaviconUrl,\n} from \"./citation-anchors\";\n\n/**\n * A link mark of the static message body. A web source the model cited with\n * an excerpt renders as a source chip; everything else goes through\n * `MentionLink`, which draws mention and Spaces hrefs as asset chips,\n * screen points as coordinate chips, and the rest as a plain link.\n */\nexport function ChatLink({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string | null | undefined;\n  excerpt?: string | null;\n  children: ReactNode;\n}) {\n  if (href && excerpt && isWebHref(href)) {\n    return (\n      <SourceChip href={href} excerpt={excerpt}>\n        {children}\n      </SourceChip>\n    );\n  }\n  return <MentionLink href={href ?? undefined}>{children}</MentionLink>;\n}\n\n/**\n * A cited web page: the site's favicon, the model's label, the excerpt as\n * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.\n * Same geometry as the asset mention chip so a sentence that cites a PDF and\n * a web page reads as one row of sources. `not-prose` keeps Tailwind\n * Typography's `img` margins off the favicon.\n */\nexport function SourceChip({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string;\n  excerpt: string;\n  children: ReactNode;\n}) {\n  return (\n    <a\n      href={buildScrollToTextUrl(href, excerpt)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={excerpt}\n      data-chat-source=\"\"\n      data-excerpt={excerpt}\n      className=\"not-prose inline-flex max-w-[240px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600 no-underline transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-800 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1\"\n    >\n      <SourceFavicon href={href} />\n      <span className=\"max-w-[200px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n    </a>\n  );\n}\n\n/** The site's favicon; a globe once the favicon service has no icon for the host. */\nfunction SourceFavicon({ href }: { href: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = failed ? null : sourceFaviconUrl(href);\n  if (!src) {\n    return (\n      <Globe2Icon\n        className=\"size-3.5 shrink-0 text-slate-400\"\n        aria-hidden=\"true\"\n      />\n    );\n  }\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className=\"size-3.5 shrink-0 rounded-[3px]\"\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAeO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,WAAW,UAAU,IAAI,GAAG;AACtC,WACE,oBAAC,YAAA,EAAW,MAAY,SACrB,SAAA,CACH;AAAA,EAEJ;AACA,SAAO,oBAAC,aAAA,EAAY,MAAM,QAAQ,QAAY,UAAS;AACzD;AASO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,qBAAqB,MAAM,OAAO;AAAA,MACxC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,gBAAc;AAAA,MACd,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,iBAAc,MAAY;AAAA,QAC3B,oBAAC,QAAA,EAAK,WAAU,+CACb,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,SAAS,cAAc,EAAE,QAA0B;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,MAAM,SAAS,OAAO,iBAAiB,IAAI;AACjD,MAAI,CAAC,KAAK;AACR,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"chat-link.js","sources":["../../../src/chat-ui/rich-text/chat-link.tsx"],"sourcesContent":["import { Globe2Icon } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { CHIP_ICON_CLASS, CHIP_LINK_CLASS, CHIP_PILL_CLASS, MentionLink } from \"../mentions/mention-chip\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  buildScrollToTextUrl,\n  isWebHref,\n  sourceFaviconUrl,\n} from \"./citation-anchors\";\n\n/**\n * A link mark of the static message body. A web source the model cited with\n * an excerpt renders as a source chip; everything else goes through\n * `MentionLink`, which draws mention and Spaces hrefs as asset chips,\n * screen points as coordinate chips, and the rest as a plain link.\n */\nexport function ChatLink({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string | null | undefined;\n  excerpt?: string | null;\n  children: ReactNode;\n}) {\n  if (href && excerpt && isWebHref(href)) {\n    return (\n      <SourceChip href={href} excerpt={excerpt}>\n        {children}\n      </SourceChip>\n    );\n  }\n  return <MentionLink href={href ?? undefined}>{children}</MentionLink>;\n}\n\n/**\n * A cited web page: the site's favicon, the model's label, the excerpt as\n * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.\n * The asset mention chip's pill (`CHIP_PILL_CLASS`), so a sentence that cites\n * a PDF and a web page reads as one row of sources.\n */\nexport function SourceChip({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string;\n  excerpt: string;\n  children: ReactNode;\n}) {\n  return (\n    <a\n      href={buildScrollToTextUrl(href, excerpt)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={excerpt}\n      data-chat-source=\"\"\n      data-excerpt={excerpt}\n      className={cn(CHIP_PILL_CLASS, \"max-w-[240px]\", CHIP_LINK_CLASS)}\n    >\n      <SourceFavicon href={href} />\n      <span className=\"min-w-0 max-w-[200px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n    </a>\n  );\n}\n\n/** The site's favicon; a globe once the favicon service has no icon for the host. */\nfunction SourceFavicon({ href }: { href: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = failed ? null : sourceFaviconUrl(href);\n  if (!src) {\n    return (\n      <Globe2Icon\n        className={cn(CHIP_ICON_CLASS, \"text-muted-foreground\")}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className={cn(CHIP_ICON_CLASS, \"rounded-[3px]\")}\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAgBO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,WAAW,UAAU,IAAI,GAAG;AACtC,WACE,oBAAC,YAAA,EAAW,MAAY,SACrB,SAAA,CACH;AAAA,EAEJ;AACA,SAAO,oBAAC,aAAA,EAAY,MAAM,QAAQ,QAAY,UAAS;AACzD;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,qBAAqB,MAAM,OAAO;AAAA,MACxC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,gBAAc;AAAA,MACd,WAAW,GAAG,iBAAiB,iBAAiB,eAAe;AAAA,MAE/D,UAAA;AAAA,QAAA,oBAAC,iBAAc,MAAY;AAAA,QAC3B,oBAAC,QAAA,EAAK,WAAU,uDACb,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,SAAS,cAAc,EAAE,QAA0B;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,MAAM,SAAS,OAAO,iBAAiB,IAAI;AACjD,MAAI,CAAC,KAAK;AACR,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,iBAAiB,uBAAuB;AAAA,QACtD,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,GAAG,iBAAiB,eAAe;AAAA,MAC9C,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

package/dist/chat-ui/rich-text/chat-node-views.cjs

@@ -15,6 +15,7 @@ function ChatMention({
     "span",
     {
       className: "mention-chip",
+      "data-chip-host": "",
       "data-mention": "",
       "data-type": node.attrs.type,
       "data-name": node.attrs.name,

package/dist/chat-ui/rich-text/chat-node-views.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-node-views.cjs","sources":["../../../src/chat-ui/rich-text/chat-node-views.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  NodeViewContent,\n  NodeViewWrapper,\n  type NodeViewProps,\n} from \"@tiptap/react\";\nimport { CheckIcon, CopyIcon, XIcon } from \"lucide-react\";\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  makeMentionUrl,\n  type MentionNodeAttrs,\n} from \"../mentions/mention-extension\";\n\nexport function ChatMention({\n  node,\n  interactive = true,\n}: {\n  node: ProseMirrorNode;\n  interactive?: boolean;\n}) {\n  return (\n    <span\n      className=\"mention-chip\"\n      data-mention=\"\"\n      data-type={node.attrs.type}\n      data-name={node.attrs.name}\n      data-id={node.attrs.id}\n      data-asset-type={node.attrs.assetType}\n      data-display-as-preview={String(node.attrs.displayAsPreview === true)}\n    >\n      <MentionLink\n        href={makeMentionUrl(node.attrs as MentionNodeAttrs)}\n        interactive={interactive}\n      >\n        {node.attrs.name}\n      </MentionLink>\n    </span>\n  );\n}\n\nexport function ChatMentionNodeView({ node, editor }: NodeViewProps) {\n  return (\n    <NodeViewWrapper as=\"span\">\n      <ChatMention node={node} interactive={!editor.isEditable} />\n    </NodeViewWrapper>\n  );\n}\n\nconst COPIED_RESET_MS = 1500;\n\n/**\n * Copies the block's source. Reads `node.textContent` at click time so a\n * still-streaming block copies what is on screen, not a stale snapshot.\n */\nfunction CodeBlockCopyButton({ node }: { node: ProseMirrorNode }) {\n  const [status, setStatus] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const resetTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(\n    () => () => {\n      if (resetTimer.current) clearTimeout(resetTimer.current);\n    },\n    [],\n  );\n  const flash = useCallback((next: \"copied\" | \"failed\") => {\n    setStatus(next);\n    if (resetTimer.current) clearTimeout(resetTimer.current);\n    resetTimer.current = setTimeout(() => setStatus(\"idle\"), COPIED_RESET_MS);\n  }, []);\n  const onCopy = useCallback(() => {\n    // writeText rejects when clipboard-write is denied (permissions, an\n    // embedding iframe without the allow attribute); surface that instead of\n    // leaving an unhandled rejection and a button that looks like it worked.\n    if (typeof navigator === \"undefined\" || !navigator.clipboard) {\n      flash(\"failed\");\n      return;\n    }\n    navigator.clipboard.writeText(node.textContent).then(\n      () => flash(\"copied\"),\n      () => flash(\"failed\"),\n    );\n  }, [node, flash]);\n  const label =\n    status === \"copied\" ? \"Copied\" : status === \"failed\" ? \"Copy failed\" : \"Copy code\";\n  return (\n    <button\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      onClick={onCopy}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        \"opacity-0 transition-opacity group-hover/code-block:opacity-100 focus-visible:opacity-100\",\n        status !== \"idle\" && \"opacity-100\",\n        status === \"failed\" && \"text-destructive\",\n      )}\n    >\n      {status === \"copied\" ? (\n        <CheckIcon className=\"size-3.5\" />\n      ) : status === \"failed\" ? (\n        <XIcon className=\"size-3.5\" />\n      ) : (\n        <CopyIcon className=\"size-3.5\" />\n      )}\n    </button>\n  );\n}\n\n/** The frame both code renderings share: language label, an optional corner action, the `<pre>`. */\nfunction CodeBlockFrame({\n  language,\n  action,\n  children,\n  ...attributes\n}: {\n  language: string | null | undefined;\n  action?: ReactNode;\n  children: ReactNode;\n  \"data-chat-open-fence\"?: string;\n}) {\n  return (\n    <div\n      className=\"not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30\"\n      {...attributes}\n    >\n      {language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {language}\n        </div>\n      )}\n      {action && (\n        <div className=\"absolute top-1 right-1\" contentEditable={false}>\n          {action}\n        </div>\n      )}\n      <pre className=\"overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground\">\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame\n      language={node.attrs.language}\n      action={<CodeBlockCopyButton node={node} />}\n    >\n      {children}\n    </CodeBlockFrame>\n  );\n}\n\n/**\n * A fenced block whose closing fence has not arrived: the same frame with the\n * code as plain text and no copy action (there is no settled source to copy\n * yet). Anything that decorates code — highlighting, a language pick — belongs\n * after the fence closes, when the block parses into a `codeBlock` node.\n */\nexport function StreamingCodeBlock({\n  language,\n  code,\n  caret,\n}: {\n  language: string;\n  code: string;\n  caret?: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame language={language || null} data-chat-open-fence=\"\">\n      <code>\n        {code}\n        {caret}\n      </code>\n    </CodeBlockFrame>\n  );\n}\n\nexport function ChatCodeBlockNodeView({ node }: NodeViewProps) {\n  return (\n    <NodeViewWrapper>\n      <ChatCodeBlock node={node}>\n        <NodeViewContent<\"code\"> as=\"code\" />\n      </ChatCodeBlock>\n    </NodeViewWrapper>\n  );\n}\n"],"names":["jsx","MentionLink","makeMentionUrl","NodeViewWrapper","useState","useRef","useEffect","useCallback","cn","CheckIcon","XIcon","CopyIcon","jsxs","NodeViewContent"],"mappings":"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"}
+{"version":3,"file":"chat-node-views.cjs","sources":["../../../src/chat-ui/rich-text/chat-node-views.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  NodeViewContent,\n  NodeViewWrapper,\n  type NodeViewProps,\n} from \"@tiptap/react\";\nimport { CheckIcon, CopyIcon, XIcon } from \"lucide-react\";\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  makeMentionUrl,\n  type MentionNodeAttrs,\n} from \"../mentions/mention-extension\";\n\nexport function ChatMention({\n  node,\n  interactive = true,\n}: {\n  node: ProseMirrorNode;\n  interactive?: boolean;\n}) {\n  return (\n    <span\n      className=\"mention-chip\"\n      // The chip inside draws the pill; the host draws no box of its own (styles.css).\n      data-chip-host=\"\"\n      data-mention=\"\"\n      data-type={node.attrs.type}\n      data-name={node.attrs.name}\n      data-id={node.attrs.id}\n      data-asset-type={node.attrs.assetType}\n      data-display-as-preview={String(node.attrs.displayAsPreview === true)}\n    >\n      <MentionLink\n        href={makeMentionUrl(node.attrs as MentionNodeAttrs)}\n        interactive={interactive}\n      >\n        {node.attrs.name}\n      </MentionLink>\n    </span>\n  );\n}\n\nexport function ChatMentionNodeView({ node, editor }: NodeViewProps) {\n  return (\n    <NodeViewWrapper as=\"span\">\n      <ChatMention node={node} interactive={!editor.isEditable} />\n    </NodeViewWrapper>\n  );\n}\n\nconst COPIED_RESET_MS = 1500;\n\n/**\n * Copies the block's source. Reads `node.textContent` at click time so a\n * still-streaming block copies what is on screen, not a stale snapshot.\n */\nfunction CodeBlockCopyButton({ node }: { node: ProseMirrorNode }) {\n  const [status, setStatus] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const resetTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(\n    () => () => {\n      if (resetTimer.current) clearTimeout(resetTimer.current);\n    },\n    [],\n  );\n  const flash = useCallback((next: \"copied\" | \"failed\") => {\n    setStatus(next);\n    if (resetTimer.current) clearTimeout(resetTimer.current);\n    resetTimer.current = setTimeout(() => setStatus(\"idle\"), COPIED_RESET_MS);\n  }, []);\n  const onCopy = useCallback(() => {\n    // writeText rejects when clipboard-write is denied (permissions, an\n    // embedding iframe without the allow attribute); surface that instead of\n    // leaving an unhandled rejection and a button that looks like it worked.\n    if (typeof navigator === \"undefined\" || !navigator.clipboard) {\n      flash(\"failed\");\n      return;\n    }\n    navigator.clipboard.writeText(node.textContent).then(\n      () => flash(\"copied\"),\n      () => flash(\"failed\"),\n    );\n  }, [node, flash]);\n  const label =\n    status === \"copied\" ? \"Copied\" : status === \"failed\" ? \"Copy failed\" : \"Copy code\";\n  return (\n    <button\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      onClick={onCopy}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        \"opacity-0 transition-opacity group-hover/code-block:opacity-100 focus-visible:opacity-100\",\n        status !== \"idle\" && \"opacity-100\",\n        status === \"failed\" && \"text-destructive\",\n      )}\n    >\n      {status === \"copied\" ? (\n        <CheckIcon className=\"size-3.5\" />\n      ) : status === \"failed\" ? (\n        <XIcon className=\"size-3.5\" />\n      ) : (\n        <CopyIcon className=\"size-3.5\" />\n      )}\n    </button>\n  );\n}\n\n/** The frame both code renderings share: language label, an optional corner action, the `<pre>`. */\nfunction CodeBlockFrame({\n  language,\n  action,\n  children,\n  ...attributes\n}: {\n  language: string | null | undefined;\n  action?: ReactNode;\n  children: ReactNode;\n  \"data-chat-open-fence\"?: string;\n}) {\n  return (\n    <div\n      className=\"not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30\"\n      {...attributes}\n    >\n      {language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {language}\n        </div>\n      )}\n      {action && (\n        <div className=\"absolute top-1 right-1\" contentEditable={false}>\n          {action}\n        </div>\n      )}\n      <pre className=\"overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground\">\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame\n      language={node.attrs.language}\n      action={<CodeBlockCopyButton node={node} />}\n    >\n      {children}\n    </CodeBlockFrame>\n  );\n}\n\n/**\n * A fenced block whose closing fence has not arrived: the same frame with the\n * code as plain text and no copy action (there is no settled source to copy\n * yet). Anything that decorates code — highlighting, a language pick — belongs\n * after the fence closes, when the block parses into a `codeBlock` node.\n */\nexport function StreamingCodeBlock({\n  language,\n  code,\n  caret,\n}: {\n  language: string;\n  code: string;\n  caret?: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame language={language || null} data-chat-open-fence=\"\">\n      <code>\n        {code}\n        {caret}\n      </code>\n    </CodeBlockFrame>\n  );\n}\n\nexport function ChatCodeBlockNodeView({ node }: NodeViewProps) {\n  return (\n    <NodeViewWrapper>\n      <ChatCodeBlock node={node}>\n        <NodeViewContent<\"code\"> as=\"code\" />\n      </ChatCodeBlock>\n    </NodeViewWrapper>\n  );\n}\n"],"names":["jsx","MentionLink","makeMentionUrl","NodeViewWrapper","useState","useRef","useEffect","useCallback","cn","CheckIcon","XIcon","CopyIcon","jsxs","NodeViewContent"],"mappings":"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"}

package/dist/chat-ui/rich-text/chat-node-views.js

@@ -13,6 +13,7 @@ function ChatMention({
     "span",
     {
       className: "mention-chip",
+      "data-chip-host": "",
       "data-mention": "",
       "data-type": node.attrs.type,
       "data-name": node.attrs.name,

package/dist/chat-ui/rich-text/chat-node-views.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-node-views.js","sources":["../../../src/chat-ui/rich-text/chat-node-views.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  NodeViewContent,\n  NodeViewWrapper,\n  type NodeViewProps,\n} from \"@tiptap/react\";\nimport { CheckIcon, CopyIcon, XIcon } from \"lucide-react\";\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  makeMentionUrl,\n  type MentionNodeAttrs,\n} from \"../mentions/mention-extension\";\n\nexport function ChatMention({\n  node,\n  interactive = true,\n}: {\n  node: ProseMirrorNode;\n  interactive?: boolean;\n}) {\n  return (\n    <span\n      className=\"mention-chip\"\n      data-mention=\"\"\n      data-type={node.attrs.type}\n      data-name={node.attrs.name}\n      data-id={node.attrs.id}\n      data-asset-type={node.attrs.assetType}\n      data-display-as-preview={String(node.attrs.displayAsPreview === true)}\n    >\n      <MentionLink\n        href={makeMentionUrl(node.attrs as MentionNodeAttrs)}\n        interactive={interactive}\n      >\n        {node.attrs.name}\n      </MentionLink>\n    </span>\n  );\n}\n\nexport function ChatMentionNodeView({ node, editor }: NodeViewProps) {\n  return (\n    <NodeViewWrapper as=\"span\">\n      <ChatMention node={node} interactive={!editor.isEditable} />\n    </NodeViewWrapper>\n  );\n}\n\nconst COPIED_RESET_MS = 1500;\n\n/**\n * Copies the block's source. Reads `node.textContent` at click time so a\n * still-streaming block copies what is on screen, not a stale snapshot.\n */\nfunction CodeBlockCopyButton({ node }: { node: ProseMirrorNode }) {\n  const [status, setStatus] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const resetTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(\n    () => () => {\n      if (resetTimer.current) clearTimeout(resetTimer.current);\n    },\n    [],\n  );\n  const flash = useCallback((next: \"copied\" | \"failed\") => {\n    setStatus(next);\n    if (resetTimer.current) clearTimeout(resetTimer.current);\n    resetTimer.current = setTimeout(() => setStatus(\"idle\"), COPIED_RESET_MS);\n  }, []);\n  const onCopy = useCallback(() => {\n    // writeText rejects when clipboard-write is denied (permissions, an\n    // embedding iframe without the allow attribute); surface that instead of\n    // leaving an unhandled rejection and a button that looks like it worked.\n    if (typeof navigator === \"undefined\" || !navigator.clipboard) {\n      flash(\"failed\");\n      return;\n    }\n    navigator.clipboard.writeText(node.textContent).then(\n      () => flash(\"copied\"),\n      () => flash(\"failed\"),\n    );\n  }, [node, flash]);\n  const label =\n    status === \"copied\" ? \"Copied\" : status === \"failed\" ? \"Copy failed\" : \"Copy code\";\n  return (\n    <button\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      onClick={onCopy}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        \"opacity-0 transition-opacity group-hover/code-block:opacity-100 focus-visible:opacity-100\",\n        status !== \"idle\" && \"opacity-100\",\n        status === \"failed\" && \"text-destructive\",\n      )}\n    >\n      {status === \"copied\" ? (\n        <CheckIcon className=\"size-3.5\" />\n      ) : status === \"failed\" ? (\n        <XIcon className=\"size-3.5\" />\n      ) : (\n        <CopyIcon className=\"size-3.5\" />\n      )}\n    </button>\n  );\n}\n\n/** The frame both code renderings share: language label, an optional corner action, the `<pre>`. */\nfunction CodeBlockFrame({\n  language,\n  action,\n  children,\n  ...attributes\n}: {\n  language: string | null | undefined;\n  action?: ReactNode;\n  children: ReactNode;\n  \"data-chat-open-fence\"?: string;\n}) {\n  return (\n    <div\n      className=\"not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30\"\n      {...attributes}\n    >\n      {language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {language}\n        </div>\n      )}\n      {action && (\n        <div className=\"absolute top-1 right-1\" contentEditable={false}>\n          {action}\n        </div>\n      )}\n      <pre className=\"overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground\">\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame\n      language={node.attrs.language}\n      action={<CodeBlockCopyButton node={node} />}\n    >\n      {children}\n    </CodeBlockFrame>\n  );\n}\n\n/**\n * A fenced block whose closing fence has not arrived: the same frame with the\n * code as plain text and no copy action (there is no settled source to copy\n * yet). Anything that decorates code — highlighting, a language pick — belongs\n * after the fence closes, when the block parses into a `codeBlock` node.\n */\nexport function StreamingCodeBlock({\n  language,\n  code,\n  caret,\n}: {\n  language: string;\n  code: string;\n  caret?: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame language={language || null} data-chat-open-fence=\"\">\n      <code>\n        {code}\n        {caret}\n      </code>\n    </CodeBlockFrame>\n  );\n}\n\nexport function ChatCodeBlockNodeView({ node }: NodeViewProps) {\n  return (\n    <NodeViewWrapper>\n      <ChatCodeBlock node={node}>\n        <NodeViewContent<\"code\"> as=\"code\" />\n      </ChatCodeBlock>\n    </NodeViewWrapper>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"chat-node-views.js","sources":["../../../src/chat-ui/rich-text/chat-node-views.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  NodeViewContent,\n  NodeViewWrapper,\n  type NodeViewProps,\n} from \"@tiptap/react\";\nimport { CheckIcon, CopyIcon, XIcon } from \"lucide-react\";\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  makeMentionUrl,\n  type MentionNodeAttrs,\n} from \"../mentions/mention-extension\";\n\nexport function ChatMention({\n  node,\n  interactive = true,\n}: {\n  node: ProseMirrorNode;\n  interactive?: boolean;\n}) {\n  return (\n    <span\n      className=\"mention-chip\"\n      // The chip inside draws the pill; the host draws no box of its own (styles.css).\n      data-chip-host=\"\"\n      data-mention=\"\"\n      data-type={node.attrs.type}\n      data-name={node.attrs.name}\n      data-id={node.attrs.id}\n      data-asset-type={node.attrs.assetType}\n      data-display-as-preview={String(node.attrs.displayAsPreview === true)}\n    >\n      <MentionLink\n        href={makeMentionUrl(node.attrs as MentionNodeAttrs)}\n        interactive={interactive}\n      >\n        {node.attrs.name}\n      </MentionLink>\n    </span>\n  );\n}\n\nexport function ChatMentionNodeView({ node, editor }: NodeViewProps) {\n  return (\n    <NodeViewWrapper as=\"span\">\n      <ChatMention node={node} interactive={!editor.isEditable} />\n    </NodeViewWrapper>\n  );\n}\n\nconst COPIED_RESET_MS = 1500;\n\n/**\n * Copies the block's source. Reads `node.textContent` at click time so a\n * still-streaming block copies what is on screen, not a stale snapshot.\n */\nfunction CodeBlockCopyButton({ node }: { node: ProseMirrorNode }) {\n  const [status, setStatus] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const resetTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(\n    () => () => {\n      if (resetTimer.current) clearTimeout(resetTimer.current);\n    },\n    [],\n  );\n  const flash = useCallback((next: \"copied\" | \"failed\") => {\n    setStatus(next);\n    if (resetTimer.current) clearTimeout(resetTimer.current);\n    resetTimer.current = setTimeout(() => setStatus(\"idle\"), COPIED_RESET_MS);\n  }, []);\n  const onCopy = useCallback(() => {\n    // writeText rejects when clipboard-write is denied (permissions, an\n    // embedding iframe without the allow attribute); surface that instead of\n    // leaving an unhandled rejection and a button that looks like it worked.\n    if (typeof navigator === \"undefined\" || !navigator.clipboard) {\n      flash(\"failed\");\n      return;\n    }\n    navigator.clipboard.writeText(node.textContent).then(\n      () => flash(\"copied\"),\n      () => flash(\"failed\"),\n    );\n  }, [node, flash]);\n  const label =\n    status === \"copied\" ? \"Copied\" : status === \"failed\" ? \"Copy failed\" : \"Copy code\";\n  return (\n    <button\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      onClick={onCopy}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        \"opacity-0 transition-opacity group-hover/code-block:opacity-100 focus-visible:opacity-100\",\n        status !== \"idle\" && \"opacity-100\",\n        status === \"failed\" && \"text-destructive\",\n      )}\n    >\n      {status === \"copied\" ? (\n        <CheckIcon className=\"size-3.5\" />\n      ) : status === \"failed\" ? (\n        <XIcon className=\"size-3.5\" />\n      ) : (\n        <CopyIcon className=\"size-3.5\" />\n      )}\n    </button>\n  );\n}\n\n/** The frame both code renderings share: language label, an optional corner action, the `<pre>`. */\nfunction CodeBlockFrame({\n  language,\n  action,\n  children,\n  ...attributes\n}: {\n  language: string | null | undefined;\n  action?: ReactNode;\n  children: ReactNode;\n  \"data-chat-open-fence\"?: string;\n}) {\n  return (\n    <div\n      className=\"not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30\"\n      {...attributes}\n    >\n      {language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {language}\n        </div>\n      )}\n      {action && (\n        <div className=\"absolute top-1 right-1\" contentEditable={false}>\n          {action}\n        </div>\n      )}\n      <pre className=\"overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground\">\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame\n      language={node.attrs.language}\n      action={<CodeBlockCopyButton node={node} />}\n    >\n      {children}\n    </CodeBlockFrame>\n  );\n}\n\n/**\n * A fenced block whose closing fence has not arrived: the same frame with the\n * code as plain text and no copy action (there is no settled source to copy\n * yet). Anything that decorates code — highlighting, a language pick — belongs\n * after the fence closes, when the block parses into a `codeBlock` node.\n */\nexport function StreamingCodeBlock({\n  language,\n  code,\n  caret,\n}: {\n  language: string;\n  code: string;\n  caret?: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame language={language || null} data-chat-open-fence=\"\">\n      <code>\n        {code}\n        {caret}\n      </code>\n    </CodeBlockFrame>\n  );\n}\n\nexport function ChatCodeBlockNodeView({ node }: NodeViewProps) {\n  return (\n    <NodeViewWrapper>\n      <ChatCodeBlock node={node}>\n        <NodeViewContent<\"code\"> as=\"code\" />\n      </ChatCodeBlock>\n    </NodeViewWrapper>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/react/package.json.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "0.42.2";
+const version = "0.43.0";
 const packageJson = {
   version
 };

package/dist/react/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.42.2";
+const version = "0.43.0";
 const packageJson = {
   version
 };

package/dist/references/src/tool-option-schemas.d.ts

@@ -97,23 +97,6 @@ export declare const GitHubToolkitOptionsSchema: z.ZodObject<{
     env_vars: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
 }, z.core.$strict>;
 export type GitHubToolkitOptions = z.infer<typeof GitHubToolkitOptionsSchema>;
-export declare const PerplexitySearchOptionsSchema: z.ZodObject<{
-    model: z.ZodOptional<z.ZodEnum<{
-        sonar: "sonar";
-        "sonar-pro": "sonar-pro";
-        "sonar-reasoning": "sonar-reasoning";
-    }>>;
-    search_recency_filter: z.ZodOptional<z.ZodEnum<{
-        day: "day";
-        hour: "hour";
-        month: "month";
-        week: "week";
-        year: "year";
-    }>>;
-    search_domain_filter: z.ZodOptional<z.ZodArray<z.ZodString>>;
-    max_results: z.ZodOptional<z.ZodNumber>;
-}, z.core.$strict>;
-export type PerplexitySearchOptions = z.infer<typeof PerplexitySearchOptionsSchema>;
 export declare const SendSlackMessageOptionsSchema: z.ZodObject<{
     channel_id: z.ZodOptional<z.ZodString>;
     channel_name: z.ZodOptional<z.ZodString>;
@@ -352,22 +335,6 @@ export declare const TOOL_OPTION_SCHEMAS: {
         secret_asset_id: z.ZodOptional<z.ZodString>;
         env_vars: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, z.core.$strict>;
-    readonly perplexity_search: z.ZodObject<{
-        model: z.ZodOptional<z.ZodEnum<{
-            sonar: "sonar";
-            "sonar-pro": "sonar-pro";
-            "sonar-reasoning": "sonar-reasoning";
-        }>>;
-        search_recency_filter: z.ZodOptional<z.ZodEnum<{
-            day: "day";
-            hour: "hour";
-            month: "month";
-            week: "week";
-            year: "year";
-        }>>;
-        search_domain_filter: z.ZodOptional<z.ZodArray<z.ZodString>>;
-        max_results: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>;
     readonly send_slack_message: z.ZodObject<{
         channel_id: z.ZodOptional<z.ZodString>;
         channel_name: z.ZodOptional<z.ZodString>;
@@ -517,7 +484,6 @@ export type ToolOptionsMap = {
     python_toolkit: PythonToolkitOptions;
     toolkit_python: PythonToolkitOptions;
     github_toolkit: GitHubToolkitOptions;
-    perplexity_search: PerplexitySearchOptions;
     send_slack_message: SendSlackMessageOptions;
     read_slack_channel: ReadSlackChannelOptions;
     track_website_changes: TrackWebChangesOptions;