@workerdeck/ui 0.23.0 → 1.0.0

package/src/components/prompt-area/prompt-area-list-ops.ts

@@ -86,7 +86,9 @@ export function getListContext(text: string, cursorPos: number): ListContext | n
   const line = text.slice(lineStart, lineEnd === -1 ? text.length : lineEnd)
 
   const parsed = parseListLine(line)
-  if (!parsed) return null
+  if (!parsed) {
+    return null
+  }
 
   return {
     lineStart,
@@ -102,16 +104,15 @@ export function getListContext(text: string, cursorPos: number): ListContext | n
  * Detects if the user just typed a list trigger pattern (e.g., "- " or "* ")
  * and returns the segments with the replacement applied.
  */
-export function autoFormatListPrefix(
-  segments: Segment[],
-  cursorPos: number,
-): { segments: Segment[]; cursorOffset: number } | null {
+export function autoFormatListPrefix(segments: Segment[], cursorPos: number): { segments: Segment[]; cursorOffset: number } | null {
   const plainText = segmentsToPlainText(segments)
   const lineStart = plainText.lastIndexOf('\n', cursorPos - 1) + 1
   const lineText = plainText.slice(lineStart, cursorPos)
 
   const match = lineText.match(/^(\s*)[-*] $/)
-  if (!match) return null
+  if (!match) {
+    return null
+  }
 
   const indent = match[1]
   const replacement = `${indent}• `
@@ -128,13 +129,12 @@ export function autoFormatListPrefix(
 /**
  * Handles Enter key in a list line — continues the list or exits.
  */
-export function insertListContinuation(
-  segments: Segment[],
-  cursorPos: number,
-): { segments: Segment[]; cursorOffset: number } | null {
+export function insertListContinuation(segments: Segment[], cursorPos: number): { segments: Segment[]; cursorOffset: number } | null {
   const plainText = segmentsToPlainText(segments)
   const ctx = getListContext(plainText, cursorPos)
-  if (!ctx) return null
+  if (!ctx) {
+    return null
+  }
 
   const lineEnd = plainText.indexOf('\n', cursorPos)
   const lineContent = plainText.slice(ctx.contentStart, lineEnd === -1 ? plainText.length : lineEnd)
@@ -149,12 +149,7 @@ export function insertListContinuation(
         cursorOffset: Math.max(ctx.lineStart, cursorPos - 2),
       }
     }
-    const newSegments = replaceTextRange(
-      segments,
-      ctx.lineStart,
-      ctx.lineStart + ctx.prefix.length,
-      '',
-    )
+    const newSegments = replaceTextRange(segments, ctx.lineStart, ctx.lineStart + ctx.prefix.length, '')
     return {
       segments: newSegments,
       cursorOffset: ctx.lineStart,
@@ -180,7 +175,9 @@ export function insertListContinuation(
 
 /** Returns the indent level of the list line directly above `lineStart`, or null. */
 function getPrevListLineLevel(text: string, lineStart: number): number | null {
-  if (lineStart === 0) return null
+  if (lineStart === 0) {
+    return null
+  }
   const prevLineStart = text.lastIndexOf('\n', lineStart - 2) + 1
   const parsed = parseListLine(text.slice(prevLineStart, lineStart - 1))
   return parsed ? parsed.indent : null
@@ -193,17 +190,18 @@ function getPrevListLineLevel(text: string, lineStart: number): number | null {
  * parent — cannot indent further (returns null). This keeps sub-items visually
  * connected to a parent instead of drifting arbitrarily deep.
  */
-export function indentListItem(
-  segments: Segment[],
-  cursorPos: number,
-): { segments: Segment[]; cursorOffset: number } | null {
+export function indentListItem(segments: Segment[], cursorPos: number): { segments: Segment[]; cursorOffset: number } | null {
   const plainText = segmentsToPlainText(segments)
   const ctx = getListContext(plainText, cursorPos)
-  if (!ctx) return null
+  if (!ctx) {
+    return null
+  }
 
   const prevLevel = getPrevListLineLevel(plainText, ctx.lineStart)
   const maxLevel = prevLevel === null ? 0 : prevLevel + 1
-  if (ctx.indent >= maxLevel) return null
+  if (ctx.indent >= maxLevel) {
+    return null
+  }
 
   const newSegments = replaceTextRange(segments, ctx.lineStart, ctx.lineStart, '  ')
   return {
@@ -215,13 +213,12 @@ export function indentListItem(
 /**
  * Outdents a list item by one level (removes 2 spaces from before the prefix).
  */
-export function outdentListItem(
-  segments: Segment[],
-  cursorPos: number,
-): { segments: Segment[]; cursorOffset: number } | null {
+export function outdentListItem(segments: Segment[], cursorPos: number): { segments: Segment[]; cursorOffset: number } | null {
   const plainText = segmentsToPlainText(segments)
   const ctx = getListContext(plainText, cursorPos)
-  if (!ctx || ctx.indent === 0) return null
+  if (!ctx || ctx.indent === 0) {
+    return null
+  }
 
   const newSegments = replaceTextRange(segments, ctx.lineStart, ctx.lineStart + 2, '')
   return {
@@ -233,22 +230,18 @@ export function outdentListItem(
 /**
  * Removes the list prefix from the current line (e.g., on Backspace).
  */
-export function removeListPrefix(
-  segments: Segment[],
-  cursorPos: number,
-): { segments: Segment[]; cursorOffset: number } | null {
+export function removeListPrefix(segments: Segment[], cursorPos: number): { segments: Segment[]; cursorOffset: number } | null {
   const plainText = segmentsToPlainText(segments)
   const ctx = getListContext(plainText, cursorPos)
-  if (!ctx) return null
+  if (!ctx) {
+    return null
+  }
 
-  if (cursorPos > ctx.contentStart) return null
+  if (cursorPos > ctx.contentStart) {
+    return null
+  }
 
-  const newSegments = replaceTextRange(
-    segments,
-    ctx.lineStart,
-    ctx.contentStart,
-    '  '.repeat(ctx.indent),
-  )
+  const newSegments = replaceTextRange(segments, ctx.lineStart, ctx.contentStart, '  '.repeat(ctx.indent))
   return {
     segments: newSegments,
     cursorOffset: ctx.lineStart + ctx.indent * 2,
@@ -274,11 +267,15 @@ function fenceProtectedLineIndices(lines: string[]): Set<number> {
   const protectedLines = new Set<number>()
   let openIndex = -1
   lines.forEach((line, i) => {
-    if (!FENCE_LINE.test(line)) return
+    if (!FENCE_LINE.test(line)) {
+      return
+    }
     if (openIndex === -1) {
       openIndex = i
     } else {
-      for (let k = openIndex; k <= i; k++) protectedLines.add(k)
+      for (let k = openIndex; k <= i; k++) {
+        protectedLines.add(k)
+      }
       openIndex = -1
     }
   })
@@ -296,9 +293,7 @@ function fenceProtectedLineIndices(lines: string[]): Set<number> {
 export function normalizeListPrefixText(text: string, markdownEnabled: boolean): string {
   const lines = text.split('\n')
   const protectedLines = fenceProtectedLineIndices(lines)
-  return lines
-    .map((line, i) => (protectedLines.has(i) ? line : swapListPrefixLine(line, markdownEnabled)))
-    .join('\n')
+  return lines.map((line, i) => (protectedLines.has(i) ? line : swapListPrefixLine(line, markdownEnabled))).join('\n')
 }
 
 /**
@@ -311,32 +306,35 @@ export function normalizeListPrefixText(text: string, markdownEnabled: boolean):
 export function normalizeListPrefixes(segments: Segment[], markdownEnabled: boolean): Segment[] {
   const globalLines: string[] = []
   segments.forEach((seg) => {
-    if (seg.type === 'text') globalLines.push(...seg.text.split('\n'))
+    if (seg.type === 'text') {
+      globalLines.push(...seg.text.split('\n'))
+    }
   })
   const protectedLines = fenceProtectedLineIndices(globalLines)
 
   let globalIndex = 0
   let changed = false
   const result = segments.map((seg) => {
-    if (seg.type !== 'text') return seg
+    if (seg.type !== 'text') {
+      return seg
+    }
     const newText = seg.text
       .split('\n')
       .map((line) => {
-        const out = protectedLines.has(globalIndex)
-          ? line
-          : swapListPrefixLine(line, markdownEnabled)
+        const out = protectedLines.has(globalIndex) ? line : swapListPrefixLine(line, markdownEnabled)
         globalIndex++
         return out
       })
       .join('\n')
-    if (newText === seg.text) return seg
+    if (newText === seg.text) {
+      return seg
+    }
     changed = true
     return { ...seg, text: newText }
   })
   return changed ? result : segments
 }
 
-// ---------------------------------------------------------------------------
 // Ordered-list renumbering
 //
 // The visible number is a projection of position (like BlockNote/ProseMirror/
@@ -345,7 +343,6 @@ export function normalizeListPrefixes(segments: Segment[], markdownEnabled: bool
 // a fresh counter at 1, ascending continues the shallower level and clears
 // deeper ones. Every run restarts at 1, so `1. 1. 1.` rebuilds to `1. 2. 3.`
 // and Tab-indenting an item restarts its sublist at 1.
-// ---------------------------------------------------------------------------
 
 /**
  * A single rewritten number's digit run, in the INPUT text's coordinates.
@@ -375,7 +372,9 @@ export function hasOrderedListRun(text: string): boolean {
       sequential = sequential && parsed.number === prevNumber + 1
       prevNumber = parsed.number
       runLength++
-      if (runLength >= 2 && (runStart === 1 || sequential)) return true
+      if (runLength >= 2 && (runStart === 1 || sequential)) {
+        return true
+      }
     } else if (parsed?.kind === 'numbered') {
       // Start a fresh run at this line's level.
       runLevel = parsed.indent
@@ -403,7 +402,9 @@ export function renumberOrderedListLines(text: string): { text: string; edits: N
   // skip the per-line scan and throwaway rebuild. This runs on every structural
   // edit (Enter, Tab, bold/italic wrap) and each paste, most of which never
   // touch a numbered list.
-  if (!/^[ \t]*\d+\. /m.test(text)) return { text, edits: [] }
+  if (!/^[ \t]*\d+\. /m.test(text)) {
+    return { text, edits: [] }
+  }
 
   const counters = new Map<number, number>()
   const edits: NumberEdit[] = []
@@ -413,7 +414,9 @@ export function renumberOrderedListLines(text: string): { text: string; edits: N
 
   const clearDeeperThan = (level: number, inclusive: boolean) => {
     for (const key of counters.keys()) {
-      if (inclusive ? key >= level : key > level) counters.delete(key)
+      if (inclusive ? key >= level : key > level) {
+        counters.delete(key)
+      }
     }
   }
 
@@ -450,7 +453,9 @@ export function renumberOrderedListLines(text: string): { text: string; edits: N
       }
     }
 
-    if (i < lines.length - 1) out += '\n'
+    if (i < lines.length - 1) {
+      out += '\n'
+    }
     lineStart += line.length + 1 // + 1 for the consumed '\n'
   }
 
@@ -488,7 +493,9 @@ export function renumberOrderedListSegments(segments: Segment[]): {
   edits: NumberEdit[]
 } {
   const { edits } = renumberOrderedListLines(segmentsToPlainText(segments))
-  if (edits.length === 0) return { segments, edits }
+  if (edits.length === 0) {
+    return { segments, edits }
+  }
 
   let result = segments
   for (let i = edits.length - 1; i >= 0; i--) {

package/src/components/prompt-area/prompt-area.tsx

@@ -115,26 +115,24 @@ export function PromptArea({
     maxLength,
   })
 
-  // Expose imperative handle via ref
   useImperativeHandle(ref, () => handle, [handle])
 
-  // Auto-focus on mount
   useEffect(() => {
     if (autoFocus) {
       editorRef.current?.focus()
     }
   }, [autoFocus, editorRef])
 
-  // -----------------------------------------------------------------------
   // Auto-grow: expand on focus/input, shrink on blur
-  // -----------------------------------------------------------------------
 
   const [isFocused, setIsFocused] = useState(false)
   const [editorHeight, setEditorHeight] = useState<number | undefined>(undefined)
 
   const syncHeight = useCallback(() => {
     const el = editorRef.current
-    if (!el) return
+    if (!el) {
+      return
+    }
     // Temporarily set height to auto so scrollHeight reflects true content height
     el.style.height = 'auto'
     const contentHeight = el.scrollHeight
@@ -143,20 +141,28 @@ export function PromptArea({
   }, [editorRef])
 
   const handleFocus = useCallback(() => {
-    if (!autoGrow) return
+    if (!autoGrow) {
+      return
+    }
     setIsFocused(true)
     syncHeight()
   }, [autoGrow, syncHeight])
 
   const handleBlurWithShrink = useCallback(() => {
     eventHandlers.onBlur()
-    if (!autoGrow) return
+    if (!autoGrow) {
+      return
+    }
     setTimeout(() => {
       const editor = editorRef.current
-      if (!editor) return
+      if (!editor) {
+        return
+      }
       // Only shrink if focus truly left the component
       const activeEl = document.activeElement
-      if (activeEl && editor.parentElement?.contains(activeEl)) return
+      if (activeEl && editor.parentElement?.contains(activeEl)) {
+        return
+      }
       setIsFocused(false)
       setEditorHeight(undefined)
     }, BLUR_DELAY_MS)
@@ -176,15 +182,15 @@ export function PromptArea({
     }
   }, [value, autoGrow, isFocused, syncHeight])
 
-  // -----------------------------------------------------------------------
   // Overflow indicator: detect when collapsed content is clipped
-  // -----------------------------------------------------------------------
 
   const [hasOverflow, setHasOverflow] = useState(false)
   const overflowTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
 
   useEffect(() => {
-    if (!autoGrow) return
+    if (!autoGrow) {
+      return
+    }
 
     const checkOverflow = () => {
       if (isFocused) {
@@ -192,7 +198,9 @@ export function PromptArea({
         return
       }
       const el = editorRef.current
-      if (!el) return
+      if (!el) {
+        return
+      }
       setHasOverflow(el.scrollHeight > el.clientHeight)
     }
 
@@ -207,9 +215,7 @@ export function PromptArea({
     }
   }, [autoGrow, isFocused, value, editorRef])
 
-  // -----------------------------------------------------------------------
   // Compute editor style
-  // -----------------------------------------------------------------------
 
   const editorStyle = useMemo((): React.CSSProperties => {
     if (!autoGrow) {
@@ -238,7 +244,9 @@ export function PromptArea({
   const handleKeyDownCombined = useCallback(
     (e: React.KeyboardEvent<HTMLDivElement>) => {
       onKeyDown?.(e)
-      if (e.defaultPrevented) return
+      if (e.defaultPrevented) {
+        return
+      }
       handleKeyDown(e)
     },
     [onKeyDown, handleKeyDown],
@@ -256,27 +264,16 @@ export function PromptArea({
     [onBlur, handleBlurWithShrink],
   )
 
-  const isEmpty =
-    value.length === 0 || (value.length === 1 && value[0].type === 'text' && value[0].text === '')
+  const isEmpty = value.length === 0 || (value.length === 1 && value[0].type === 'text' && value[0].text === '')
 
   const imageStrip =
     images.length > 0 ? (
-      <ImageStrip
-        images={images}
-        onRemove={onImageRemove}
-        onClick={onImageClick}
-        className={imagePosition === 'above' ? 'pb-2' : 'pt-2'}
-      />
+      <ImageStrip images={images} onRemove={onImageRemove} onClick={onImageClick} className={imagePosition === 'above' ? 'pb-2' : 'pt-2'} />
     ) : null
 
   const fileStrip =
     files.length > 0 ? (
-      <FileStrip
-        files={files}
-        onRemove={onFileRemove}
-        onClick={onFileClick}
-        className={filePosition === 'above' ? 'pb-2' : 'pt-2'}
-      />
+      <FileStrip files={files} onRemove={onFileRemove} onClick={onFileClick} className={filePosition === 'above' ? 'pb-2' : 'pt-2'} />
     ) : null
 
   // Typography (font-size/line-height) lives on the container, not the editor, so
@@ -286,8 +283,6 @@ export function PromptArea({
     <div className={cn('prompt-area-container relative text-sm leading-relaxed', className)}>
       {imagePosition === 'above' && imageStrip}
       {filePosition === 'above' && fileStrip}
-
-      {/* Editor + placeholder wrapper */}
       <div className="relative">
         <div
           ref={editorRef}
@@ -327,7 +322,8 @@ export function PromptArea({
             aria-hidden="true"
             className="pointer-events-auto absolute right-0 bottom-0 left-0 cursor-pointer"
             style={{ height: '32px' }}
-            onClick={() => editorRef.current?.focus()}>
+            onClick={() => editorRef.current?.focus()}
+          >
             <div
               className="h-full w-full"
               style={{
@@ -337,8 +333,6 @@ export function PromptArea({
             />
           </div>
         )}
-
-        {/* Placeholder overlay */}
         {isEmpty &&
           placeholder &&
           (Array.isArray(placeholder) ? (
@@ -347,7 +341,8 @@ export function PromptArea({
             <div
               className="pointer-events-none absolute top-0 left-0 select-none"
               style={{ color: 'var(--prompt-area-placeholder, var(--muted-foreground))' }}
-              aria-hidden="true">
+              aria-hidden="true"
+            >
               {placeholder}
             </div>
           ))}
@@ -355,8 +350,6 @@ export function PromptArea({
 
       {filePosition === 'below' && fileStrip}
       {imagePosition === 'below' && imageStrip}
-
-      {/* Trigger suggestion popover */}
       {activeTrigger && activeTrigger.config.mode === 'dropdown' && (
         <TriggerPopover
           suggestions={suggestions}

package/src/components/prompt-area/remove-button.tsx

@@ -20,15 +20,9 @@ export function RemoveButton({ onClick, label, className }: RemoveButtonProps) {
         'transition-colors',
         className,
       )}
-      aria-label={label}>
-      <svg
-        width="8"
-        height="8"
-        viewBox="0 0 10 10"
-        fill="none"
-        stroke="currentColor"
-        strokeWidth="1.5"
-        strokeLinecap="round">
+      aria-label={label}
+    >
+      <svg width="8" height="8" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round">
         <line x1="2.75" y1="2.75" x2="7.25" y2="7.25" />
         <line x1="7.25" y1="2.75" x2="2.75" y2="7.25" />
       </svg>

package/src/components/prompt-area/segment-helpers.ts

@@ -20,10 +20,6 @@ import { segmentsToPlainText, plainTextToSegments } from './prompt-area-engine.t
 // Re-export serialization utilities so consumers have a single import.
 export { segmentsToPlainText, plainTextToSegments }
 
-// ---------------------------------------------------------------------------
-// Factories
-// ---------------------------------------------------------------------------
-
 /** Create a text segment. */
 export function text(value: string): TextSegment {
   return { type: 'text', text: value }
@@ -34,13 +30,11 @@ export function chip(opts: Omit<ChipSegment, 'type'>): ChipSegment {
   return { type: 'chip', ...opts }
 }
 
-// ---------------------------------------------------------------------------
-// Predicates
-// ---------------------------------------------------------------------------
-
 /** Returns `true` when the segment array is empty or contains only whitespace text. */
 export function isSegmentsEmpty(segments: Segment[]): boolean {
-  if (segments.length === 0) return true
+  if (segments.length === 0) {
+    return true
+  }
   return segments.every((seg) => seg.type === 'text' && seg.text.trim() === '')
 }
 
@@ -56,7 +50,5 @@ export function getChips(segments: Segment[]): ChipSegment[] {
 
 /** Extracts chips matching a specific trigger character. */
 export function getChipsByTrigger(segments: Segment[], trigger: string): ChipSegment[] {
-  return segments.filter(
-    (seg): seg is ChipSegment => seg.type === 'chip' && seg.trigger === trigger,
-  )
+  return segments.filter((seg): seg is ChipSegment => seg.type === 'chip' && seg.trigger === trigger)
 }

package/src/components/prompt-area/trigger-popover.tsx

@@ -38,12 +38,10 @@ export function TriggerPopover({
   const popoverRef = useRef<HTMLDivElement>(null)
   const selectedRef = useRef<HTMLButtonElement>(null)
 
-  // Scroll selected item into view
   useEffect(() => {
     selectedRef.current?.scrollIntoView({ block: 'nearest' })
   }, [selectedIndex])
 
-  // Click outside to dismiss
   useEffect(() => {
     const handleClickOutside = (e: MouseEvent) => {
       const target = e.target
@@ -55,8 +53,12 @@ export function TriggerPopover({
     return () => document.removeEventListener('mousedown', handleClickOutside)
   }, [onDismiss])
 
-  if (!triggerRect) return null
-  if (suggestions.length === 0 && !loading && !error && !emptyMessage) return null
+  if (!triggerRect) {
+    return null
+  }
+  if (suggestions.length === 0 && !loading && !error && !emptyMessage) {
+    return null
+  }
 
   // Position the popover relative to the trigger character, clamped to the
   // viewport. Flip above the trigger when there isn't enough room below, so the
@@ -71,27 +73,19 @@ export function TriggerPopover({
     zIndex: 50,
     maxWidth: `${popoverMaxWidth}px`,
     maxHeight: `${POPOVER_MAX_HEIGHT}px`,
-    ...(positionAbove
-      ? { bottom: `${window.innerHeight - triggerRect.top + 4}px` }
-      : { top: `${triggerRect.bottom + 4}px` }),
+    ...(positionAbove ? { bottom: `${window.innerHeight - triggerRect.top + 4}px` } : { top: `${triggerRect.bottom + 4}px` }),
   }
 
   return (
     <div
       ref={popoverRef}
-      className={cn(
-        'min-w-[200px] overflow-y-auto',
-        'bg-surface rounded-xl border p-2 shadow-md',
-        'animate-in fade-in-0 zoom-in-95',
-      )}
+      className={cn('min-w-[200px] overflow-y-auto', 'bg-surface rounded-xl border p-2 shadow-md', 'animate-in fade-in-0 zoom-in-95')}
       style={style}
       role="listbox"
-      aria-label={`${triggerChar} suggestions`}>
+      aria-label={`${triggerChar} suggestions`}
+    >
       {loading ? (
-        <div
-          role="option"
-          aria-selected={false}
-          className="text-muted-foreground px-3 py-2 text-sm">
+        <div role="option" aria-selected={false} className="text-muted-foreground px-3 py-2 text-sm">
           Loading suggestions...
         </div>
       ) : error ? (
@@ -99,10 +93,7 @@ export function TriggerPopover({
           {error}
         </div>
       ) : suggestions.length === 0 && emptyMessage ? (
-        <div
-          role="option"
-          aria-selected={false}
-          className="text-muted-foreground px-3 py-2 text-sm">
+        <div role="option" aria-selected={false} className="text-muted-foreground px-3 py-2 text-sm">
           {emptyMessage}
         </div>
       ) : (
@@ -121,15 +112,12 @@ export function TriggerPopover({
             onMouseDown={(e) => {
               e.preventDefault() // Prevent blur on the editor
               onSelect(suggestion)
-            }}>
+            }}
+          >
             {suggestion.icon && <span className="mt-0.5 shrink-0">{suggestion.icon}</span>}
             <div className="min-w-0 flex-1">
               <div className="truncate font-medium">{suggestion.label}</div>
-              {suggestion.description && (
-                <div className="text-muted-foreground truncate text-xs">
-                  {suggestion.description}
-                </div>
-              )}
+              {suggestion.description && <div className="text-muted-foreground truncate text-xs">{suggestion.description}</div>}
             </div>
           </button>
         ))

package/src/components/prompt-area/trigger-presets.ts

@@ -18,16 +18,12 @@
 
 import type { TriggerConfig, TriggerPosition } from './types.ts'
 
-// ---------------------------------------------------------------------------
 // Shared option type — everything in TriggerConfig except the keys each
 // factory sets by default.
-// ---------------------------------------------------------------------------
 
 type TriggerPresetOptions = Omit<Partial<TriggerConfig>, 'char' | 'position' | 'mode'>
 
-// ---------------------------------------------------------------------------
 // @mention — dropdown at any position
-// ---------------------------------------------------------------------------
 
 export type MentionTriggerOptions = TriggerPresetOptions & {
   /** Override the trigger character. Defaults to `'@'`. */
@@ -52,9 +48,7 @@ export function mentionTrigger(opts: MentionTriggerOptions = {}): TriggerConfig
   }
 }
 
-// ---------------------------------------------------------------------------
 // /command — dropdown anywhere (opt into line-start-only with `position`)
-// ---------------------------------------------------------------------------
 
 export type CommandTriggerOptions = TriggerPresetOptions & {
   /** Override the trigger character. Defaults to `'/'`. */
@@ -89,9 +83,7 @@ export function commandTrigger(opts: CommandTriggerOptions = {}): TriggerConfig
   }
 }
 
-// ---------------------------------------------------------------------------
 // #hashtag — dropdown at any position, auto-resolve on space
-// ---------------------------------------------------------------------------
 
 export type HashtagTriggerOptions = TriggerPresetOptions & {
   /** Override the trigger character. Defaults to `'#'`. */
@@ -117,9 +109,7 @@ export function hashtagTrigger(opts: HashtagTriggerOptions = {}): TriggerConfig
   }
 }
 
-// ---------------------------------------------------------------------------
 // Generic callback trigger (e.g., for file pickers, model selectors)
-// ---------------------------------------------------------------------------
 
 export type CallbackTriggerOptions = Omit<Partial<TriggerConfig>, 'mode'> & {
   /** The trigger character. Required. */