@flamingo-stack/openframe-frontend-core 0.0.589 → 0.0.590-2020.5606.1

package/dist/{chunk-EGUU3QCU.cjs → chunk-2564HPMD.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkEGYX55HTcjs = require('./chunk-EGYX55HT.cjs');
+var _chunkI3HBFKKMcjs = require('./chunk-I3HBFKKM.cjs');
 
 
 var _chunkZI27ALYXcjs = require('./chunk-ZI27ALYX.cjs');
@@ -129,7 +129,7 @@ function useSectionNavigation(sections, options) {
 // src/components/navigation/multi-level-navigation.tsx
 var _lucidereact = require('lucide-react');
 
-var DEFAULT_FOLDER_INDEX_FILE2 = _chunkEGYX55HTcjs.DEFAULT_FOLDER_INDEX_FILE;
+var DEFAULT_FOLDER_INDEX_FILE2 = _chunkI3HBFKKMcjs.DEFAULT_FOLDER_INDEX_FILE;
 function isNodeVisuallySelected(node, selectedPath, folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2) {
   const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();
   if (selectedPath === node.path) {
@@ -357,4 +357,4 @@ function MobileNavigationItem({
 
 
 exports.StickySectionNav = StickySectionNav; exports.useSectionNavigation = useSectionNavigation; exports.MultiLevelNavigation = MultiLevelNavigation; exports.MobileNavigationDropdown = MobileNavigationDropdown;
-//# sourceMappingURL=chunk-EGUU3QCU.cjs.map
+//# sourceMappingURL=chunk-2564HPMD.cjs.map

package/dist/{chunk-EGUU3QCU.cjs.map → chunk-2564HPMD.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-EGUU3QCU.cjs","../src/components/navigation/sticky-section-nav.tsx","../src/components/navigation/multi-level-navigation.tsx"],"names":["jsx","DEFAULT_FOLDER_INDEX_FILE"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-EGUU3QCU.cjs","sourcesContent":[null,"'use client';\n\nimport type React from 'react';\nimport { useEffect, useState, useCallback, useRef } from 'react';\nimport { cn } from '../../utils';\nimport { scrollElementIntoView } from '../../utils/scroll-into-view';\n\nexport interface StickyNavSection {\n  id: string;\n  label: string;\n}\n\ninterface StickySectionNavProps {\n  sections: StickyNavSection[];\n  activeSection: string;\n  onSectionClick: (sectionId: string) => void;\n  className?: string;\n  ribbonPosition?: 'left' | 'right';\n  ribbonColor?: string;\n}\n\n/**\n * Reusable sticky navigation component for section-based navigation\n * Used in vendor detail pages, knowledge base, documentation, etc.\n */\nexport function StickySectionNav({\n  sections,\n  activeSection,\n  onSectionClick,\n  className,\n  ribbonPosition = 'left',\n  ribbonColor = 'var(--color-accent-primary)',\n}: StickySectionNavProps) {\n  const navHeight = sections.length * 40; // 40px per item (h-10)\n\n  return (\n    <nav className={cn('relative bg-ods-bg', className)}>\n      {/* Background gray vertical line for all nav items */}\n      <div\n        className=\"absolute bg-ods-border\"\n        style={{\n          width: '1px',\n          height: `${navHeight}px`,\n          [ribbonPosition === 'left' ? 'left' : 'right']: '-2px',\n          top: '0px',\n        }}\n      />\n\n      {sections.map(section => (\n        <div key={section.id} className=\"relative flex h-10 w-full items-stretch transition-all duration-200\">\n          {/* Yellow ribbon for active state */}\n          {activeSection === section.id && (\n            <div\n              className=\"absolute z-10 transition-all duration-200\"\n              style={{\n                backgroundColor: ribbonColor,\n                width: '4px',\n                height: '24px',\n                [ribbonPosition === 'left' ? 'left' : 'right']: '-2px',\n                top: '8px',\n                borderRadius: '2px',\n              }}\n            />\n          )}\n\n          {/* Navigation button */}\n          <button\n            onClick={() => onSectionClick(section.id)}\n            className=\"relative flex flex-1 cursor-pointer items-center gap-2 px-3 py-2\"\n          >\n            <span\n              className={cn(\n                'text-left transition-all duration-200 text-h6',\n                activeSection === section.id\n                  ? 'text-ods-text-primary'\n                  : 'text-ods-text-secondary hover:text-ods-text-primary',\n              )}\n            >\n              {section.label}\n            </span>\n          </button>\n        </div>\n      ))}\n    </nav>\n  );\n}\n\n/**\n * SIMPLEST POSSIBLE IMPLEMENTATION - Just make it work\n */\nexport function useSectionNavigation(\n  sections: { id: string; ref: React.RefObject<HTMLElement> }[],\n  options?: {\n    offset?: number;\n  },\n) {\n  const [activeSection, setActiveSection] = useState(sections[0]?.id || '');\n  const isScrollingFromClick = useRef(false);\n  const { offset = 100 } = options || {};\n\n  // Handle click - scroll to the element via the canonical helper.\n  // The `offset` prop maps to `headerOffset` (sticky chrome above the\n  // section nav); same smooth-scroll mechanics every other anchor\n  // surface in the app uses.\n  const handleSectionClick = useCallback(\n    (sectionId: string) => {\n      const targetElement = document.getElementById(sectionId);\n      if (!targetElement) return;\n\n      // Prevent scroll spy while we're scrolling\n      isScrollingFromClick.current = true;\n      setActiveSection(sectionId);\n\n      scrollElementIntoView(targetElement, { headerOffset: offset });\n\n      // Allow scroll spy again after scroll completes\n      setTimeout(() => {\n        isScrollingFromClick.current = false;\n      }, 500);\n    },\n    [offset],\n  );\n\n  // Make sure elements have IDs\n  useEffect(() => {\n    sections.forEach(section => {\n      const el = section.ref.current;\n      if (el && !el.id) {\n        el.id = section.id;\n      }\n    });\n  }, [sections]);\n\n  // Simple scroll spy\n  useEffect(() => {\n    const handleScroll = () => {\n      if (isScrollingFromClick.current) return;\n\n      const scrollPosition = window.scrollY + offset + 50;\n\n      // Find which section we're in\n      let currentSection = sections[0]?.id || '';\n\n      for (let i = sections.length - 1; i >= 0; i--) {\n        const element = document.getElementById(sections[i].id);\n        if (element && scrollPosition >= element.offsetTop) {\n          currentSection = sections[i].id;\n          break;\n        }\n      }\n\n      setActiveSection(currentSection);\n    };\n\n    // Throttle the scroll handler\n    let scrollTimer: NodeJS.Timeout;\n    const throttledScroll = () => {\n      clearTimeout(scrollTimer);\n      scrollTimer = setTimeout(handleScroll, 100);\n    };\n\n    window.addEventListener('scroll', throttledScroll);\n    handleScroll(); // Check initial position\n\n    return () => {\n      window.removeEventListener('scroll', throttledScroll);\n      clearTimeout(scrollTimer);\n    };\n  }, [sections, offset]);\n\n  return {\n    activeSection,\n    handleSectionClick,\n  };\n}\n","'use client';\n\nimport { ChevronDown, ChevronUp, FileText, Folder, FolderOpen } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { DEFAULT_FOLDER_INDEX_FILE as CANONICAL_FOLDER_INDEX_FILE } from '../../utils/doc-tree-nav';\n\nexport interface NavigationNode {\n  id: string;\n  name: string;\n  path: string;\n  type: 'file' | 'folder';\n  hasReadme?: boolean;\n  children?: NavigationNode[];\n  slug?: string;\n  // Mirror DocNode's extra optional fields so a DocNode tree is structurally\n  // assignable to NavigationNode[] without an `as` cast. NavigationNode\n  // intentionally never reads these — they're carried for type-compat only.\n  documentType?: 'markdown' | 'pdf' | 'google_sheet' | 'figma' | 'file';\n  sortOrder?: number;\n}\n\ninterface MultiLevelNavigationProps {\n  nodes: NavigationNode[];\n  selectedPath: string;\n  expandedNodes: Set<string>;\n  onNodeClick: (node: NavigationNode) => void;\n  onToggleExpand?: (nodeId: string) => void;\n  isLoading?: boolean;\n  className?: string;\n  /** Folder-index filename (default `'README.md'`, case-insensitive). When the\n   *  selectedPath is a folder with this file, the visual ribbon moves to the\n   *  child file. */\n  folderIndexFile?: string;\n}\n\n// SSOT lives in `doc-tree-nav` (canonical case `'README.md'`). The visual\n// comparator below lowercases both sides, so re-exporting the canonical\n// constant under the same local name preserves call-site syntax without\n// drifting from the SSOT.\nconst DEFAULT_FOLDER_INDEX_FILE = CANONICAL_FOLDER_INDEX_FILE;\n\n/**\n * Compute the visual \"selected\" state for a navigation node.\n *\n * Folder-with-README convention: when `selectedPath` is a folder that has a\n * README, the FOLDER doesn't get the ribbon — its README child does. The folder\n * is just a container; the README is the actual document being viewed.\n *\n * Mirror case: a README file whose parent folder is the `selectedPath` gets the\n * visual selection ribbon (implicit). This handles both the auto-select-first-\n * folder landing path AND the user-clicks-folder case.\n */\nfunction isNodeVisuallySelected(\n  node: NavigationNode,\n  selectedPath: string,\n  folderIndexFile: string = DEFAULT_FOLDER_INDEX_FILE,\n): boolean {\n  const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();\n  // Path comparisons keyed on `node.path` (raw, includes `.md`). Do NOT use\n  // `node.name` — the tree-builder runs it through `formatDocName` which strips\n  // the `.md` extension, so `node.name.toLowerCase() === 'readme.md'` is always\n  // false.\n  if (selectedPath === node.path) {\n    // Explicit match — but folder-with-README defers to its README child.\n    return !(node.type === 'folder' && node.hasReadme);\n  }\n  if (node.type !== 'file') return false;\n  const pathLower = node.path.toLowerCase();\n  // Implicit: README child whose parent folder is the selectedPath.\n  if (selectedPath !== '' && pathLower === `${selectedPath.toLowerCase()}/${FOLDER_INDEX_FILE}`) {\n    return true;\n  }\n  // Implicit: ROOT README on the landing page (selectedPath === '' means\n  // \"no explicit doc selected\" — the viewer falls back to the root folder-\n  // index file, so that file IS the active document).\n  if (selectedPath === '' && pathLower === FOLDER_INDEX_FILE) {\n    return true;\n  }\n  return false;\n}\n\nexport function MultiLevelNavigation({\n  nodes,\n  selectedPath,\n  expandedNodes,\n  onNodeClick,\n  onToggleExpand,\n  isLoading,\n  className,\n  folderIndexFile = DEFAULT_FOLDER_INDEX_FILE,\n}: MultiLevelNavigationProps) {\n  if (isLoading) {\n    return (\n      <div className={cn('space-y-2', className)}>\n        {[1, 2, 3, 4].map(i => (\n          <div key={i} className=\"h-12 animate-pulse rounded-lg bg-ods-skeleton p-3\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('space-y-2', className)} role=\"list\" aria-label=\"Navigation list\">\n      {nodes.map(node => (\n        <NavigationItem\n          key={node.id}\n          node={node}\n          selectedPath={selectedPath}\n          expandedNodes={expandedNodes}\n          onNodeClick={onNodeClick}\n          onToggleExpand={onToggleExpand}\n          level={0}\n          folderIndexFile={folderIndexFile}\n        />\n      ))}\n    </div>\n  );\n}\n\ninterface NavigationItemProps {\n  node: NavigationNode;\n  selectedPath: string;\n  expandedNodes: Set<string>;\n  onNodeClick: (node: NavigationNode) => void;\n  onToggleExpand?: (nodeId: string) => void;\n  level: number;\n  folderIndexFile: string;\n}\n\nfunction NavigationItem({\n  node,\n  selectedPath,\n  expandedNodes,\n  onNodeClick,\n  onToggleExpand,\n  level,\n  folderIndexFile,\n}: NavigationItemProps) {\n  const isExpanded = expandedNodes.has(node.id);\n  const isSelected = isNodeVisuallySelected(node, selectedPath, folderIndexFile);\n  // Bind the (optional) child list once so the render below maps a real array\n  // rather than re-deriving `hasChildren` and asserting it away.\n  const children = node.children ?? [];\n  const hasChildren = children.length > 0;\n\n  return (\n    <div className=\"space-y-1\" role=\"listitem\">\n      <div className={cn('px-2', level > 0 && 'ml-4')}>\n        <div\n          className={cn(\n            'relative w-full rounded-lg border transition-all duration-150',\n            isSelected ? 'border-ods-border bg-ods-border' : 'border-ods-border bg-ods-card',\n          )}\n        >\n          <div className=\"relative flex items-center\">\n            <button\n              className={cn(\n                'flex h-12 w-full items-center rounded-lg px-2 text-ods-text-primary transition-all duration-150 text-h6',\n                !isSelected && 'hover:bg-ods-bg-hover',\n                hasChildren && 'pr-12',\n              )}\n              onClick={() => onNodeClick(node)}\n              aria-label={`${isSelected ? 'Selected' : 'Select'} ${node.name}`}\n            >\n              <span className=\"mr-2 flex-shrink-0\">\n                {node.type === 'folder' ? (\n                  isExpanded ? (\n                    <FolderOpen className=\"h-4 w-4\" />\n                  ) : (\n                    <Folder className=\"h-4 w-4\" />\n                  )\n                ) : (\n                  <FileText className=\"h-4 w-4\" />\n                )}\n              </span>\n              <span className=\"min-w-0 flex-1 truncate text-left\">\n                {node.name.endsWith('.md') ? node.name.replace('.md', '') : node.name}\n              </span>\n              {node.type === 'folder' && node.hasReadme && (\n                <span className=\"mr-2 rounded bg-ods-bg-surface px-1.5 py-0.5 text-ods-text-secondary text-h6\">\n                  README\n                </span>\n              )}\n            </button>\n\n            {hasChildren && (\n              <button\n                className=\"absolute right-0 top-0 flex h-12 w-12 items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary\"\n                onClick={e => {\n                  e.stopPropagation();\n                  if (onToggleExpand) {\n                    onToggleExpand(node.id);\n                  } else {\n                    onNodeClick(node);\n                  }\n                }}\n                aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.name}`}\n              >\n                {isExpanded ? <ChevronUp className=\"h-4 w-4\" /> : <ChevronDown className=\"h-4 w-4\" />}\n              </button>\n            )}\n          </div>\n\n          {isSelected && (\n            <div className=\"absolute right-0 top-1/2 h-[calc(100%-8px)] w-1 -translate-y-1/2 rounded-l bg-ods-accent\" />\n          )}\n        </div>\n      </div>\n\n      {hasChildren && isExpanded && (\n        <div className=\"space-y-1\">\n          {children.map(child => (\n            <NavigationItem\n              key={child.id}\n              node={child}\n              selectedPath={selectedPath}\n              expandedNodes={expandedNodes}\n              onNodeClick={onNodeClick}\n              onToggleExpand={onToggleExpand}\n              level={level + 1}\n              folderIndexFile={folderIndexFile}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function MobileNavigationDropdown({\n  nodes,\n  selectedPath,\n  expandedNodes,\n  onNodeClick,\n  onToggleExpand,\n  isLoading,\n  className,\n  folderIndexFile = DEFAULT_FOLDER_INDEX_FILE,\n}: MultiLevelNavigationProps) {\n  if (isLoading) {\n    return (\n      <div className={cn('space-y-2', className)}>\n        {[1, 2, 3].map(i => (\n          <div key={i} className=\"h-10 animate-pulse rounded-lg bg-ods-skeleton p-3\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      {nodes.map(node => (\n        <MobileNavigationItem\n          key={node.id}\n          node={node}\n          selectedPath={selectedPath}\n          expandedNodes={expandedNodes}\n          onNodeClick={onNodeClick}\n          onToggleExpand={onToggleExpand}\n          level={0}\n          folderIndexFile={folderIndexFile}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction MobileNavigationItem({\n  node,\n  selectedPath,\n  expandedNodes,\n  onNodeClick,\n  onToggleExpand,\n  level,\n  folderIndexFile,\n}: NavigationItemProps) {\n  const isExpanded = expandedNodes.has(node.id);\n  const isSelected = isNodeVisuallySelected(node, selectedPath, folderIndexFile);\n  // Same binding as the desktop item above — a real array to map, no assertion.\n  const children = node.children ?? [];\n  const hasChildren = children.length > 0;\n\n  return (\n    <div className=\"space-y-1\">\n      <div className={cn('px-2', level > 0 && 'ml-3')}>\n        <div\n          className={cn(\n            'relative w-full rounded-lg border transition-all duration-150',\n            isSelected ? 'border-ods-border bg-ods-border' : 'border-ods-border bg-ods-card',\n          )}\n        >\n          <div className=\"relative flex items-center\">\n            <button\n              className={cn(\n                'flex h-11 w-full items-center rounded-lg px-2 text-ods-text-primary transition-all duration-150 text-h6',\n                !isSelected && 'hover:bg-ods-bg-hover',\n                hasChildren && 'pr-11',\n              )}\n              onClick={() => onNodeClick(node)}\n            >\n              <span className=\"mr-2 flex-shrink-0\">\n                {node.type === 'folder' ? (\n                  isExpanded ? (\n                    <FolderOpen className=\"h-4 w-4\" />\n                  ) : (\n                    <Folder className=\"h-4 w-4\" />\n                  )\n                ) : (\n                  <FileText className=\"h-4 w-4\" />\n                )}\n              </span>\n              <span className=\"min-w-0 flex-1 truncate text-left\">\n                {node.name.endsWith('.md') ? node.name.replace('.md', '') : node.name}\n              </span>\n              {node.type === 'folder' && node.hasReadme && (\n                <span className=\"mr-2 rounded bg-ods-bg-surface px-1.5 py-0.5 text-ods-text-secondary text-h6\">\n                  README\n                </span>\n              )}\n            </button>\n\n            {hasChildren && (\n              <button\n                className=\"absolute right-0 top-0 flex h-11 w-11 items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary\"\n                onClick={e => {\n                  e.stopPropagation();\n                  if (onToggleExpand) {\n                    onToggleExpand(node.id);\n                  } else {\n                    onNodeClick(node);\n                  }\n                }}\n                aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.name}`}\n              >\n                {isExpanded ? <ChevronUp className=\"h-3.5 w-3.5\" /> : <ChevronDown className=\"h-3.5 w-3.5\" />}\n              </button>\n            )}\n          </div>\n\n          {isSelected && (\n            <div className=\"absolute right-0 top-1/2 h-[calc(100%-8px)] w-1 -translate-y-1/2 rounded-l bg-ods-accent\" />\n          )}\n        </div>\n      </div>\n\n      {hasChildren && isExpanded && (\n        <div className=\"space-y-1\">\n          {children.map(child => (\n            <MobileNavigationItem\n              key={child.id}\n              node={child}\n              selectedPath={selectedPath}\n              expandedNodes={expandedNodes}\n              onNodeClick={onNodeClick}\n              onToggleExpand={onToggleExpand}\n              level={level + 1}\n              folderIndexFile={folderIndexFile}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-2564HPMD.cjs","../src/components/navigation/sticky-section-nav.tsx","../src/components/navigation/multi-level-navigation.tsx"],"names":["jsx","DEFAULT_FOLDER_INDEX_FILE"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-2564HPMD.cjs","sourcesContent":[null,"'use client';\n\nimport type React from 'react';\nimport { useEffect, useState, useCallback, useRef } from 'react';\nimport { cn } from '../../utils';\nimport { scrollElementIntoView } from '../../utils/scroll-into-view';\n\nexport interface StickyNavSection {\n  id: string;\n  label: string;\n}\n\ninterface StickySectionNavProps {\n  sections: StickyNavSection[];\n  activeSection: string;\n  onSectionClick: (sectionId: string) => void;\n  className?: string;\n  ribbonPosition?: 'left' | 'right';\n  ribbonColor?: string;\n}\n\n/**\n * Reusable sticky navigation component for section-based navigation\n * Used in vendor detail pages, knowledge base, documentation, etc.\n */\nexport function StickySectionNav({\n  sections,\n  activeSection,\n  onSectionClick,\n  className,\n  ribbonPosition = 'left',\n  ribbonColor = 'var(--color-accent-primary)',\n}: StickySectionNavProps) {\n  const navHeight = sections.length * 40; // 40px per item (h-10)\n\n  return (\n    <nav className={cn('relative bg-ods-bg', className)}>\n      {/* Background gray vertical line for all nav items */}\n      <div\n        className=\"absolute bg-ods-border\"\n        style={{\n          width: '1px',\n          height: `${navHeight}px`,\n          [ribbonPosition === 'left' ? 'left' : 'right']: '-2px',\n          top: '0px',\n        }}\n      />\n\n      {sections.map(section => (\n        <div key={section.id} className=\"relative flex h-10 w-full items-stretch transition-all duration-200\">\n          {/* Yellow ribbon for active state */}\n          {activeSection === section.id && (\n            <div\n              className=\"absolute z-10 transition-all duration-200\"\n              style={{\n                backgroundColor: ribbonColor,\n                width: '4px',\n                height: '24px',\n                [ribbonPosition === 'left' ? 'left' : 'right']: '-2px',\n                top: '8px',\n                borderRadius: '2px',\n              }}\n            />\n          )}\n\n          {/* Navigation button */}\n          <button\n            onClick={() => onSectionClick(section.id)}\n            className=\"relative flex flex-1 cursor-pointer items-center gap-2 px-3 py-2\"\n          >\n            <span\n              className={cn(\n                'text-left transition-all duration-200 text-h6',\n                activeSection === section.id\n                  ? 'text-ods-text-primary'\n                  : 'text-ods-text-secondary hover:text-ods-text-primary',\n              )}\n            >\n              {section.label}\n            </span>\n          </button>\n        </div>\n      ))}\n    </nav>\n  );\n}\n\n/**\n * SIMPLEST POSSIBLE IMPLEMENTATION - Just make it work\n */\nexport function useSectionNavigation(\n  sections: { id: string; ref: React.RefObject<HTMLElement> }[],\n  options?: {\n    offset?: number;\n  },\n) {\n  const [activeSection, setActiveSection] = useState(sections[0]?.id || '');\n  const isScrollingFromClick = useRef(false);\n  const { offset = 100 } = options || {};\n\n  // Handle click - scroll to the element via the canonical helper.\n  // The `offset` prop maps to `headerOffset` (sticky chrome above the\n  // section nav); same smooth-scroll mechanics every other anchor\n  // surface in the app uses.\n  const handleSectionClick = useCallback(\n    (sectionId: string) => {\n      const targetElement = document.getElementById(sectionId);\n      if (!targetElement) return;\n\n      // Prevent scroll spy while we're scrolling\n      isScrollingFromClick.current = true;\n      setActiveSection(sectionId);\n\n      scrollElementIntoView(targetElement, { headerOffset: offset });\n\n      // Allow scroll spy again after scroll completes\n      setTimeout(() => {\n        isScrollingFromClick.current = false;\n      }, 500);\n    },\n    [offset],\n  );\n\n  // Make sure elements have IDs\n  useEffect(() => {\n    sections.forEach(section => {\n      const el = section.ref.current;\n      if (el && !el.id) {\n        el.id = section.id;\n      }\n    });\n  }, [sections]);\n\n  // Simple scroll spy\n  useEffect(() => {\n    const handleScroll = () => {\n      if (isScrollingFromClick.current) return;\n\n      const scrollPosition = window.scrollY + offset + 50;\n\n      // Find which section we're in\n      let currentSection = sections[0]?.id || '';\n\n      for (let i = sections.length - 1; i >= 0; i--) {\n        const element = document.getElementById(sections[i].id);\n        if (element && scrollPosition >= element.offsetTop) {\n          currentSection = sections[i].id;\n          break;\n        }\n      }\n\n      setActiveSection(currentSection);\n    };\n\n    // Throttle the scroll handler\n    let scrollTimer: NodeJS.Timeout;\n    const throttledScroll = () => {\n      clearTimeout(scrollTimer);\n      scrollTimer = setTimeout(handleScroll, 100);\n    };\n\n    window.addEventListener('scroll', throttledScroll);\n    handleScroll(); // Check initial position\n\n    return () => {\n      window.removeEventListener('scroll', throttledScroll);\n      clearTimeout(scrollTimer);\n    };\n  }, [sections, offset]);\n\n  return {\n    activeSection,\n    handleSectionClick,\n  };\n}\n","'use client';\n\nimport { ChevronDown, ChevronUp, FileText, Folder, FolderOpen } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { DEFAULT_FOLDER_INDEX_FILE as CANONICAL_FOLDER_INDEX_FILE } from '../../utils/doc-tree-nav';\n\nexport interface NavigationNode {\n  id: string;\n  name: string;\n  path: string;\n  type: 'file' | 'folder';\n  hasReadme?: boolean;\n  children?: NavigationNode[];\n  slug?: string;\n  // Mirror DocNode's extra optional fields so a DocNode tree is structurally\n  // assignable to NavigationNode[] without an `as` cast. NavigationNode\n  // intentionally never reads these — they're carried for type-compat only.\n  documentType?: 'markdown' | 'pdf' | 'google_sheet' | 'figma' | 'file';\n  sortOrder?: number;\n}\n\ninterface MultiLevelNavigationProps {\n  nodes: NavigationNode[];\n  selectedPath: string;\n  expandedNodes: Set<string>;\n  onNodeClick: (node: NavigationNode) => void;\n  onToggleExpand?: (nodeId: string) => void;\n  isLoading?: boolean;\n  className?: string;\n  /** Folder-index filename (default `'README.md'`, case-insensitive). When the\n   *  selectedPath is a folder with this file, the visual ribbon moves to the\n   *  child file. */\n  folderIndexFile?: string;\n}\n\n// SSOT lives in `doc-tree-nav` (canonical case `'README.md'`). The visual\n// comparator below lowercases both sides, so re-exporting the canonical\n// constant under the same local name preserves call-site syntax without\n// drifting from the SSOT.\nconst DEFAULT_FOLDER_INDEX_FILE = CANONICAL_FOLDER_INDEX_FILE;\n\n/**\n * Compute the visual \"selected\" state for a navigation node.\n *\n * Folder-with-README convention: when `selectedPath` is a folder that has a\n * README, the FOLDER doesn't get the ribbon — its README child does. The folder\n * is just a container; the README is the actual document being viewed.\n *\n * Mirror case: a README file whose parent folder is the `selectedPath` gets the\n * visual selection ribbon (implicit). This handles both the auto-select-first-\n * folder landing path AND the user-clicks-folder case.\n */\nfunction isNodeVisuallySelected(\n  node: NavigationNode,\n  selectedPath: string,\n  folderIndexFile: string = DEFAULT_FOLDER_INDEX_FILE,\n): boolean {\n  const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();\n  // Path comparisons keyed on `node.path` (raw, includes `.md`). Do NOT use\n  // `node.name` — the tree-builder runs it through `formatDocName` which strips\n  // the `.md` extension, so `node.name.toLowerCase() === 'readme.md'` is always\n  // false.\n  if (selectedPath === node.path) {\n    // Explicit match — but folder-with-README defers to its README child.\n    return !(node.type === 'folder' && node.hasReadme);\n  }\n  if (node.type !== 'file') return false;\n  const pathLower = node.path.toLowerCase();\n  // Implicit: README child whose parent folder is the selectedPath.\n  if (selectedPath !== '' && pathLower === `${selectedPath.toLowerCase()}/${FOLDER_INDEX_FILE}`) {\n    return true;\n  }\n  // Implicit: ROOT README on the landing page (selectedPath === '' means\n  // \"no explicit doc selected\" — the viewer falls back to the root folder-\n  // index file, so that file IS the active document).\n  if (selectedPath === '' && pathLower === FOLDER_INDEX_FILE) {\n    return true;\n  }\n  return false;\n}\n\nexport function MultiLevelNavigation({\n  nodes,\n  selectedPath,\n  expandedNodes,\n  onNodeClick,\n  onToggleExpand,\n  isLoading,\n  className,\n  folderIndexFile = DEFAULT_FOLDER_INDEX_FILE,\n}: MultiLevelNavigationProps) {\n  if (isLoading) {\n    return (\n      <div className={cn('space-y-2', className)}>\n        {[1, 2, 3, 4].map(i => (\n          <div key={i} className=\"h-12 animate-pulse rounded-lg bg-ods-skeleton p-3\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('space-y-2', className)} role=\"list\" aria-label=\"Navigation list\">\n      {nodes.map(node => (\n        <NavigationItem\n          key={node.id}\n          node={node}\n          selectedPath={selectedPath}\n          expandedNodes={expandedNodes}\n          onNodeClick={onNodeClick}\n          onToggleExpand={onToggleExpand}\n          level={0}\n          folderIndexFile={folderIndexFile}\n        />\n      ))}\n    </div>\n  );\n}\n\ninterface NavigationItemProps {\n  node: NavigationNode;\n  selectedPath: string;\n  expandedNodes: Set<string>;\n  onNodeClick: (node: NavigationNode) => void;\n  onToggleExpand?: (nodeId: string) => void;\n  level: number;\n  folderIndexFile: string;\n}\n\nfunction NavigationItem({\n  node,\n  selectedPath,\n  expandedNodes,\n  onNodeClick,\n  onToggleExpand,\n  level,\n  folderIndexFile,\n}: NavigationItemProps) {\n  const isExpanded = expandedNodes.has(node.id);\n  const isSelected = isNodeVisuallySelected(node, selectedPath, folderIndexFile);\n  // Bind the (optional) child list once so the render below maps a real array\n  // rather than re-deriving `hasChildren` and asserting it away.\n  const children = node.children ?? [];\n  const hasChildren = children.length > 0;\n\n  return (\n    <div className=\"space-y-1\" role=\"listitem\">\n      <div className={cn('px-2', level > 0 && 'ml-4')}>\n        <div\n          className={cn(\n            'relative w-full rounded-lg border transition-all duration-150',\n            isSelected ? 'border-ods-border bg-ods-border' : 'border-ods-border bg-ods-card',\n          )}\n        >\n          <div className=\"relative flex items-center\">\n            <button\n              className={cn(\n                'flex h-12 w-full items-center rounded-lg px-2 text-ods-text-primary transition-all duration-150 text-h6',\n                !isSelected && 'hover:bg-ods-bg-hover',\n                hasChildren && 'pr-12',\n              )}\n              onClick={() => onNodeClick(node)}\n              aria-label={`${isSelected ? 'Selected' : 'Select'} ${node.name}`}\n            >\n              <span className=\"mr-2 flex-shrink-0\">\n                {node.type === 'folder' ? (\n                  isExpanded ? (\n                    <FolderOpen className=\"h-4 w-4\" />\n                  ) : (\n                    <Folder className=\"h-4 w-4\" />\n                  )\n                ) : (\n                  <FileText className=\"h-4 w-4\" />\n                )}\n              </span>\n              <span className=\"min-w-0 flex-1 truncate text-left\">\n                {node.name.endsWith('.md') ? node.name.replace('.md', '') : node.name}\n              </span>\n              {node.type === 'folder' && node.hasReadme && (\n                <span className=\"mr-2 rounded bg-ods-bg-surface px-1.5 py-0.5 text-ods-text-secondary text-h6\">\n                  README\n                </span>\n              )}\n            </button>\n\n            {hasChildren && (\n              <button\n                className=\"absolute right-0 top-0 flex h-12 w-12 items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary\"\n                onClick={e => {\n                  e.stopPropagation();\n                  if (onToggleExpand) {\n                    onToggleExpand(node.id);\n                  } else {\n                    onNodeClick(node);\n                  }\n                }}\n                aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.name}`}\n              >\n                {isExpanded ? <ChevronUp className=\"h-4 w-4\" /> : <ChevronDown className=\"h-4 w-4\" />}\n              </button>\n            )}\n          </div>\n\n          {isSelected && (\n            <div className=\"absolute right-0 top-1/2 h-[calc(100%-8px)] w-1 -translate-y-1/2 rounded-l bg-ods-accent\" />\n          )}\n        </div>\n      </div>\n\n      {hasChildren && isExpanded && (\n        <div className=\"space-y-1\">\n          {children.map(child => (\n            <NavigationItem\n              key={child.id}\n              node={child}\n              selectedPath={selectedPath}\n              expandedNodes={expandedNodes}\n              onNodeClick={onNodeClick}\n              onToggleExpand={onToggleExpand}\n              level={level + 1}\n              folderIndexFile={folderIndexFile}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function MobileNavigationDropdown({\n  nodes,\n  selectedPath,\n  expandedNodes,\n  onNodeClick,\n  onToggleExpand,\n  isLoading,\n  className,\n  folderIndexFile = DEFAULT_FOLDER_INDEX_FILE,\n}: MultiLevelNavigationProps) {\n  if (isLoading) {\n    return (\n      <div className={cn('space-y-2', className)}>\n        {[1, 2, 3].map(i => (\n          <div key={i} className=\"h-10 animate-pulse rounded-lg bg-ods-skeleton p-3\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      {nodes.map(node => (\n        <MobileNavigationItem\n          key={node.id}\n          node={node}\n          selectedPath={selectedPath}\n          expandedNodes={expandedNodes}\n          onNodeClick={onNodeClick}\n          onToggleExpand={onToggleExpand}\n          level={0}\n          folderIndexFile={folderIndexFile}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction MobileNavigationItem({\n  node,\n  selectedPath,\n  expandedNodes,\n  onNodeClick,\n  onToggleExpand,\n  level,\n  folderIndexFile,\n}: NavigationItemProps) {\n  const isExpanded = expandedNodes.has(node.id);\n  const isSelected = isNodeVisuallySelected(node, selectedPath, folderIndexFile);\n  // Same binding as the desktop item above — a real array to map, no assertion.\n  const children = node.children ?? [];\n  const hasChildren = children.length > 0;\n\n  return (\n    <div className=\"space-y-1\">\n      <div className={cn('px-2', level > 0 && 'ml-3')}>\n        <div\n          className={cn(\n            'relative w-full rounded-lg border transition-all duration-150',\n            isSelected ? 'border-ods-border bg-ods-border' : 'border-ods-border bg-ods-card',\n          )}\n        >\n          <div className=\"relative flex items-center\">\n            <button\n              className={cn(\n                'flex h-11 w-full items-center rounded-lg px-2 text-ods-text-primary transition-all duration-150 text-h6',\n                !isSelected && 'hover:bg-ods-bg-hover',\n                hasChildren && 'pr-11',\n              )}\n              onClick={() => onNodeClick(node)}\n            >\n              <span className=\"mr-2 flex-shrink-0\">\n                {node.type === 'folder' ? (\n                  isExpanded ? (\n                    <FolderOpen className=\"h-4 w-4\" />\n                  ) : (\n                    <Folder className=\"h-4 w-4\" />\n                  )\n                ) : (\n                  <FileText className=\"h-4 w-4\" />\n                )}\n              </span>\n              <span className=\"min-w-0 flex-1 truncate text-left\">\n                {node.name.endsWith('.md') ? node.name.replace('.md', '') : node.name}\n              </span>\n              {node.type === 'folder' && node.hasReadme && (\n                <span className=\"mr-2 rounded bg-ods-bg-surface px-1.5 py-0.5 text-ods-text-secondary text-h6\">\n                  README\n                </span>\n              )}\n            </button>\n\n            {hasChildren && (\n              <button\n                className=\"absolute right-0 top-0 flex h-11 w-11 items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary\"\n                onClick={e => {\n                  e.stopPropagation();\n                  if (onToggleExpand) {\n                    onToggleExpand(node.id);\n                  } else {\n                    onNodeClick(node);\n                  }\n                }}\n                aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${node.name}`}\n              >\n                {isExpanded ? <ChevronUp className=\"h-3.5 w-3.5\" /> : <ChevronDown className=\"h-3.5 w-3.5\" />}\n              </button>\n            )}\n          </div>\n\n          {isSelected && (\n            <div className=\"absolute right-0 top-1/2 h-[calc(100%-8px)] w-1 -translate-y-1/2 rounded-l bg-ods-accent\" />\n          )}\n        </div>\n      </div>\n\n      {hasChildren && isExpanded && (\n        <div className=\"space-y-1\">\n          {children.map(child => (\n            <MobileNavigationItem\n              key={child.id}\n              node={child}\n              selectedPath={selectedPath}\n              expandedNodes={expandedNodes}\n              onNodeClick={onNodeClick}\n              onToggleExpand={onToggleExpand}\n              level={level + 1}\n              folderIndexFile={folderIndexFile}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-JDINUWND.cjs → chunk-2MY6BT6P.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkBONXSRHZcjs = require('./chunk-BONXSRHZ.cjs');
+var _chunkWIAEFA2Kcjs = require('./chunk-WIAEFA2K.cjs');
 
 
 
 
 
-var _chunk5CHW7AMPcjs = require('./chunk-5CHW7AMP.cjs');
+var _chunk3BQESV5Gcjs = require('./chunk-3BQESV5G.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _chunkS4CLML75cjs = require('./chunk-S4CLML75.cjs');
 
 
 
-var _chunkMENQLD57cjs = require('./chunk-MENQLD57.cjs');
+var _chunkCQHFRJSGcjs = require('./chunk-CQHFRJSG.cjs');
 
 
 
@@ -33,7 +33,7 @@ var _chunkMENQLD57cjs = require('./chunk-MENQLD57.cjs');
 
 
 
-var _chunkEGYX55HTcjs = require('./chunk-EGYX55HT.cjs');
+var _chunkI3HBFKKMcjs = require('./chunk-I3HBFKKM.cjs');
 
 
 
@@ -51,7 +51,7 @@ var _chunkIKDC3R7Vcjs = require('./chunk-IKDC3R7V.cjs');
 
 
 
-var _chunkG45RGWHFcjs = require('./chunk-G45RGWHF.cjs');
+var _chunk353GRCTEcjs = require('./chunk-353GRCTE.cjs');
 
 
 
@@ -107,7 +107,7 @@ var TicketActionFailure = class extends Error {
 function useTicketActions(options) {
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const ticketActionEndpoint = _nullishCoalesce(_chunkRDTOMWDNcjs.useRequiredChatRuntime.call(void 0, ).endpoints.ticketActionUrl, () => ( TICKET_ACTION_ENDPOINT));
-  const ticketLive = _chunkMENQLD57cjs.useOptionalTicketLive.call(void 0, );
+  const ticketLive = _chunkCQHFRJSGcjs.useOptionalTicketLive.call(void 0, );
   const notifyTicketCreated = _optionalChain([ticketLive, 'optionalAccess', _2 => _2.notifyTicketCreated]);
   const { prependOptimistic, removeOptimistic, removeTicketFromCache, toast: toast2, onSupportSystemDown } = options;
   const formInFlightRef = _react.useRef.call(void 0, null);
@@ -268,10 +268,10 @@ function useTicketActions(options) {
             ..._optionalChain([input, 'access', _3 => _3.attachments, 'optionalAccess', _4 => _4.length]) ? { attachments: input.attachments } : {}
           });
           if (result.mirror_synced === false) {
-            toast2(_chunkMENQLD57cjs.TOAST_COPY.open_mirror_pending);
+            toast2(_chunkCQHFRJSGcjs.TOAST_COPY.open_mirror_pending);
             watchMirrorSync(placeholderId, result.ticket_id);
           } else {
-            toast2(_chunkMENQLD57cjs.TOAST_COPY.open_success);
+            toast2(_chunkCQHFRJSGcjs.TOAST_COPY.open_success);
             await queryClient.invalidateQueries({ queryKey: ["tickets"] });
             removeOptimistic(placeholderId);
           }
@@ -357,7 +357,7 @@ function useTicketActions(options) {
           ...hasText ? { content_addendum: trimmed } : {},
           ...hasFiles ? { attachments } : {}
         },
-        _chunkMENQLD57cjs.TOAST_COPY.comment_success,
+        _chunkCQHFRJSGcjs.TOAST_COPY.comment_success,
         "send message"
       );
       if (ok) {
@@ -380,13 +380,13 @@ function useTicketActions(options) {
         status: "CLOSED",
         ..._optionalChain([resolution, 'optionalAccess', _6 => _6.trim, 'call', _7 => _7()]) ? { resolution: resolution.trim() } : {}
       },
-      _chunkMENQLD57cjs.TOAST_COPY.close_success,
+      _chunkCQHFRJSGcjs.TOAST_COPY.close_success,
       "close ticket"
     ),
     [updateTicket]
   );
   const reopenTicket = _react.useCallback.call(void 0, 
-    (ticket) => updateTicket(ticket, { status: "OPEN" }, _chunkMENQLD57cjs.TOAST_COPY.reopen_success, "reopen ticket"),
+    (ticket) => updateTicket(ticket, { status: "OPEN" }, _chunkCQHFRJSGcjs.TOAST_COPY.reopen_success, "reopen ticket"),
     [updateTicket]
   );
   return _react.useMemo.call(void 0, 
@@ -611,14 +611,14 @@ function useTicketsList(filters) {
 // src/components/tickets/ticket-open-form.tsx
 
 var _jsxruntime = require('react/jsx-runtime');
-var COUNTER_VISIBLE_AT = Math.floor(_chunkMENQLD57cjs.TICKET_TEXT_MAX_CHARS * 0.8);
+var COUNTER_VISIBLE_AT = Math.floor(_chunkCQHFRJSGcjs.TICKET_TEXT_MAX_CHARS * 0.8);
 function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
   const [subject, setSubject] = _react.useState.call(void 0, "");
   const [content, setContent] = _react.useState.call(void 0, "");
-  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkG45RGWHFcjs.useChatAttachments.call(void 0, );
+  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunk353GRCTEcjs.useChatAttachments.call(void 0, );
   const trimmedSubject = subject.trim();
   const trimmedContent = content.trim();
-  const overCap = content.length > _chunkMENQLD57cjs.TICKET_TEXT_MAX_CHARS;
+  const overCap = content.length > _chunkCQHFRJSGcjs.TICKET_TEXT_MAX_CHARS;
   const showCounter = content.length >= COUNTER_VISIBLE_AT;
   const canSubmit = !isSubmitting && !supportSystemDown && !hasInflightUploads && trimmedSubject.length > 0 && trimmedContent.length > 0 && !overCap;
   const handleSubmit = async (e) => {
@@ -660,7 +660,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "ticket-content", className: "mb-1 block text-ods-text-primary text-h6", children: "Your Message" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkEGYX55HTcjs.Textarea,
+          _chunkI3HBFKKMcjs.Textarea,
           {
             id: "ticket-content",
             placeholder: "Describe your issue or question in detail...",
@@ -674,11 +674,11 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
         showCounter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: `mt-1 text-right text-h6 ${overCap ? "text-ods-error" : "text-ods-text-secondary"}`, children: [
           content.length,
           "/",
-          _chunkMENQLD57cjs.TICKET_TEXT_MAX_CHARS
+          _chunkCQHFRJSGcjs.TICKET_TEXT_MAX_CHARS
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkG45RGWHFcjs.ChatAttachmentChipStrip,
+        _chunk353GRCTEcjs.ChatAttachmentChipStrip,
         {
           attachments,
           onRemove: removeAttachment,
@@ -687,7 +687,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkG45RGWHFcjs.ChatAttachmentAddButton,
+          _chunk353GRCTEcjs.ChatAttachmentAddButton,
           {
             attachmentsEnabled: !supportSystemDown,
             attachmentsCount: attachments.length,
@@ -717,7 +717,7 @@ var _usesticktobottom = require('use-stick-to-bottom');
 
 var LIST_ENGAGEMENTS_ENDPOINT = "/api/chat/agent/list-engagements";
 function useTicketEngagements(externalTicketId, enabled = true) {
-  const identity = _chunkG45RGWHFcjs.useChatIdentity.call(void 0, );
+  const identity = _chunk353GRCTEcjs.useChatIdentity.call(void 0, );
   const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _21 => _21.user, 'optionalAccess', _22 => _22.email]), () => ( "anon"));
   const listEngagementsEndpoint = _nullishCoalesce(_chunkRDTOMWDNcjs.useRequiredChatRuntime.call(void 0, ).endpoints.listEngagementsUrl, () => ( LIST_ENGAGEMENTS_ENDPOINT));
   const fetchable = enabled && !!externalTicketId && !externalTicketId.startsWith("temp-");
@@ -790,7 +790,7 @@ function TicketLinkedDeliveryCard({ clickup, className }) {
     dateClosed: clickup.date_closed,
     clickupUrl: _nullishCoalesce(clickup.clickup_url, () => ( ""))
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden rounded-md border border-ods-border bg-ods-bg ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5CHW7AMPcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden rounded-md border border-ods-border bg-ods-bg ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3BQESV5Gcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
 }
 
 // src/components/tickets/ticket-reply-composer.tsx
@@ -805,7 +805,7 @@ function TicketReplyComposer({
 }) {
   const [resolution, setResolution] = _react.useState.call(void 0, "");
   const [closeDialogOpen, setCloseDialogOpen] = _react.useState.call(void 0, false);
-  const attachments = _chunkG45RGWHFcjs.useChatAttachments.call(void 0, );
+  const attachments = _chunk353GRCTEcjs.useChatAttachments.call(void 0, );
   const { readyAttachments, clear: clearAttachments } = attachments;
   const ticketRef = { id: ticket.id, external_id: ticket.external_id };
   const hasReadyFiles = readyAttachments.length > 0;
@@ -826,7 +826,7 @@ function TicketReplyComposer({
   const disabled = busy || supportSystemDown;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG45RGWHFcjs.ChatAttachmentChipStrip,
+      _chunk353GRCTEcjs.ChatAttachmentChipStrip,
       {
         attachments: attachments.attachments,
         onRemove: attachments.removeAttachment,
@@ -835,7 +835,7 @@ function TicketReplyComposer({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG45RGWHFcjs.ChatInput,
+      _chunk353GRCTEcjs.ChatInput,
       {
         fullWidth: true,
         autoFocus: true,
@@ -843,13 +843,13 @@ function TicketReplyComposer({
         sending: busy || attachments.hasInflightUploads,
         disabled: supportSystemDown,
         allowEmptySend: hasReadyFiles,
-        maxLength: _chunkMENQLD57cjs.TICKET_TEXT_MAX_CHARS,
+        maxLength: _chunkCQHFRJSGcjs.TICKET_TEXT_MAX_CHARS,
         onSend: handleSend
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-2", children: [
       !supportSystemDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkG45RGWHFcjs.ChatAttachmentAddButton,
+        _chunk353GRCTEcjs.ChatAttachmentAddButton,
         {
           attachmentsEnabled: true,
           attachmentsCount: attachments.attachments.length,
@@ -872,25 +872,25 @@ function TicketReplyComposer({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEGYX55HTcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEGYX55HTcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEGYX55HTcjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEGYX55HTcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEGYX55HTcjs.AlertDialogDescription, { className: "text-ods-text-secondary", children: "Add an optional resolution note below. You can reopen the ticket later if needed." })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI3HBFKKMcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI3HBFKKMcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI3HBFKKMcjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI3HBFKKMcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI3HBFKKMcjs.AlertDialogDescription, { className: "text-ods-text-secondary", children: "Add an optional resolution note below. You can reopen the ticket later if needed." })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEGYX55HTcjs.Textarea,
+        _chunkI3HBFKKMcjs.Textarea,
         {
           value: resolution,
           onChange: (e) => setResolution(e.target.value),
           placeholder: "Resolution (optional)",
           rows: 3,
-          maxLength: _chunkMENQLD57cjs.TICKET_TEXT_MAX_CHARS,
+          maxLength: _chunkCQHFRJSGcjs.TICKET_TEXT_MAX_CHARS,
           className: "mt-2"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEGYX55HTcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI3HBFKKMcjs.AlertDialogFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkEGYX55HTcjs.AlertDialogCancel,
+          _chunkI3HBFKKMcjs.AlertDialogCancel,
           {
             disabled: busy,
             className: "border-ods-border bg-transparent text-ods-text-primary hover:bg-ods-border",
@@ -898,7 +898,7 @@ function TicketReplyComposer({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkEGYX55HTcjs.AlertDialogAction,
+          _chunkI3HBFKKMcjs.AlertDialogAction,
           {
             onClick: () => void confirmClose(),
             disabled: busy,
@@ -960,10 +960,10 @@ var TICKET_FEED_HEIGHT = "h-[60vh] md:h-[420px]";
 var TICKET_FEED_INNER = "flex flex-col gap-4 md:gap-6 px-4 md:px-6 py-4 md:py-6";
 var TICKET_FEED_SKELETON_ROWS = 6;
 function TicketTimelinePanel({ ticket }) {
-  const identity = _chunkG45RGWHFcjs.useChatIdentity.call(void 0, );
-  const externalId = _chunkMENQLD57cjs.isOptimistic.call(void 0, ticket) ? null : ticket.external_id;
+  const identity = _chunk353GRCTEcjs.useChatIdentity.call(void 0, );
+  const externalId = _chunkCQHFRJSGcjs.isOptimistic.call(void 0, ticket) ? null : ticket.external_id;
   const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
-  const live = _chunkMENQLD57cjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkCQHFRJSGcjs.useOptionalTicketLive.call(void 0, );
   const setOpenTicketId = _optionalChain([live, 'optionalAccess', _25 => _25.setOpenTicketId]);
   const markRead = _optionalChain([live, 'optionalAccess', _26 => _26.markRead]);
   const markReadDebounceRef = _react.useRef.call(void 0, null);
@@ -987,7 +987,7 @@ function TicketTimelinePanel({ ticket }) {
     markReadDebounceRef.current = setTimeout(() => {
       markReadDebounceRef.current = null;
       void markRead(externalId);
-    }, _chunkMENQLD57cjs.TICKET_MARK_READ_DEBOUNCE_MS);
+    }, _chunkCQHFRJSGcjs.TICKET_MARK_READ_DEBOUNCE_MS);
   }, [engagementsCount, externalId, markRead]);
   const { scrollRef, contentRef } = _usesticktobottom.useStickToBottom.call(void 0, { initial: "instant", resize: "smooth" });
   const bodyTurns = ticket.body ? ticket.body.split(TURN_SEPARATOR_RE).map((t) => t.trim()).filter(Boolean) : [];
@@ -1002,7 +1002,7 @@ function TicketTimelinePanel({ ticket }) {
   const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || _optionalChain([identity, 'access', _40 => _40.user, 'optionalAccess', _41 => _41.email]) || "You";
   const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _42 => _42.user, 'optionalAccess', _43 => _43.avatarUrl]), () => ( void 0)) : void 0;
   if (isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG45RGWHFcjs.ChatMessageRowSkeleton, {}, i)) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk353GRCTEcjs.ChatMessageRowSkeleton, {}, i)) }) });
   }
   if (bodyTurns.length === 0 && engagements.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1021,7 +1021,7 @@ function TicketTimelinePanel({ ticket }) {
       const isResolution = turn.startsWith("[Resolution]");
       const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkG45RGWHFcjs.ChatMessageRow,
+        _chunk353GRCTEcjs.ChatMessageRow,
         {
           displayName: customerName,
           avatarUrl: customerAvatar,
@@ -1050,13 +1050,13 @@ function TicketTimelinePanel({ ticket }) {
       }
       const engAttachments = mapEngagementAttachments(eng.attachments);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkG45RGWHFcjs.ChatMessageRow,
+        _chunk353GRCTEcjs.ChatMessageRow,
         {
           displayName: author,
           avatarUrl: avatarSrc,
-          timeLabel: eng.createdAt ? _chunkG45RGWHFcjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
+          timeLabel: eng.createdAt ? _chunk353GRCTEcjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
           body: stripAttachmentsPreamble(_nullishCoalesce(eng.body, () => ( ""))),
-          footer: engAttachments.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEGYX55HTcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
+          footer: engAttachments.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI3HBFKKMcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
         },
         eng.id
       );
@@ -1169,7 +1169,7 @@ function TicketRow({
   onActionCollapsed,
   id
 }) {
-  const optimistic = _chunkMENQLD57cjs.isOptimistic.call(void 0, ticket);
+  const optimistic = _chunkCQHFRJSGcjs.isOptimistic.call(void 0, ticket);
   const rowRef = _react.useRef.call(void 0, null);
   const handleClick = _react.useCallback.call(void 0, () => {
     onToggle(ticket.id);
@@ -1197,7 +1197,7 @@ function TicketRow({
     // so the badge accurately reflects "Closed" with a checkmark.
     statusLabel: _nullishCoalesce(ticket.pipeline_stage_label, () => ( void 0)),
     category: _nullishCoalesce(ticket.customer_company, () => ( void 0)),
-    timeAgo: ticket.hubspot_updated_at ? _chunkG45RGWHFcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : void 0,
+    timeAgo: ticket.hubspot_updated_at ? _chunk353GRCTEcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : void 0,
     // Linked-work chip: surfaced whenever the ticket has a linked
     // ClickUp task. Uses the linked task's own status so the chip text
     // reads "Working" / "Waiting on version release" / etc. — useful
@@ -1207,7 +1207,7 @@ function TicketRow({
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rowRef, id, className: "scroll-mt-24", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Collapsible, { open: expanded && !optimistic, className: "border-b border-ods-border last:border-b-0", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG45RGWHFcjs.ChatTicketItem,
+      _chunk353GRCTEcjs.ChatTicketItem,
       {
         ticket: tileData,
         onClick: optimistic ? void 0 : handleClick,
@@ -1240,7 +1240,7 @@ function TicketRow({
 // src/components/tickets/ticket-center.tsx
 
 function TicketCenter({ toast: toast2 = _chunkLEISUAHFcjs.toast } = {}) {
-  const identity = _chunkG45RGWHFcjs.useChatIdentity.call(void 0, );
+  const identity = _chunk353GRCTEcjs.useChatIdentity.call(void 0, );
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterSkeleton, {});
   }
@@ -1311,7 +1311,7 @@ function TicketCenterAuthed({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-ods-text-secondary text-h6", children: [
           lastUpdatedAt && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             "Updated ",
-            _chunkG45RGWHFcjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
+            _chunk353GRCTEcjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkYHNIPSG6cjs.Button,
@@ -1338,11 +1338,11 @@ function TicketCenterAuthed({
       ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMF64FWAcjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TicketRow,
         {
-          id: _chunkEGYX55HTcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunkI3HBFKKMcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
-          busy: _chunkMENQLD57cjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
+          busy: _chunkCQHFRJSGcjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
           supportSystemDown,
           onSendMessage: actions.sendMessage,
           onClose: actions.closeTicket,
@@ -1396,10 +1396,10 @@ function HelpCenterCard({
   onClearReplyError,
   id
 }) {
-  const optimistic = _chunkMENQLD57cjs.isOptimistic.call(void 0, ticket);
+  const optimistic = _chunkCQHFRJSGcjs.isOptimistic.call(void 0, ticket);
   const rawStatus = (_nullishCoalesce(ticket.status, () => ( "OPEN"))).toUpperCase();
   const priority = (_nullishCoalesce(ticket.priority, () => ( ""))).toUpperCase();
-  const relativeUpdated = ticket.hubspot_updated_at ? _chunkG45RGWHFcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
+  const relativeUpdated = ticket.hubspot_updated_at ? _chunk353GRCTEcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
   const title = (ticket.subject || "").trim() || "(untitled)";
   const subtitle = `UPDATED ${relativeUpdated}, #${ticket.external_id || "\u2014"}${ticket.pipeline_stage_label ? `, ${ticket.pipeline_stage_label}` : ""}`;
   const description = _nullishCoalesce(_nullishCoalesce(ticket.preview, () => ( ticket.body)), () => ( ""));
@@ -1418,7 +1418,7 @@ function HelpCenterCard({
     });
     return () => cancelAnimationFrame(raf);
   }, [isExpanded]);
-  const live = _chunkMENQLD57cjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkCQHFRJSGcjs.useOptionalTicketLive.call(void 0, );
   const unreadCount = !optimistic && ticket.external_id && _optionalChain([live, 'optionalAccess', _64 => _64.unreadByTicket, 'access', _65 => _65[ticket.external_id]]) || 0;
   const rightBadges = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     unreadCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1468,7 +1468,7 @@ function HelpCenterCard({
             "aria-controls": isExpanded ? `help-center-drawer-${ticket.id}` : void 0,
             className: "w-full p-[12px] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent disabled:cursor-default md:p-[16px]",
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk5CHW7AMPcjs.DevCardRowContent,
+              _chunk3BQESV5Gcjs.DevCardRowContent,
               {
                 title,
                 subtitle,
@@ -1568,7 +1568,7 @@ function HelpCenterCreateForm({
     subjectError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "help-center-subject-error", className: "mt-1 text-ods-error text-h6", children: subjectError })
   ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBONXSRHZcjs.ContactForm,
+    _chunkWIAEFA2Kcjs.ContactForm,
     {
       title: "Open a new ticket",
       footerText: "The support team typically responds within one business day.",
@@ -1606,30 +1606,30 @@ function HelpCenterCreateForm({
 // src/components/tickets/help-center-list.tsx
 
 function HelpCenterList({ toast: toast2 = _chunkLEISUAHFcjs.toast, backButton, title, shell } = {}) {
-  const identity = _chunkG45RGWHFcjs.useChatIdentity.call(void 0, );
+  const identity = _chunk353GRCTEcjs.useChatIdentity.call(void 0, );
   const searchParams = _chunkSADRZ4YIcjs.useSearchParams.call(void 0, );
   const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
   const pathname = _chunkSADRZ4YIcjs.usePathname.call(void 0, );
-  const search = searchParams.get(_chunkEGYX55HTcjs.DEV_SECTION_PARAM_KEYS.search) || "";
+  const search = searchParams.get(_chunkI3HBFKKMcjs.DEV_SECTION_PARAM_KEYS.search) || "";
   const status = searchParams.get("status") || "all";
-  const ticketParam = searchParams.get(_chunkEGYX55HTcjs.TICKET_OPEN_PARAM) || "";
+  const ticketParam = searchParams.get(_chunkI3HBFKKMcjs.TICKET_OPEN_PARAM) || "";
   const rawPage = Number(searchParams.get("page"));
   const page = Number.isFinite(rawPage) && rawPage > 0 ? Math.floor(rawPage) : 1;
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5CHW7AMPcjs.DevSectionPage,
+      _chunk3BQESV5Gcjs.DevSectionPage,
       {
         sectionKey: "tickets",
         backButton,
         title,
         shell,
         preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5CHW7AMPcjs.DevCardRowSkeletonList, {})
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3BQESV5Gcjs.DevCardRowSkeletonList, {})
       }
     );
   }
   if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _66 => _66.user, 'optionalAccess', _67 => _67.email])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5CHW7AMPcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3BQESV5Gcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkS4CLML75cjs.EmptyState,
       {
         type: "generic",
@@ -1681,8 +1681,8 @@ function HelpCenterListAuthed({
   const setOpenTicket = _react.useCallback.call(void 0, 
     (externalId) => {
       const params = new URLSearchParams(searchParams.toString());
-      if (externalId) params.set(_chunkEGYX55HTcjs.TICKET_OPEN_PARAM, externalId);
-      else params.delete(_chunkEGYX55HTcjs.TICKET_OPEN_PARAM);
+      if (externalId) params.set(_chunkI3HBFKKMcjs.TICKET_OPEN_PARAM, externalId);
+      else params.delete(_chunkI3HBFKKMcjs.TICKET_OPEN_PARAM);
       const qs = params.toString();
       router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
     },
@@ -1759,13 +1759,13 @@ function HelpCenterListAuthed({
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHNIPSG6cjs.Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
     ] }),
-    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5CHW7AMPcjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
+    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3BQESV5Gcjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
       // Bridge state — background refetch in flight and the
       // optimistic placeholder was just removed by the mutation
       // callback. Without this branch "No tickets yet" would flash
       // for ~50ms between `removeOptimistic` and the server
       // response landing.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5CHW7AMPcjs.DevCardRowSkeletonList, { rows: 1 })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3BQESV5Gcjs.DevCardRowSkeletonList, { rows: 1 })
     ) : !hasResults ? hasActiveFilters ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkS4CLML75cjs.EmptyState,
       {
@@ -1801,11 +1801,11 @@ function HelpCenterListAuthed({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full overflow-clip rounded-[6px] border border-ods-border bg-ods-card", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         HelpCenterCard,
         {
-          id: _chunkEGYX55HTcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunkI3HBFKKMcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
-          busy: _chunkMENQLD57cjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
+          busy: _chunkCQHFRJSGcjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
           supportSystemDown,
           onSendMessage: actions.sendMessage,
           onClose: actions.closeTicket,
@@ -1819,7 +1819,7 @@ function HelpCenterListAuthed({
     ) }),
     !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS4CLML75cjs.UnifiedPagination, { currentPage: page, totalPages })
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5CHW7AMPcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3BQESV5Gcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
 }
 
 
@@ -1838,4 +1838,4 @@ function HelpCenterListAuthed({
 
 
 exports.useTicketActions = useTicketActions; exports.mapTicketActionError = mapTicketActionError; exports.useTicketsList = useTicketsList; exports.TicketOpenForm = TicketOpenForm; exports.useTicketEngagements = useTicketEngagements; exports.TicketLinkedDeliveryCard = TicketLinkedDeliveryCard; exports.TicketReplyComposer = TicketReplyComposer; exports.TicketDetailDrawer = TicketDetailDrawer; exports.TicketRow = TicketRow; exports.TicketCenter = TicketCenter; exports.HelpCenterCard = HelpCenterCard; exports.HelpCenterCreateFormSkeleton = HelpCenterCreateFormSkeleton; exports.HelpCenterCreateForm = HelpCenterCreateForm; exports.HelpCenterList = HelpCenterList;
-//# sourceMappingURL=chunk-JDINUWND.cjs.map
+//# sourceMappingURL=chunk-2MY6BT6P.cjs.map