npm - @flanksource/clicky-ui - Versions diffs - 0.3.21 → 0.3.22 - Mend

@flanksource/clicky-ui 0.3.21 → 0.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1514) hide show

package/NOTICE.md CHANGED Viewed

@@ -613,3 +613,17 @@ of its upstream source.
 | UiChartOfAccountsFilled | ph:tree-structure-fill |
 | UiCloudUpload | ph:cloud-arrow-up-light |
 | UiCloudUploadFilled | ph:cloud-arrow-up-fill |
+| UiUsersFour | ph:users-four-light |
+| UiUsersFourFilled | ph:users-four-fill |
+| UiUserGear | ph:user-gear-light |
+| UiUserGearFilled | ph:user-gear-fill |
+| UiIdentificationCard | ph:identification-card-light |
+| UiIdentificationCardFilled | ph:identification-card-fill |
+| UiClipboardText | ph:clipboard-text-light |
+| UiClipboardTextFilled | ph:clipboard-text-fill |
+| UiLockKey | ph:lock-key-light |
+| UiLockKeyFilled | ph:lock-key-fill |
+| UiArrowsCounterClockwise | ph:arrows-counter-clockwise-light |
+| UiArrowsCounterClockwiseFilled | ph:arrows-counter-clockwise-fill |
+| UiSteps | ph:steps-light |
+| UiStepsFilled | ph:steps-fill |

package/README.md CHANGED Viewed

@@ -85,13 +85,20 @@ Markdown and code highlighting use optional peer dependencies (`marked`, `shiki`
 ## Tailwind preset
+Tailwind CSS v4 consumers can load the preset through its compatibility directive:
+```css
+/* src/styles.css */
+@config "../tailwind.config.ts";
+@import "tailwindcss";
+```
 ```ts
 // tailwind.config.ts
 import preset from "@flanksource/clicky-ui/tailwind-preset";
 export default {
   presets: [preset],
-  content: ["./src/**/*.{ts,tsx}"],
 };
 ```

package/dist/ai.cjs CHANGED Viewed

@@ -8,6 +8,7 @@ const claude = require("./data/ai/examples/sessions/claude.cjs");
 const codexComplete = require("./data/ai/examples/sessions/codex-complete.cjs");
 const codex = require("./data/ai/examples/sessions/codex.cjs");
 const index = require("./data/ai/examples/sessions/index.cjs");
+const ChatButton = require("./data/ai/ChatButton.cjs");
 const ChatFab = require("./data/ai/ChatFab.cjs");
 const ChatWindow = require("./data/ai/ChatWindow.cjs");
 const ChatWindowManager = require("./data/ai/ChatWindowManager.cjs");
@@ -23,6 +24,8 @@ const RuntimeModePicker = require("./data/ai/RuntimeModePicker.cjs");
 const sessionTones = require("./data/ai/session-tones.cjs");
 const SpecRuntimeEditor_model = require("./data/ai/SpecRuntimeEditor.model.cjs");
 const runtimeMode = require("./data/runtime/runtime-mode.cjs");
+const SandboxConnectionsSection = require("./data/ai/SandboxConnectionsSection.cjs");
+const SandboxCreateWizard = require("./data/ai/SandboxCreateWizard.cjs");
 const ToolSchemaBrowser = require("./data/ai/ToolSchemaBrowser.cjs");
 const SessionChatComposer = require("./data/ai/SessionChatComposer.cjs");
 const SessionViewer_header = require("./data/ai/SessionViewer.header.cjs");
@@ -31,6 +34,7 @@ const SessionViewer = require("./data/ai/SessionViewer.cjs");
 const index$2 = require("./data/ai/SpecRuntimeEditor/index.cjs");
 const ThreadPicker = require("./data/ai/ThreadPicker.cjs");
 const ToolPreferences = require("./data/ai/ToolPreferences.cjs");
+const SandboxCreateWizard_model = require("./data/ai/SandboxCreateWizard.model.cjs");
 const tokens = require("./lib/tokens.cjs");
 const sessionCost = require("./data/ai/session-cost.cjs");
 const modelCapabilities = require("./data/runtime/model-capabilities.cjs");
@@ -61,6 +65,7 @@ exports.CODEX_COMPLETE_SESSION = codexComplete.CODEX_COMPLETE_SESSION;
 exports.CODEX_SESSION_EXAMPLE = codex.CODEX_SESSION_EXAMPLE;
 exports.COMPLETE_EXAMPLE_SESSIONS = index.COMPLETE_EXAMPLE_SESSIONS;
 exports.EXAMPLE_SESSIONS = index.EXAMPLE_SESSIONS;
+exports.ChatButton = ChatButton.ChatButton;
 exports.ChatFab = ChatFab.ChatFab;
 exports.ChatWindow = ChatWindow.ChatWindow;
 exports.ChatWindowLayer = ChatWindow.ChatWindowLayer;
@@ -105,6 +110,8 @@ exports.modelBelongsToFamily = runtimeMode.modelBelongsToFamily;
 exports.modelsForFamily = runtimeMode.modelsForFamily;
 exports.runtimeModeOptions = runtimeMode.runtimeModeOptions;
 exports.selectionForBackend = runtimeMode.selectionForBackend;
+exports.SandboxConnectionsSection = SandboxConnectionsSection.SandboxConnectionsSection;
+exports.SandboxCreateWizard = SandboxCreateWizard.SandboxCreateWizard;
 exports.SchemaBrowser = ToolSchemaBrowser.ToolSchemaBrowser;
 exports.ToolSchemaBrowser = ToolSchemaBrowser.ToolSchemaBrowser;
 exports.SessionChatComposer = SessionChatComposer.SessionChatComposer;
@@ -114,6 +121,9 @@ exports.SessionViewer = SessionViewer.SessionViewer;
 exports.SpecRuntimeEditor = index$2.SpecRuntimeEditor;
 exports.ThreadPicker = ThreadPicker.ThreadPicker;
 exports.ToolPreferences = ToolPreferences.ToolPreferences;
+exports.buildSandboxCreateInput = SandboxCreateWizard_model.buildSandboxCreateInput;
+exports.emptySandboxCreateDraft = SandboxCreateWizard_model.emptySandboxCreateDraft;
+exports.toggleSandboxCredential = SandboxCreateWizard_model.toggleSandboxCredential;
 exports.compactTokens = tokens.compactTokens;
 exports.formatCost = tokens.formatCost;
 exports.costTotal = sessionCost.costTotal;

package/dist/ai.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ai.js CHANGED Viewed

@@ -6,6 +6,7 @@ import { CLAUDE_SESSION_EXAMPLE } from "./data/ai/examples/sessions/claude.js";
 import { CODEX_COMPLETE_SESSION } from "./data/ai/examples/sessions/codex-complete.js";
 import { CODEX_SESSION_EXAMPLE } from "./data/ai/examples/sessions/codex.js";
 import { COMPLETE_EXAMPLE_SESSIONS, EXAMPLE_SESSIONS } from "./data/ai/examples/sessions/index.js";
+import { ChatButton } from "./data/ai/ChatButton.js";
 import { ChatFab } from "./data/ai/ChatFab.js";
 import { ChatWindow, ChatWindowLayer } from "./data/ai/ChatWindow.js";
 import { ChatWindowManagerProvider } from "./data/ai/ChatWindowManager.js";
@@ -21,6 +22,8 @@ import { RuntimeModePicker } from "./data/ai/RuntimeModePicker.js";
 import { SESSION_TONES, sessionTone } from "./data/ai/session-tones.js";
 import { SPEC_CHECKOUT_MODES, SPEC_COMMIT_CONDITIONS, SPEC_COMMIT_GATES, SPEC_COMMIT_MODES, SPEC_COMMIT_PHASES, SPEC_COMMIT_STAGES, SPEC_PERMISSION_MODES, SPEC_SCHEMA_STRICTNESS, SPEC_STASH_MODES, SPEC_VERIFY_SCOPES, SPEC_WORKTREE_MODES, buildAISpecRuntimePayload, compactAISpecRuntime, normalizeMCPPermissions, normalizeResourcePolicies, normalizeToolPolicies } from "./data/ai/SpecRuntimeEditor.model.js";
 import { SPEC_RUNTIME_FAMILIES, backendForFamilyMode, familiesFromRuntimeCatalog, familyById, familyForBackend, labelForBackend, modeForBackend, modelBelongsToFamily, modelsForFamily, runtimeModeOptions, selectionForBackend } from "./data/runtime/runtime-mode.js";
+import { SandboxConnectionsSection } from "./data/ai/SandboxConnectionsSection.js";
+import { SandboxCreateWizard } from "./data/ai/SandboxCreateWizard.js";
 import { ToolSchemaBrowser, ToolSchemaBrowser as ToolSchemaBrowser2 } from "./data/ai/ToolSchemaBrowser.js";
 import { SessionChatComposer } from "./data/ai/SessionChatComposer.js";
 import { SessionContextMeter } from "./data/ai/SessionViewer.header.js";
@@ -29,6 +32,7 @@ import { SessionViewer } from "./data/ai/SessionViewer.js";
 import { SpecRuntimeEditor } from "./data/ai/SpecRuntimeEditor/index.js";
 import { ThreadPicker } from "./data/ai/ThreadPicker.js";
 import { ToolPreferences } from "./data/ai/ToolPreferences.js";
+import { buildSandboxCreateInput, emptySandboxCreateDraft, toggleSandboxCredential } from "./data/ai/SandboxCreateWizard.model.js";
 import { compactTokens, formatCost } from "./lib/tokens.js";
 import { costTotal, tokenTotal } from "./data/ai/session-cost.js";
 import { effortOptionsForModel, reconcileModelCapabilities } from "./data/runtime/model-capabilities.js";
@@ -50,6 +54,7 @@ export {
   CODEX_COMPLETE_SESSION,
   CODEX_SESSION_EXAMPLE,
   COMPLETE_EXAMPLE_SESSIONS,
+  ChatButton,
   ChatFab,
   ChatWindow,
   ChatWindowLayer,
@@ -80,6 +85,8 @@ export {
   SPEC_STASH_MODES,
   SPEC_VERIFY_SCOPES,
   SPEC_WORKTREE_MODES,
+  SandboxConnectionsSection,
+  SandboxCreateWizard,
   ToolSchemaBrowser as SchemaBrowser,
   SessionChatComposer,
   SessionContextMeter,
@@ -93,6 +100,7 @@ export {
   WORKFLOW_PHASES,
   backendForFamilyMode,
   buildAISpecRuntimePayload,
+  buildSandboxCreateInput,
   classifyCommand,
   classifyToolCategory,
   collectSessionFilters,
@@ -101,6 +109,7 @@ export {
   costTotal,
   effortIcon,
   effortOptionsForModel,
+  emptySandboxCreateDraft,
   eventCategory,
   familiesFromRuntimeCatalog,
   familyById,
@@ -134,6 +143,7 @@ export {
   splitMcpTool,
   summarizeSession,
   summarizeToolInput,
+  toggleSandboxCredential,
   tokenTotal,
   toolDiff,
   toolInputParams,

package/dist/ai.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ai.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"ai.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/comments/MentionTextarea.cjs CHANGED Viewed

@@ -180,7 +180,7 @@ const MentionTextarea = react.forwardRef(function MentionTextarea2({
         placeholder,
         "data-testid": dataTestId,
         className: utils.cn(
-          "w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-muted-foreground/60",
+          "w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-placeholder",
           className
         ),
         onChange: (e) => {

package/dist/comments/MentionTextarea.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MentionTextarea.cjs","sources":["../../src/comments/MentionTextarea.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport type { CommentMention, CommentMentionable } from \"./comment-types\";\n\nexport type MentionTextareaProps = {\n /** Controlled value. /\n value: string;\n /* Called with the next value on edit or mention insertion. /\n onChange: (value: string) => void;\n /* People/agents offered in the @-mention popover. /\n mentionables: CommentMentionable[];\n /* Fired when a mention is inserted via the popover. /\n onMentionSelect?: (mention: CommentMention) => void;\n /* Enter (without Shift) while the popover is closed. /\n onSubmit?: () => void;\n /* Escape while the popover is closed. /\n onCancel?: () => void;\n placeholder?: string;\n autoFocus?: boolean;\n rows?: number;\n className?: string;\n \"data-testid\"?: string;\n};\n\nconst MENTION_QUERY = /(^\|\\s)@([\\w.-])$/;\nconst MAX_RESULTS = 8;\n\ntype ActiveMention = { atIndex: number; query: string };\ntype CaretRect = { top: number; left: number; height: number };\n\nfunction detectMention(value: string, caret: number): ActiveMention \| null {\n const match = value.slice(0, caret).match(MENTION_QUERY);\n if (!match) return null;\n const query = match[2] ?? \"\";\n const atIndex = caret - query.length - 1;\n return { atIndex, query };\n}\n\nfunction filterMentionables(\n mentionables: CommentMentionable[],\n query: string,\n): CommentMentionable[] {\n const q = query.toLowerCase();\n const matches = q\n ? mentionables.filter(\n (m) =>\n m.name.toLowerCase().includes(q) \|\| m.id.toLowerCase().includes(q),\n )\n : mentionables;\n return matches.slice(0, MAX_RESULTS);\n}\n\nconst MIRROR_PROPS = [\n \"boxSizing\",\n \"width\",\n \"borderTopWidth\",\n \"borderRightWidth\",\n \"borderBottomWidth\",\n \"borderLeftWidth\",\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\",\n \"fontStyle\",\n \"fontVariant\",\n \"fontWeight\",\n \"fontStretch\",\n \"fontSize\",\n \"lineHeight\",\n \"fontFamily\",\n \"textAlign\",\n \"textTransform\",\n \"textIndent\",\n \"letterSpacing\",\n \"wordSpacing\",\n \"tabSize\",\n \"whiteSpace\",\n \"wordWrap\",\n \"overflowWrap\",\n] as const;\n\n// Measures the caret pixel position with an off-screen mirror div that copies the\n// textarea's box metrics — the dependency-free way to anchor a popover at the caret.\nfunction caretViewportRect(\n el: HTMLTextAreaElement,\n position: number,\n): CaretRect {\n if (\n typeof document === \"undefined\" \|\|\n typeof getComputedStyle !== \"function\"\n ) {\n const r = el.getBoundingClientRect();\n return { top: r.top, left: r.left, height: 16 };\n }\n const style = getComputedStyle(el);\n const mirror = document.createElement(\"div\");\n for (const prop of MIRROR_PROPS) mirror.style[prop] = style[prop];\n mirror.style.position = \"absolute\";\n mirror.style.visibility = \"hidden\";\n mirror.style.whiteSpace = \"pre-wrap\";\n mirror.style.overflowWrap = \"break-word\";\n mirror.style.top = \"0\";\n mirror.style.left = \"-9999px\";\n mirror.textContent = el.value.slice(0, position);\n\n const marker = document.createElement(\"span\");\n marker.textContent = el.value.slice(position) \|\| \".\";\n mirror.appendChild(marker);\n document.body.appendChild(mirror);\n\n const lineHeight =\n parseInt(style.lineHeight, 10) \|\| parseInt(style.fontSize, 10) \|\| 16;\n const offsetTop = marker.offsetTop;\n const offsetLeft = marker.offsetLeft;\n document.body.removeChild(mirror);\n\n const rect = el.getBoundingClientRect();\n return {\n top: rect.top + offsetTop - el.scrollTop,\n left: rect.left + offsetLeft - el.scrollLeft,\n height: lineHeight,\n };\n}\n\n/*\n A textarea with an @-mention autocomplete. Typing `@` opens a caret-anchored\n * popover filtered against `mentionables`; selecting one inserts the name and\n * fires `onMentionSelect`. Enter submits and Escape cancels only when the\n * popover is closed.\n */\nexport const MentionTextarea = forwardRef<\n HTMLTextAreaElement,\n MentionTextareaProps\n>(function MentionTextarea(\n {\n value,\n onChange,\n mentionables,\n onMentionSelect,\n onSubmit,\n onCancel,\n placeholder,\n autoFocus,\n rows = 2,\n className,\n \"data-testid\": dataTestId,\n },\n forwardedRef,\n) {\n const innerRef = useRef<HTMLTextAreaElement>(null);\n useImperativeHandle(\n forwardedRef,\n () => innerRef.current as HTMLTextAreaElement,\n );\n\n const [active, setActive] = useState<ActiveMention \| null>(null);\n const [caretRect, setCaretRect] = useState<CaretRect \| null>(null);\n const [activeIndex, setActiveIndex] = useState(0);\n const floatingZ = useFloatingZIndex();\n\n const results = active ? filterMentionables(mentionables, active.query) : [];\n const open = active != null && results.length > 0;\n\n function refreshMention(el: HTMLTextAreaElement) {\n const next = detectMention(el.value, el.selectionStart ?? el.value.length);\n setActive(next);\n setActiveIndex(0);\n setCaretRect(next ? caretViewportRect(el, el.selectionStart ?? 0) : null);\n }\n\n function insertMention(m: CommentMentionable) {\n const el = innerRef.current;\n if (!el \|\| !active) return;\n const caret = el.selectionStart ?? value.length;\n const next = `${value.slice(0, active.atIndex)}@${m.name} ${value.slice(caret)}`;\n const nextCaret = active.atIndex + m.name.length + 2;\n onChange(next);\n onMentionSelect?.({ id: m.id, name: m.name, kind: m.kind });\n setActive(null);\n setCaretRect(null);\n requestAnimationFrame(() => {\n el.focus();\n el.setSelectionRange(nextCaret, nextCaret);\n });\n }\n\n function onKeyDown(e: KeyboardEvent<HTMLTextAreaElement>) {\n if (open) {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n setActiveIndex((i) => (i + 1) % results.length);\n return;\n }\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n setActiveIndex((i) => (i - 1 + results.length) % results.length);\n return;\n }\n if (e.key === \"Enter\" \|\| e.key === \"Tab\") {\n e.preventDefault();\n const choice = results[activeIndex];\n if (choice) insertMention(choice);\n return;\n }\n if (e.key === \"Escape\") {\n e.preventDefault();\n setActive(null);\n setCaretRect(null);\n return;\n }\n }\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n onSubmit?.();\n return;\n }\n if (e.key === \"Escape\") {\n e.preventDefault();\n onCancel?.();\n }\n }\n\n useEffect(() => {\n if (!autoFocus) return;\n const el = innerRef.current;\n const raf = requestAnimationFrame(() => {\n el?.focus();\n const len = el?.value.length ?? 0;\n el?.setSelectionRange(len, len);\n });\n return () => cancelAnimationFrame(raf);\n }, [autoFocus]);\n\n return (\n <>\n <textarea\n ref={innerRef}\n rows={rows}\n value={value}\n placeholder={placeholder}\n data-testid={dataTestId}\n className={cn(\n \"w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-muted-foreground/60\",\n className,\n )}\n onChange={(e) => {\n onChange(e.target.value);\n refreshMention(e.target);\n }}\n onKeyUp={(e) => refreshMention(e.currentTarget)}\n onClick={(e) => refreshMention(e.currentTarget)}\n onKeyDown={onKeyDown}\n onBlur={() => {\n setActive(null);\n setCaretRect(null);\n }}\n />\n {open &&\n typeof document !== \"undefined\" &&\n createPortal(\n <ul\n role=\"listbox\"\n data-testid=\"mention-popover\"\n style={{\n position: \"fixed\",\n top: (caretRect?.top ?? 0) + (caretRect?.height ?? 16) + 2,\n left: caretRect?.left ?? 0,\n zIndex: floatingZ,\n }}\n className=\"max-h-56 min-w-[12rem] overflow-auto rounded-md border border-border bg-popover py-1 shadow-md\"\n >\n {results.map((m, i) => (\n <li key={m.id}>\n <button\n type=\"button\"\n role=\"option\"\n aria-selected={i === activeIndex}\n // Use mousedown so selection runs before the textarea blur closes the popover.\n onMouseDown={(e) => {\n e.preventDefault();\n insertMention(m);\n }}\n onMouseEnter={() => setActiveIndex(i)}\n className={cn(\n \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground\",\n i === activeIndex && \"bg-accent text-accent-foreground\",\n )}\n >\n <CommentAuthorAvatar\n author={{\n name: m.name,\n kind: m.kind,\n ...(m.avatar ? { avatar: m.avatar } : {}),\n ...(m.icon ? { icon: m.icon } : {}),\n }}\n size=\"xs\"\n bare\n />\n <span className=\"truncate\">{m.name}</span>\n {m.kind === \"agent\" && (\n <span className=\"ml-auto text-[10px] text-muted-foreground\">\n agent\n </span>\n )}\n </button>\n </li>\n ))}\n </ul>,\n document.body,\n )}\n </>\n );\n});\n"],"names":["forwardRef","MentionTextarea","useRef","useImperativeHandle","useState","useFloatingZIndex","useEffect","jsxs","Fragment","jsx","cn","createPortal","CommentAuthorAvatar"],"mappings":";;;;;;;;AAkCA,MAAM,gBAAgB;AACtB,MAAM,cAAc;AAKpB,SAAS,cAAc,OAAe,OAAqC;AACzE,QAAM,QAAQ,MAAM,MAAM,GAAG,KAAK,EAAE,MAAM,aAAa;AACvD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAQ,MAAM,CAAC,KAAK;AAC1B,QAAM,UAAU,QAAQ,MAAM,SAAS;AACvC,SAAO,EAAE,SAAS,MAAA;AACpB;AAEA,SAAS,mBACP,cACA,OACsB;AACtB,QAAM,IAAI,MAAM,YAAA;AAChB,QAAM,UAAU,IACZ,aAAa;AAAA,IACX,CAAC,MACC,EAAE,KAAK,cAAc,SAAS,CAAC,KAAK,EAAE,GAAG,YAAA,EAAc,SAAS,CAAC;AAAA,EAAA,IAErE;AACJ,SAAO,QAAQ,MAAM,GAAG,WAAW;AACrC;AAEA,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIA,SAAS,kBACP,IACA,UACW;AACX,MACE,OAAO,aAAa,eACpB,OAAO,qBAAqB,YAC5B;AACA,UAAM,IAAI,GAAG,sBAAA;AACb,WAAO,EAAE,KAAK,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,GAAA;AAAA,EAC7C;AACA,QAAM,QAAQ,iBAAiB,EAAE;AACjC,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,aAAW,QAAQ,aAAc,QAAO,MAAM,IAAI,IAAI,MAAM,IAAI;AAChE,SAAO,MAAM,WAAW;AACxB,SAAO,MAAM,aAAa;AAC1B,SAAO,MAAM,aAAa;AAC1B,SAAO,MAAM,eAAe;AAC5B,SAAO,MAAM,MAAM;AACnB,SAAO,MAAM,OAAO;AACpB,SAAO,cAAc,GAAG,MAAM,MAAM,GAAG,QAAQ;AAE/C,QAAM,SAAS,SAAS,cAAc,MAAM;AAC5C,SAAO,cAAc,GAAG,MAAM,MAAM,QAAQ,KAAK;AACjD,SAAO,YAAY,MAAM;AACzB,WAAS,KAAK,YAAY,MAAM;AAEhC,QAAM,aACJ,SAAS,MAAM,YAAY,EAAE,KAAK,SAAS,MAAM,UAAU,EAAE,KAAK;AACpE,QAAM,YAAY,OAAO;AACzB,QAAM,aAAa,OAAO;AAC1B,WAAS,KAAK,YAAY,MAAM;AAEhC,QAAM,OAAO,GAAG,sBAAA;AAChB,SAAO;AAAA,IACL,KAAK,KAAK,MAAM,YAAY,GAAG;AAAA,IAC/B,MAAM,KAAK,OAAO,aAAa,GAAG;AAAA,IAClC,QAAQ;AAAA,EAAA;AAEZ;AAQO,MAAM,kBAAkBA,MAAAA,WAG7B,SAASC,iBACT;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,eAAe;AACjB,GACA,cACA;AACA,QAAM,WAAWC,MAAAA,OAA4B,IAAI;AACjDC,QAAAA;AAAAA,IACE;AAAA,IACA,MAAM,SAAS;AAAA,EAAA;AAGjB,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAA+B,IAAI;AAC/D,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAA2B,IAAI;AACjE,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAAS,CAAC;AAChD,QAAM,YAAYC,WAAAA,kBAAA;AAElB,QAAM,UAAU,SAAS,mBAAmB,cAAc,OAAO,KAAK,IAAI,CAAA;AAC1E,QAAM,OAAO,UAAU,QAAQ,QAAQ,SAAS;AAEhD,WAAS,eAAe,IAAyB;AAC/C,UAAM,OAAO,cAAc,GAAG,OAAO,GAAG,kBAAkB,GAAG,MAAM,MAAM;AACzE,cAAU,IAAI;AACd,mBAAe,CAAC;AAChB,iBAAa,OAAO,kBAAkB,IAAI,GAAG,kBAAkB,CAAC,IAAI,IAAI;AAAA,EAC1E;AAEA,WAAS,cAAc,GAAuB;AAC5C,UAAM,KAAK,SAAS;AACpB,QAAI,CAAC,MAAM,CAAC,OAAQ;AACpB,UAAM,QAAQ,GAAG,kBAAkB,MAAM;AACzC,UAAM,OAAO,GAAG,MAAM,MAAM,GAAG,OAAO,OAAO,CAAC,IAAI,EAAE,IAAI,IAAI,MAAM,MAAM,KAAK,CAAC;AAC9E,UAAM,YAAY,OAAO,UAAU,EAAE,KAAK,SAAS;AACnD,aAAS,IAAI;AACb,uDAAkB,EAAE,IAAI,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,EAAE,KAAA;AACpD,cAAU,IAAI;AACd,iBAAa,IAAI;AACjB,0BAAsB,MAAM;AAC1B,SAAG,MAAA;AACH,SAAG,kBAAkB,WAAW,SAAS;AAAA,IAC3C,CAAC;AAAA,EACH;AAEA,WAAS,UAAU,GAAuC;AACxD,QAAI,MAAM;AACR,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAA;AACF,uBAAe,CAAC,OAAO,IAAI,KAAK,QAAQ,MAAM;AAC9C;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW;AACvB,UAAE,eAAA;AACF,uBAAe,CAAC,OAAO,IAAI,IAAI,QAAQ,UAAU,QAAQ,MAAM;AAC/D;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,OAAO;AACxC,UAAE,eAAA;AACF,cAAM,SAAS,QAAQ,WAAW;AAClC,YAAI,sBAAsB,MAAM;AAChC;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,UAAU;AACtB,UAAE,eAAA;AACF,kBAAU,IAAI;AACd,qBAAa,IAAI;AACjB;AAAA,MACF;AAAA,IACF;AACA,QAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU;AACpC,QAAE,eAAA;AACF;AACA;AAAA,IACF;AACA,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,eAAA;AACF;AAAA,IACF;AAAA,EACF;AAEAC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,UAAM,KAAK,SAAS;AACpB,UAAM,MAAM,sBAAsB,MAAM;AACtC,+BAAI;AACJ,YAAM,OAAM,yBAAI,MAAM,WAAU;AAChC,+BAAI,kBAAkB,KAAK;AAAA,IAC7B,CAAC;AACD,WAAO,MAAM,qBAAqB,GAAG;AAAA,EACvC,GAAG,CAAC,SAAS,CAAC;AAEd,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,WAAWC,MAAAA;AAAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,UAAU,CAAC,MAAM;AACf,mBAAS,EAAE,OAAO,KAAK;AACvB,yBAAe,EAAE,MAAM;AAAA,QACzB;AAAA,QACA,SAAS,CAAC,MAAM,eAAe,EAAE,aAAa;AAAA,QAC9C,SAAS,CAAC,MAAM,eAAe,EAAE,aAAa;AAAA,QAC9C;AAAA,QACA,QAAQ,MAAM;AACZ,oBAAU,IAAI;AACd,uBAAa,IAAI;AAAA,QACnB;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,QACC,OAAO,aAAa,eACpBC,SAAAA;AAAAA,MACEF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,OAAO;AAAA,YACL,UAAU;AAAA,YACV,OAAM,uCAAW,QAAO,OAAM,uCAAW,WAAU,MAAM;AAAA,YACzD,OAAM,uCAAW,SAAQ;AAAA,YACzB,QAAQ;AAAA,UAAA;AAAA,UAEV,WAAU;AAAA,UAET,kBAAQ,IAAI,CAAC,GAAG,qCACd,MAAA,EACC,UAAAF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,iBAAe,MAAM;AAAA,cAErB,aAAa,CAAC,MAAM;AAClB,kBAAE,eAAA;AACF,8BAAc,CAAC;AAAA,cACjB;AAAA,cACA,cAAc,MAAM,eAAe,CAAC;AAAA,cACpC,WAAWG,MAAAA;AAAAA,gBACT;AAAA,gBACA,MAAM,eAAe;AAAA,cAAA;AAAA,cAGvB,UAAA;AAAA,gBAAAD,2BAAAA;AAAAA,kBAACG,cAAAA;AAAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,sBACN,MAAM,EAAE;AAAA,sBACR,MAAM,EAAE;AAAA,sBACR,GAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAA,IAAW,CAAA;AAAA,sBACtC,GAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAA,IAAS,CAAA;AAAA,oBAAC;AAAA,oBAEnC,MAAK;AAAA,oBACL,MAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAENH,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,YAAE,MAAK;AAAA,gBAClC,EAAE,SAAS,0CACT,QAAA,EAAK,WAAU,6CAA4C,UAAA,QAAA,CAE5D;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,EAEJ,GAhCO,EAAE,EAiCX,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,SAAS;AAAA,IAAA;AAAA,EACX,GACJ;AAEJ,CAAC;;"}
1	+ {"version":3,"file":"MentionTextarea.cjs","sources":["../../src/comments/MentionTextarea.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport type { CommentMention, CommentMentionable } from \"./comment-types\";\n\nexport type MentionTextareaProps = {\n /** Controlled value. /\n value: string;\n /* Called with the next value on edit or mention insertion. /\n onChange: (value: string) => void;\n /* People/agents offered in the @-mention popover. /\n mentionables: CommentMentionable[];\n /* Fired when a mention is inserted via the popover. /\n onMentionSelect?: (mention: CommentMention) => void;\n /* Enter (without Shift) while the popover is closed. /\n onSubmit?: () => void;\n /* Escape while the popover is closed. /\n onCancel?: () => void;\n placeholder?: string;\n autoFocus?: boolean;\n rows?: number;\n className?: string;\n \"data-testid\"?: string;\n};\n\nconst MENTION_QUERY = /(^\|\\s)@([\\w.-])$/;\nconst MAX_RESULTS = 8;\n\ntype ActiveMention = { atIndex: number; query: string };\ntype CaretRect = { top: number; left: number; height: number };\n\nfunction detectMention(value: string, caret: number): ActiveMention \| null {\n const match = value.slice(0, caret).match(MENTION_QUERY);\n if (!match) return null;\n const query = match[2] ?? \"\";\n const atIndex = caret - query.length - 1;\n return { atIndex, query };\n}\n\nfunction filterMentionables(\n mentionables: CommentMentionable[],\n query: string,\n): CommentMentionable[] {\n const q = query.toLowerCase();\n const matches = q\n ? mentionables.filter(\n (m) =>\n m.name.toLowerCase().includes(q) \|\| m.id.toLowerCase().includes(q),\n )\n : mentionables;\n return matches.slice(0, MAX_RESULTS);\n}\n\nconst MIRROR_PROPS = [\n \"boxSizing\",\n \"width\",\n \"borderTopWidth\",\n \"borderRightWidth\",\n \"borderBottomWidth\",\n \"borderLeftWidth\",\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\",\n \"fontStyle\",\n \"fontVariant\",\n \"fontWeight\",\n \"fontStretch\",\n \"fontSize\",\n \"lineHeight\",\n \"fontFamily\",\n \"textAlign\",\n \"textTransform\",\n \"textIndent\",\n \"letterSpacing\",\n \"wordSpacing\",\n \"tabSize\",\n \"whiteSpace\",\n \"wordWrap\",\n \"overflowWrap\",\n] as const;\n\n// Measures the caret pixel position with an off-screen mirror div that copies the\n// textarea's box metrics — the dependency-free way to anchor a popover at the caret.\nfunction caretViewportRect(\n el: HTMLTextAreaElement,\n position: number,\n): CaretRect {\n if (\n typeof document === \"undefined\" \|\|\n typeof getComputedStyle !== \"function\"\n ) {\n const r = el.getBoundingClientRect();\n return { top: r.top, left: r.left, height: 16 };\n }\n const style = getComputedStyle(el);\n const mirror = document.createElement(\"div\");\n for (const prop of MIRROR_PROPS) mirror.style[prop] = style[prop];\n mirror.style.position = \"absolute\";\n mirror.style.visibility = \"hidden\";\n mirror.style.whiteSpace = \"pre-wrap\";\n mirror.style.overflowWrap = \"break-word\";\n mirror.style.top = \"0\";\n mirror.style.left = \"-9999px\";\n mirror.textContent = el.value.slice(0, position);\n\n const marker = document.createElement(\"span\");\n marker.textContent = el.value.slice(position) \|\| \".\";\n mirror.appendChild(marker);\n document.body.appendChild(mirror);\n\n const lineHeight =\n parseInt(style.lineHeight, 10) \|\| parseInt(style.fontSize, 10) \|\| 16;\n const offsetTop = marker.offsetTop;\n const offsetLeft = marker.offsetLeft;\n document.body.removeChild(mirror);\n\n const rect = el.getBoundingClientRect();\n return {\n top: rect.top + offsetTop - el.scrollTop,\n left: rect.left + offsetLeft - el.scrollLeft,\n height: lineHeight,\n };\n}\n\n/*\n A textarea with an @-mention autocomplete. Typing `@` opens a caret-anchored\n * popover filtered against `mentionables`; selecting one inserts the name and\n * fires `onMentionSelect`. Enter submits and Escape cancels only when the\n * popover is closed.\n */\nexport const MentionTextarea = forwardRef<\n HTMLTextAreaElement,\n MentionTextareaProps\n>(function MentionTextarea(\n {\n value,\n onChange,\n mentionables,\n onMentionSelect,\n onSubmit,\n onCancel,\n placeholder,\n autoFocus,\n rows = 2,\n className,\n \"data-testid\": dataTestId,\n },\n forwardedRef,\n) {\n const innerRef = useRef<HTMLTextAreaElement>(null);\n useImperativeHandle(\n forwardedRef,\n () => innerRef.current as HTMLTextAreaElement,\n );\n\n const [active, setActive] = useState<ActiveMention \| null>(null);\n const [caretRect, setCaretRect] = useState<CaretRect \| null>(null);\n const [activeIndex, setActiveIndex] = useState(0);\n const floatingZ = useFloatingZIndex();\n\n const results = active ? filterMentionables(mentionables, active.query) : [];\n const open = active != null && results.length > 0;\n\n function refreshMention(el: HTMLTextAreaElement) {\n const next = detectMention(el.value, el.selectionStart ?? el.value.length);\n setActive(next);\n setActiveIndex(0);\n setCaretRect(next ? caretViewportRect(el, el.selectionStart ?? 0) : null);\n }\n\n function insertMention(m: CommentMentionable) {\n const el = innerRef.current;\n if (!el \|\| !active) return;\n const caret = el.selectionStart ?? value.length;\n const next = `${value.slice(0, active.atIndex)}@${m.name} ${value.slice(caret)}`;\n const nextCaret = active.atIndex + m.name.length + 2;\n onChange(next);\n onMentionSelect?.({ id: m.id, name: m.name, kind: m.kind });\n setActive(null);\n setCaretRect(null);\n requestAnimationFrame(() => {\n el.focus();\n el.setSelectionRange(nextCaret, nextCaret);\n });\n }\n\n function onKeyDown(e: KeyboardEvent<HTMLTextAreaElement>) {\n if (open) {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n setActiveIndex((i) => (i + 1) % results.length);\n return;\n }\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n setActiveIndex((i) => (i - 1 + results.length) % results.length);\n return;\n }\n if (e.key === \"Enter\" \|\| e.key === \"Tab\") {\n e.preventDefault();\n const choice = results[activeIndex];\n if (choice) insertMention(choice);\n return;\n }\n if (e.key === \"Escape\") {\n e.preventDefault();\n setActive(null);\n setCaretRect(null);\n return;\n }\n }\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n onSubmit?.();\n return;\n }\n if (e.key === \"Escape\") {\n e.preventDefault();\n onCancel?.();\n }\n }\n\n useEffect(() => {\n if (!autoFocus) return;\n const el = innerRef.current;\n const raf = requestAnimationFrame(() => {\n el?.focus();\n const len = el?.value.length ?? 0;\n el?.setSelectionRange(len, len);\n });\n return () => cancelAnimationFrame(raf);\n }, [autoFocus]);\n\n return (\n <>\n <textarea\n ref={innerRef}\n rows={rows}\n value={value}\n placeholder={placeholder}\n data-testid={dataTestId}\n className={cn(\n \"w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-placeholder\",\n className,\n )}\n onChange={(e) => {\n onChange(e.target.value);\n refreshMention(e.target);\n }}\n onKeyUp={(e) => refreshMention(e.currentTarget)}\n onClick={(e) => refreshMention(e.currentTarget)}\n onKeyDown={onKeyDown}\n onBlur={() => {\n setActive(null);\n setCaretRect(null);\n }}\n />\n {open &&\n typeof document !== \"undefined\" &&\n createPortal(\n <ul\n role=\"listbox\"\n data-testid=\"mention-popover\"\n style={{\n position: \"fixed\",\n top: (caretRect?.top ?? 0) + (caretRect?.height ?? 16) + 2,\n left: caretRect?.left ?? 0,\n zIndex: floatingZ,\n }}\n className=\"max-h-56 min-w-[12rem] overflow-auto rounded-md border border-border bg-popover py-1 shadow-md\"\n >\n {results.map((m, i) => (\n <li key={m.id}>\n <button\n type=\"button\"\n role=\"option\"\n aria-selected={i === activeIndex}\n // Use mousedown so selection runs before the textarea blur closes the popover.\n onMouseDown={(e) => {\n e.preventDefault();\n insertMention(m);\n }}\n onMouseEnter={() => setActiveIndex(i)}\n className={cn(\n \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground\",\n i === activeIndex && \"bg-accent text-accent-foreground\",\n )}\n >\n <CommentAuthorAvatar\n author={{\n name: m.name,\n kind: m.kind,\n ...(m.avatar ? { avatar: m.avatar } : {}),\n ...(m.icon ? { icon: m.icon } : {}),\n }}\n size=\"xs\"\n bare\n />\n <span className=\"truncate\">{m.name}</span>\n {m.kind === \"agent\" && (\n <span className=\"ml-auto text-[10px] text-muted-foreground\">\n agent\n </span>\n )}\n </button>\n </li>\n ))}\n </ul>,\n document.body,\n )}\n </>\n );\n});\n"],"names":["forwardRef","MentionTextarea","useRef","useImperativeHandle","useState","useFloatingZIndex","useEffect","jsxs","Fragment","jsx","cn","createPortal","CommentAuthorAvatar"],"mappings":"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"}

package/dist/comments/MentionTextarea.js CHANGED Viewed

@@ -178,7 +178,7 @@ const MentionTextarea = forwardRef(function MentionTextarea2({
         placeholder,
         "data-testid": dataTestId,
         className: cn(
-          "w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-muted-foreground/60",
+          "w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-placeholder",
           className
         ),
         onChange: (e) => {

package/dist/comments/MentionTextarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MentionTextarea.js","sources":["../../src/comments/MentionTextarea.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport type { CommentMention, CommentMentionable } from \"./comment-types\";\n\nexport type MentionTextareaProps = {\n /** Controlled value. /\n value: string;\n /* Called with the next value on edit or mention insertion. /\n onChange: (value: string) => void;\n /* People/agents offered in the @-mention popover. /\n mentionables: CommentMentionable[];\n /* Fired when a mention is inserted via the popover. /\n onMentionSelect?: (mention: CommentMention) => void;\n /* Enter (without Shift) while the popover is closed. /\n onSubmit?: () => void;\n /* Escape while the popover is closed. /\n onCancel?: () => void;\n placeholder?: string;\n autoFocus?: boolean;\n rows?: number;\n className?: string;\n \"data-testid\"?: string;\n};\n\nconst MENTION_QUERY = /(^\|\\s)@([\\w.-])$/;\nconst MAX_RESULTS = 8;\n\ntype ActiveMention = { atIndex: number; query: string };\ntype CaretRect = { top: number; left: number; height: number };\n\nfunction detectMention(value: string, caret: number): ActiveMention \| null {\n const match = value.slice(0, caret).match(MENTION_QUERY);\n if (!match) return null;\n const query = match[2] ?? \"\";\n const atIndex = caret - query.length - 1;\n return { atIndex, query };\n}\n\nfunction filterMentionables(\n mentionables: CommentMentionable[],\n query: string,\n): CommentMentionable[] {\n const q = query.toLowerCase();\n const matches = q\n ? mentionables.filter(\n (m) =>\n m.name.toLowerCase().includes(q) \|\| m.id.toLowerCase().includes(q),\n )\n : mentionables;\n return matches.slice(0, MAX_RESULTS);\n}\n\nconst MIRROR_PROPS = [\n \"boxSizing\",\n \"width\",\n \"borderTopWidth\",\n \"borderRightWidth\",\n \"borderBottomWidth\",\n \"borderLeftWidth\",\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\",\n \"fontStyle\",\n \"fontVariant\",\n \"fontWeight\",\n \"fontStretch\",\n \"fontSize\",\n \"lineHeight\",\n \"fontFamily\",\n \"textAlign\",\n \"textTransform\",\n \"textIndent\",\n \"letterSpacing\",\n \"wordSpacing\",\n \"tabSize\",\n \"whiteSpace\",\n \"wordWrap\",\n \"overflowWrap\",\n] as const;\n\n// Measures the caret pixel position with an off-screen mirror div that copies the\n// textarea's box metrics — the dependency-free way to anchor a popover at the caret.\nfunction caretViewportRect(\n el: HTMLTextAreaElement,\n position: number,\n): CaretRect {\n if (\n typeof document === \"undefined\" \|\|\n typeof getComputedStyle !== \"function\"\n ) {\n const r = el.getBoundingClientRect();\n return { top: r.top, left: r.left, height: 16 };\n }\n const style = getComputedStyle(el);\n const mirror = document.createElement(\"div\");\n for (const prop of MIRROR_PROPS) mirror.style[prop] = style[prop];\n mirror.style.position = \"absolute\";\n mirror.style.visibility = \"hidden\";\n mirror.style.whiteSpace = \"pre-wrap\";\n mirror.style.overflowWrap = \"break-word\";\n mirror.style.top = \"0\";\n mirror.style.left = \"-9999px\";\n mirror.textContent = el.value.slice(0, position);\n\n const marker = document.createElement(\"span\");\n marker.textContent = el.value.slice(position) \|\| \".\";\n mirror.appendChild(marker);\n document.body.appendChild(mirror);\n\n const lineHeight =\n parseInt(style.lineHeight, 10) \|\| parseInt(style.fontSize, 10) \|\| 16;\n const offsetTop = marker.offsetTop;\n const offsetLeft = marker.offsetLeft;\n document.body.removeChild(mirror);\n\n const rect = el.getBoundingClientRect();\n return {\n top: rect.top + offsetTop - el.scrollTop,\n left: rect.left + offsetLeft - el.scrollLeft,\n height: lineHeight,\n };\n}\n\n/*\n A textarea with an @-mention autocomplete. Typing `@` opens a caret-anchored\n * popover filtered against `mentionables`; selecting one inserts the name and\n * fires `onMentionSelect`. Enter submits and Escape cancels only when the\n * popover is closed.\n */\nexport const MentionTextarea = forwardRef<\n HTMLTextAreaElement,\n MentionTextareaProps\n>(function MentionTextarea(\n {\n value,\n onChange,\n mentionables,\n onMentionSelect,\n onSubmit,\n onCancel,\n placeholder,\n autoFocus,\n rows = 2,\n className,\n \"data-testid\": dataTestId,\n },\n forwardedRef,\n) {\n const innerRef = useRef<HTMLTextAreaElement>(null);\n useImperativeHandle(\n forwardedRef,\n () => innerRef.current as HTMLTextAreaElement,\n );\n\n const [active, setActive] = useState<ActiveMention \| null>(null);\n const [caretRect, setCaretRect] = useState<CaretRect \| null>(null);\n const [activeIndex, setActiveIndex] = useState(0);\n const floatingZ = useFloatingZIndex();\n\n const results = active ? filterMentionables(mentionables, active.query) : [];\n const open = active != null && results.length > 0;\n\n function refreshMention(el: HTMLTextAreaElement) {\n const next = detectMention(el.value, el.selectionStart ?? el.value.length);\n setActive(next);\n setActiveIndex(0);\n setCaretRect(next ? caretViewportRect(el, el.selectionStart ?? 0) : null);\n }\n\n function insertMention(m: CommentMentionable) {\n const el = innerRef.current;\n if (!el \|\| !active) return;\n const caret = el.selectionStart ?? value.length;\n const next = `${value.slice(0, active.atIndex)}@${m.name} ${value.slice(caret)}`;\n const nextCaret = active.atIndex + m.name.length + 2;\n onChange(next);\n onMentionSelect?.({ id: m.id, name: m.name, kind: m.kind });\n setActive(null);\n setCaretRect(null);\n requestAnimationFrame(() => {\n el.focus();\n el.setSelectionRange(nextCaret, nextCaret);\n });\n }\n\n function onKeyDown(e: KeyboardEvent<HTMLTextAreaElement>) {\n if (open) {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n setActiveIndex((i) => (i + 1) % results.length);\n return;\n }\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n setActiveIndex((i) => (i - 1 + results.length) % results.length);\n return;\n }\n if (e.key === \"Enter\" \|\| e.key === \"Tab\") {\n e.preventDefault();\n const choice = results[activeIndex];\n if (choice) insertMention(choice);\n return;\n }\n if (e.key === \"Escape\") {\n e.preventDefault();\n setActive(null);\n setCaretRect(null);\n return;\n }\n }\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n onSubmit?.();\n return;\n }\n if (e.key === \"Escape\") {\n e.preventDefault();\n onCancel?.();\n }\n }\n\n useEffect(() => {\n if (!autoFocus) return;\n const el = innerRef.current;\n const raf = requestAnimationFrame(() => {\n el?.focus();\n const len = el?.value.length ?? 0;\n el?.setSelectionRange(len, len);\n });\n return () => cancelAnimationFrame(raf);\n }, [autoFocus]);\n\n return (\n <>\n <textarea\n ref={innerRef}\n rows={rows}\n value={value}\n placeholder={placeholder}\n data-testid={dataTestId}\n className={cn(\n \"w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-muted-foreground/60\",\n className,\n )}\n onChange={(e) => {\n onChange(e.target.value);\n refreshMention(e.target);\n }}\n onKeyUp={(e) => refreshMention(e.currentTarget)}\n onClick={(e) => refreshMention(e.currentTarget)}\n onKeyDown={onKeyDown}\n onBlur={() => {\n setActive(null);\n setCaretRect(null);\n }}\n />\n {open &&\n typeof document !== \"undefined\" &&\n createPortal(\n <ul\n role=\"listbox\"\n data-testid=\"mention-popover\"\n style={{\n position: \"fixed\",\n top: (caretRect?.top ?? 0) + (caretRect?.height ?? 16) + 2,\n left: caretRect?.left ?? 0,\n zIndex: floatingZ,\n }}\n className=\"max-h-56 min-w-[12rem] overflow-auto rounded-md border border-border bg-popover py-1 shadow-md\"\n >\n {results.map((m, i) => (\n <li key={m.id}>\n <button\n type=\"button\"\n role=\"option\"\n aria-selected={i === activeIndex}\n // Use mousedown so selection runs before the textarea blur closes the popover.\n onMouseDown={(e) => {\n e.preventDefault();\n insertMention(m);\n }}\n onMouseEnter={() => setActiveIndex(i)}\n className={cn(\n \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground\",\n i === activeIndex && \"bg-accent text-accent-foreground\",\n )}\n >\n <CommentAuthorAvatar\n author={{\n name: m.name,\n kind: m.kind,\n ...(m.avatar ? { avatar: m.avatar } : {}),\n ...(m.icon ? { icon: m.icon } : {}),\n }}\n size=\"xs\"\n bare\n />\n <span className=\"truncate\">{m.name}</span>\n {m.kind === \"agent\" && (\n <span className=\"ml-auto text-[10px] text-muted-foreground\">\n agent\n </span>\n )}\n </button>\n </li>\n ))}\n </ul>,\n document.body,\n )}\n </>\n );\n});\n"],"names":["MentionTextarea"],"mappings":"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"}
1	+ {"version":3,"file":"MentionTextarea.js","sources":["../../src/comments/MentionTextarea.tsx"],"sourcesContent":["import {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport type { CommentMention, CommentMentionable } from \"./comment-types\";\n\nexport type MentionTextareaProps = {\n /** Controlled value. /\n value: string;\n /* Called with the next value on edit or mention insertion. /\n onChange: (value: string) => void;\n /* People/agents offered in the @-mention popover. /\n mentionables: CommentMentionable[];\n /* Fired when a mention is inserted via the popover. /\n onMentionSelect?: (mention: CommentMention) => void;\n /* Enter (without Shift) while the popover is closed. /\n onSubmit?: () => void;\n /* Escape while the popover is closed. /\n onCancel?: () => void;\n placeholder?: string;\n autoFocus?: boolean;\n rows?: number;\n className?: string;\n \"data-testid\"?: string;\n};\n\nconst MENTION_QUERY = /(^\|\\s)@([\\w.-])$/;\nconst MAX_RESULTS = 8;\n\ntype ActiveMention = { atIndex: number; query: string };\ntype CaretRect = { top: number; left: number; height: number };\n\nfunction detectMention(value: string, caret: number): ActiveMention \| null {\n const match = value.slice(0, caret).match(MENTION_QUERY);\n if (!match) return null;\n const query = match[2] ?? \"\";\n const atIndex = caret - query.length - 1;\n return { atIndex, query };\n}\n\nfunction filterMentionables(\n mentionables: CommentMentionable[],\n query: string,\n): CommentMentionable[] {\n const q = query.toLowerCase();\n const matches = q\n ? mentionables.filter(\n (m) =>\n m.name.toLowerCase().includes(q) \|\| m.id.toLowerCase().includes(q),\n )\n : mentionables;\n return matches.slice(0, MAX_RESULTS);\n}\n\nconst MIRROR_PROPS = [\n \"boxSizing\",\n \"width\",\n \"borderTopWidth\",\n \"borderRightWidth\",\n \"borderBottomWidth\",\n \"borderLeftWidth\",\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\",\n \"fontStyle\",\n \"fontVariant\",\n \"fontWeight\",\n \"fontStretch\",\n \"fontSize\",\n \"lineHeight\",\n \"fontFamily\",\n \"textAlign\",\n \"textTransform\",\n \"textIndent\",\n \"letterSpacing\",\n \"wordSpacing\",\n \"tabSize\",\n \"whiteSpace\",\n \"wordWrap\",\n \"overflowWrap\",\n] as const;\n\n// Measures the caret pixel position with an off-screen mirror div that copies the\n// textarea's box metrics — the dependency-free way to anchor a popover at the caret.\nfunction caretViewportRect(\n el: HTMLTextAreaElement,\n position: number,\n): CaretRect {\n if (\n typeof document === \"undefined\" \|\|\n typeof getComputedStyle !== \"function\"\n ) {\n const r = el.getBoundingClientRect();\n return { top: r.top, left: r.left, height: 16 };\n }\n const style = getComputedStyle(el);\n const mirror = document.createElement(\"div\");\n for (const prop of MIRROR_PROPS) mirror.style[prop] = style[prop];\n mirror.style.position = \"absolute\";\n mirror.style.visibility = \"hidden\";\n mirror.style.whiteSpace = \"pre-wrap\";\n mirror.style.overflowWrap = \"break-word\";\n mirror.style.top = \"0\";\n mirror.style.left = \"-9999px\";\n mirror.textContent = el.value.slice(0, position);\n\n const marker = document.createElement(\"span\");\n marker.textContent = el.value.slice(position) \|\| \".\";\n mirror.appendChild(marker);\n document.body.appendChild(mirror);\n\n const lineHeight =\n parseInt(style.lineHeight, 10) \|\| parseInt(style.fontSize, 10) \|\| 16;\n const offsetTop = marker.offsetTop;\n const offsetLeft = marker.offsetLeft;\n document.body.removeChild(mirror);\n\n const rect = el.getBoundingClientRect();\n return {\n top: rect.top + offsetTop - el.scrollTop,\n left: rect.left + offsetLeft - el.scrollLeft,\n height: lineHeight,\n };\n}\n\n/*\n A textarea with an @-mention autocomplete. Typing `@` opens a caret-anchored\n * popover filtered against `mentionables`; selecting one inserts the name and\n * fires `onMentionSelect`. Enter submits and Escape cancels only when the\n * popover is closed.\n */\nexport const MentionTextarea = forwardRef<\n HTMLTextAreaElement,\n MentionTextareaProps\n>(function MentionTextarea(\n {\n value,\n onChange,\n mentionables,\n onMentionSelect,\n onSubmit,\n onCancel,\n placeholder,\n autoFocus,\n rows = 2,\n className,\n \"data-testid\": dataTestId,\n },\n forwardedRef,\n) {\n const innerRef = useRef<HTMLTextAreaElement>(null);\n useImperativeHandle(\n forwardedRef,\n () => innerRef.current as HTMLTextAreaElement,\n );\n\n const [active, setActive] = useState<ActiveMention \| null>(null);\n const [caretRect, setCaretRect] = useState<CaretRect \| null>(null);\n const [activeIndex, setActiveIndex] = useState(0);\n const floatingZ = useFloatingZIndex();\n\n const results = active ? filterMentionables(mentionables, active.query) : [];\n const open = active != null && results.length > 0;\n\n function refreshMention(el: HTMLTextAreaElement) {\n const next = detectMention(el.value, el.selectionStart ?? el.value.length);\n setActive(next);\n setActiveIndex(0);\n setCaretRect(next ? caretViewportRect(el, el.selectionStart ?? 0) : null);\n }\n\n function insertMention(m: CommentMentionable) {\n const el = innerRef.current;\n if (!el \|\| !active) return;\n const caret = el.selectionStart ?? value.length;\n const next = `${value.slice(0, active.atIndex)}@${m.name} ${value.slice(caret)}`;\n const nextCaret = active.atIndex + m.name.length + 2;\n onChange(next);\n onMentionSelect?.({ id: m.id, name: m.name, kind: m.kind });\n setActive(null);\n setCaretRect(null);\n requestAnimationFrame(() => {\n el.focus();\n el.setSelectionRange(nextCaret, nextCaret);\n });\n }\n\n function onKeyDown(e: KeyboardEvent<HTMLTextAreaElement>) {\n if (open) {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n setActiveIndex((i) => (i + 1) % results.length);\n return;\n }\n if (e.key === \"ArrowUp\") {\n e.preventDefault();\n setActiveIndex((i) => (i - 1 + results.length) % results.length);\n return;\n }\n if (e.key === \"Enter\" \|\| e.key === \"Tab\") {\n e.preventDefault();\n const choice = results[activeIndex];\n if (choice) insertMention(choice);\n return;\n }\n if (e.key === \"Escape\") {\n e.preventDefault();\n setActive(null);\n setCaretRect(null);\n return;\n }\n }\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n onSubmit?.();\n return;\n }\n if (e.key === \"Escape\") {\n e.preventDefault();\n onCancel?.();\n }\n }\n\n useEffect(() => {\n if (!autoFocus) return;\n const el = innerRef.current;\n const raf = requestAnimationFrame(() => {\n el?.focus();\n const len = el?.value.length ?? 0;\n el?.setSelectionRange(len, len);\n });\n return () => cancelAnimationFrame(raf);\n }, [autoFocus]);\n\n return (\n <>\n <textarea\n ref={innerRef}\n rows={rows}\n value={value}\n placeholder={placeholder}\n data-testid={dataTestId}\n className={cn(\n \"w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-placeholder\",\n className,\n )}\n onChange={(e) => {\n onChange(e.target.value);\n refreshMention(e.target);\n }}\n onKeyUp={(e) => refreshMention(e.currentTarget)}\n onClick={(e) => refreshMention(e.currentTarget)}\n onKeyDown={onKeyDown}\n onBlur={() => {\n setActive(null);\n setCaretRect(null);\n }}\n />\n {open &&\n typeof document !== \"undefined\" &&\n createPortal(\n <ul\n role=\"listbox\"\n data-testid=\"mention-popover\"\n style={{\n position: \"fixed\",\n top: (caretRect?.top ?? 0) + (caretRect?.height ?? 16) + 2,\n left: caretRect?.left ?? 0,\n zIndex: floatingZ,\n }}\n className=\"max-h-56 min-w-[12rem] overflow-auto rounded-md border border-border bg-popover py-1 shadow-md\"\n >\n {results.map((m, i) => (\n <li key={m.id}>\n <button\n type=\"button\"\n role=\"option\"\n aria-selected={i === activeIndex}\n // Use mousedown so selection runs before the textarea blur closes the popover.\n onMouseDown={(e) => {\n e.preventDefault();\n insertMention(m);\n }}\n onMouseEnter={() => setActiveIndex(i)}\n className={cn(\n \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground\",\n i === activeIndex && \"bg-accent text-accent-foreground\",\n )}\n >\n <CommentAuthorAvatar\n author={{\n name: m.name,\n kind: m.kind,\n ...(m.avatar ? { avatar: m.avatar } : {}),\n ...(m.icon ? { icon: m.icon } : {}),\n }}\n size=\"xs\"\n bare\n />\n <span className=\"truncate\">{m.name}</span>\n {m.kind === \"agent\" && (\n <span className=\"ml-auto text-[10px] text-muted-foreground\">\n agent\n </span>\n )}\n </button>\n </li>\n ))}\n </ul>,\n document.body,\n )}\n </>\n );\n});\n"],"names":["MentionTextarea"],"mappings":"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"}