@openhands/agent-canvas 1.16.0 → 1.17.0

package/dist/components/features/conversation-panel/conversation-card/conversation-tag-chips.js

@@ -27,7 +27,7 @@ function _({ icon: e, keyName: t, value: n, iconTestId: r }) {
 		testId: r
 	}), /* @__PURE__ */ p("span", {
 		className: "truncate leading-4",
-		children: l(n)
+		children: l(n || t)
 	})] });
 }
 function v({ tags: i }) {

package/dist/components/features/conversation-panel/conversation-card/conversation-tag-chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-tag-chips.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-chips.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  computeVisibleTagChipCount,\n  formatConversationTagTooltip,\n  getConversationTagLabel,\n  truncateTagChipValue,\n} from \"./conversation-tag-display\";\nimport {\n  getConversationTagIcon,\n  type ConversationTagIcon,\n} from \"./conversation-tag-icons\";\nimport {\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,\n} from \"./conversation-card-meta-chip\";\n\ninterface ConversationTagChipsProps {\n  tags: Array<[string, string]>;\n}\n\n/**\n * Fixed line-height slot so Lucide / react-icons / local SVGs share the same\n * optical center as the ``leading-4`` chip / overflow text (raw ``h-3 w-3``\n * SVGs sit on the baseline and look high or low depending on the glyph).\n */\nfunction TagIconSlot({\n  icon: Icon,\n  keyName,\n  testId,\n}: {\n  icon: ConversationTagIcon;\n  keyName?: string;\n  testId?: string;\n}) {\n  return (\n    <span\n      className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n      aria-hidden\n    >\n      <Icon\n        data-testid={testId}\n        data-tag-key={keyName}\n        aria-hidden\n        className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n      />\n    </span>\n  );\n}\n\nfunction TagChipContent({\n  icon,\n  keyName,\n  value,\n  iconTestId,\n}: {\n  icon: ConversationTagIcon;\n  keyName: string;\n  value: string;\n  /**\n   * Only the visible row passes this. The off-screen measure row renders the\n   * same chips, so tagging both would emit every chip test id twice and break\n   * ``getByTestId`` (singular) for any card with tags.\n   */\n  iconTestId?: string;\n}) {\n  return (\n    <>\n      <TagIconSlot icon={icon} keyName={keyName} testId={iconTestId} />\n      <span className=\"truncate leading-4\">{truncateTagChipValue(value)}</span>\n    </>\n  );\n}\n\n/**\n * Single-row tag chips for a conversation card. Chip labels are value-only\n * (key lives in the tooltip); chips that do not fit fold behind a ``+N``\n * button that opens a key/value popover.\n *\n * The overflow popover is portaled with ``position: fixed`` so it is not\n * clipped by the chip row's ``overflow-hidden`` or the sidebar scroller.\n */\nexport function ConversationTagChips({ tags }: ConversationTagChipsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const measureRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = React.useState(tags.length);\n  const [isOverflowOpen, setIsOverflowOpen] = React.useState(false);\n  const [popoverBox, setPopoverBox] = React.useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n\n  const recomputeVisibleCount = React.useCallback(() => {\n    const container = containerRef.current;\n    const measure = measureRef.current;\n    if (!container || !measure) {\n      return;\n    }\n\n    const widths = Array.from(measure.children).map(\n      (child) => (child as HTMLElement).offsetWidth,\n    );\n    setVisibleCount(computeVisibleTagChipCount(widths, container.clientWidth));\n  }, []);\n\n  const measurePopover = React.useCallback(() => {\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      return;\n    }\n    const rect = trigger.getBoundingClientRect();\n    const gutter = 8;\n    const width = 16 * 16;\n    let left = rect.left;\n    if (left + width > window.innerWidth - gutter) {\n      left = Math.max(gutter, window.innerWidth - gutter - width);\n    }\n    setPopoverBox({ top: rect.bottom + 4, left });\n  }, []);\n\n  // Callers build this array fresh on every render (``getDisplayConversationTags``\n  // returns a new array), so keying the reset effect on ``tags`` identity would\n  // fire on every parent render — closing an open ``+N`` popover and forcing a\n  // layout read on each 10s panel refetch. Compare tag *content* instead.\n  const tagsKey = tags.map(([key, value]) => `${key}=${value}`).join(\"\\u001f\");\n  const lastTagsKeyRef = React.useRef<string | null>(null);\n\n  React.useLayoutEffect(() => {\n    if (lastTagsKeyRef.current === tagsKey) {\n      return;\n    }\n    lastTagsKeyRef.current = tagsKey;\n    setIsOverflowOpen(false);\n    recomputeVisibleCount();\n  }, [tagsKey, recomputeVisibleCount]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof ResizeObserver === \"undefined\") {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(() => recomputeVisibleCount());\n    observer.observe(container);\n    return () => observer.disconnect();\n  }, [recomputeVisibleCount]);\n\n  React.useLayoutEffect(() => {\n    if (!isOverflowOpen) {\n      setPopoverBox(null);\n      return undefined;\n    }\n    measurePopover();\n    window.addEventListener(\"resize\", measurePopover);\n    window.addEventListener(\"scroll\", measurePopover, true);\n    return () => {\n      window.removeEventListener(\"resize\", measurePopover);\n      window.removeEventListener(\"scroll\", measurePopover, true);\n    };\n  }, [isOverflowOpen, measurePopover]);\n\n  React.useEffect(() => {\n    if (!isOverflowOpen) {\n      return undefined;\n    }\n    const onPointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (triggerRef.current?.contains(target)) {\n        return;\n      }\n      if (popoverRef.current?.contains(target)) {\n        return;\n      }\n      setIsOverflowOpen(false);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsOverflowOpen(false);\n      }\n    };\n    // mousedown (not click) so the opening click cannot race-close the panel,\n    // and so NavigationLink activation is easier to cancel on the trigger.\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [isOverflowOpen]);\n\n  if (tags.length === 0) {\n    return null;\n  }\n\n  const hiddenCount = Math.max(0, tags.length - visibleCount);\n  const visibleTags = tags.slice(0, visibleCount);\n  const overflowTags = tags.slice(visibleCount);\n\n  const stopCardNavigation = (event: React.SyntheticEvent) => {\n    // Don't preventDefault on mousedown — that suppresses the subsequent click\n    // when the chip sits inside a conversation NavigationLink.\n    event.stopPropagation();\n  };\n\n  const activateOverflow = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setIsOverflowOpen((open) => !open);\n  };\n\n  return (\n    <div\n      data-testid=\"conversation-card-tag-chips\"\n      className=\"relative min-w-0 w-full\"\n    >\n      <div\n        ref={measureRef}\n        aria-hidden\n        className=\"pointer-events-none fixed top-0 -left-[10000px] z-[-1] flex flex-nowrap items-center gap-1 opacity-0\"\n      >\n        {tags.map(([key, value]) => (\n          <span key={key} className={CONVERSATION_CARD_META_CHIP_CLASSNAME}>\n            <TagChipContent\n              icon={getConversationTagIcon(key, value)}\n              keyName={key}\n              value={value}\n            />\n          </span>\n        ))}\n      </div>\n\n      <div\n        ref={containerRef}\n        data-testid=\"conversation-card-tag-row\"\n        className=\"flex w-full min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden\"\n      >\n        {visibleTags.map(([key, value]) => (\n          <span\n            key={key}\n            data-testid=\"conversation-card-tag-chip\"\n            title={formatConversationTagTooltip(key, value, t)}\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            <TagChipContent\n              icon={getConversationTagIcon(key, value)}\n              keyName={key}\n              value={value}\n              iconTestId=\"conversation-card-tag-chip-icon\"\n            />\n          </span>\n        ))}\n        {hiddenCount > 0 ? (\n          <button\n            ref={triggerRef}\n            type=\"button\"\n            data-testid=\"conversation-card-tag-overflow\"\n            aria-expanded={isOverflowOpen}\n            aria-haspopup=\"dialog\"\n            aria-label={t(I18nKey.CONVERSATION$TAGS_OVERFLOW_ARIA, {\n              count: hiddenCount,\n            })}\n            onMouseDown={stopCardNavigation}\n            onClick={activateOverflow}\n            className={cn(\n              CONVERSATION_CARD_META_CHIP_CLASSNAME,\n              \"shrink-0 self-center hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--foreground)]\",\n            )}\n          >\n            {/* Match chip height (icon slot + label) so +N shares the same centerline. */}\n            <span className=\"inline-flex h-4 w-0 shrink-0\" aria-hidden />\n            <span className=\"leading-4\">{`+${hiddenCount}`}</span>\n          </button>\n        ) : null}\n      </div>\n\n      {isOverflowOpen &&\n        popoverBox &&\n        typeof document !== \"undefined\" &&\n        createPortal(\n          // Stop card-level click activation when interacting with the list.\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- dialog surface must swallow clicks\n          <div\n            ref={popoverRef}\n            role=\"dialog\"\n            data-testid=\"conversation-card-tag-overflow-popover\"\n            className={cn(\n              \"z-[9999] min-w-[10rem] max-w-[16rem]\",\n              \"rounded-md border border-[var(--oh-border-subtle)]\",\n              \"bg-[var(--oh-surface)] p-2 shadow-lg\",\n            )}\n            style={{\n              position: \"fixed\",\n              top: popoverBox.top,\n              left: popoverBox.left,\n            }}\n            onMouseDown={stopCardNavigation}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n            }}\n          >\n            <dl className=\"m-0 flex flex-col gap-1\">\n              {overflowTags.map(([key, value]) => (\n                <div\n                  key={key}\n                  data-testid=\"conversation-card-tag-overflow-row\"\n                  className=\"grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-2 text-[10px] leading-4\"\n                >\n                  <dt className=\"m-0 inline-flex min-w-0 items-center gap-1 whitespace-normal break-words text-[var(--oh-muted)]\">\n                    <TagIconSlot icon={getConversationTagIcon(key, value)} />\n                    <span className=\"min-w-0 whitespace-normal break-words leading-4\">\n                      {getConversationTagLabel(key, t)}\n                    </span>\n                  </dt>\n                  <dd\n                    className=\"m-0 whitespace-normal break-words text-left leading-4 text-[var(--foreground)]\"\n                    title={value}\n                  >\n                    {value}\n                  </dd>\n                </div>\n              ))}\n            </dl>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"conversation-tag-chips.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-chips.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  computeVisibleTagChipCount,\n  formatConversationTagTooltip,\n  getConversationTagLabel,\n  truncateTagChipValue,\n} from \"./conversation-tag-display\";\nimport {\n  getConversationTagIcon,\n  type ConversationTagIcon,\n} from \"./conversation-tag-icons\";\nimport {\n  CONVERSATION_CARD_META_CHIP_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME,\n  CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME,\n} from \"./conversation-card-meta-chip\";\n\ninterface ConversationTagChipsProps {\n  tags: Array<[string, string]>;\n}\n\n/**\n * Fixed line-height slot so Lucide / react-icons / local SVGs share the same\n * optical center as the ``leading-4`` chip / overflow text (raw ``h-3 w-3``\n * SVGs sit on the baseline and look high or low depending on the glyph).\n */\nfunction TagIconSlot({\n  icon: Icon,\n  keyName,\n  testId,\n}: {\n  icon: ConversationTagIcon;\n  keyName?: string;\n  testId?: string;\n}) {\n  return (\n    <span\n      className={CONVERSATION_CARD_META_CHIP_ICON_SLOT_CLASSNAME}\n      aria-hidden\n    >\n      <Icon\n        data-testid={testId}\n        data-tag-key={keyName}\n        aria-hidden\n        className={CONVERSATION_CARD_META_CHIP_ICON_CLASSNAME}\n      />\n    </span>\n  );\n}\n\nfunction TagChipContent({\n  icon,\n  keyName,\n  value,\n  iconTestId,\n}: {\n  icon: ConversationTagIcon;\n  keyName: string;\n  value: string;\n  /**\n   * Only the visible row passes this. The off-screen measure row renders the\n   * same chips, so tagging both would emit every chip test id twice and break\n   * ``getByTestId`` (singular) for any card with tags.\n   */\n  iconTestId?: string;\n}) {\n  return (\n    <>\n      <TagIconSlot icon={icon} keyName={keyName} testId={iconTestId} />\n      {/* Bare tags (empty value) fall back to the key so the chip is never\n          an empty pill. */}\n      <span className=\"truncate leading-4\">\n        {truncateTagChipValue(value || keyName)}\n      </span>\n    </>\n  );\n}\n\n/**\n * Single-row tag chips for a conversation card. Chip labels are value-only\n * (bare tags with an empty value show the key; the full ``key: value`` pair\n * lives in the tooltip); chips that do not fit fold behind a ``+N``\n * button that opens a key/value popover.\n *\n * The overflow popover is portaled with ``position: fixed`` so it is not\n * clipped by the chip row's ``overflow-hidden`` or the sidebar scroller.\n */\nexport function ConversationTagChips({ tags }: ConversationTagChipsProps) {\n  const { t } = useTranslation(\"openhands\");\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const measureRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = React.useState(tags.length);\n  const [isOverflowOpen, setIsOverflowOpen] = React.useState(false);\n  const [popoverBox, setPopoverBox] = React.useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n\n  const recomputeVisibleCount = React.useCallback(() => {\n    const container = containerRef.current;\n    const measure = measureRef.current;\n    if (!container || !measure) {\n      return;\n    }\n\n    const widths = Array.from(measure.children).map(\n      (child) => (child as HTMLElement).offsetWidth,\n    );\n    setVisibleCount(computeVisibleTagChipCount(widths, container.clientWidth));\n  }, []);\n\n  const measurePopover = React.useCallback(() => {\n    const trigger = triggerRef.current;\n    if (!trigger) {\n      return;\n    }\n    const rect = trigger.getBoundingClientRect();\n    const gutter = 8;\n    const width = 16 * 16;\n    let left = rect.left;\n    if (left + width > window.innerWidth - gutter) {\n      left = Math.max(gutter, window.innerWidth - gutter - width);\n    }\n    setPopoverBox({ top: rect.bottom + 4, left });\n  }, []);\n\n  // Callers build this array fresh on every render (``getDisplayConversationTags``\n  // returns a new array), so keying the reset effect on ``tags`` identity would\n  // fire on every parent render — closing an open ``+N`` popover and forcing a\n  // layout read on each 10s panel refetch. Compare tag *content* instead.\n  const tagsKey = tags.map(([key, value]) => `${key}=${value}`).join(\"\\u001f\");\n  const lastTagsKeyRef = React.useRef<string | null>(null);\n\n  React.useLayoutEffect(() => {\n    if (lastTagsKeyRef.current === tagsKey) {\n      return;\n    }\n    lastTagsKeyRef.current = tagsKey;\n    setIsOverflowOpen(false);\n    recomputeVisibleCount();\n  }, [tagsKey, recomputeVisibleCount]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof ResizeObserver === \"undefined\") {\n      return undefined;\n    }\n\n    const observer = new ResizeObserver(() => recomputeVisibleCount());\n    observer.observe(container);\n    return () => observer.disconnect();\n  }, [recomputeVisibleCount]);\n\n  React.useLayoutEffect(() => {\n    if (!isOverflowOpen) {\n      setPopoverBox(null);\n      return undefined;\n    }\n    measurePopover();\n    window.addEventListener(\"resize\", measurePopover);\n    window.addEventListener(\"scroll\", measurePopover, true);\n    return () => {\n      window.removeEventListener(\"resize\", measurePopover);\n      window.removeEventListener(\"scroll\", measurePopover, true);\n    };\n  }, [isOverflowOpen, measurePopover]);\n\n  React.useEffect(() => {\n    if (!isOverflowOpen) {\n      return undefined;\n    }\n    const onPointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (triggerRef.current?.contains(target)) {\n        return;\n      }\n      if (popoverRef.current?.contains(target)) {\n        return;\n      }\n      setIsOverflowOpen(false);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsOverflowOpen(false);\n      }\n    };\n    // mousedown (not click) so the opening click cannot race-close the panel,\n    // and so NavigationLink activation is easier to cancel on the trigger.\n    document.addEventListener(\"mousedown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"mousedown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [isOverflowOpen]);\n\n  if (tags.length === 0) {\n    return null;\n  }\n\n  const hiddenCount = Math.max(0, tags.length - visibleCount);\n  const visibleTags = tags.slice(0, visibleCount);\n  const overflowTags = tags.slice(visibleCount);\n\n  const stopCardNavigation = (event: React.SyntheticEvent) => {\n    // Don't preventDefault on mousedown — that suppresses the subsequent click\n    // when the chip sits inside a conversation NavigationLink.\n    event.stopPropagation();\n  };\n\n  const activateOverflow = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setIsOverflowOpen((open) => !open);\n  };\n\n  return (\n    <div\n      data-testid=\"conversation-card-tag-chips\"\n      className=\"relative min-w-0 w-full\"\n    >\n      <div\n        ref={measureRef}\n        aria-hidden\n        className=\"pointer-events-none fixed top-0 -left-[10000px] z-[-1] flex flex-nowrap items-center gap-1 opacity-0\"\n      >\n        {tags.map(([key, value]) => (\n          <span key={key} className={CONVERSATION_CARD_META_CHIP_CLASSNAME}>\n            <TagChipContent\n              icon={getConversationTagIcon(key, value)}\n              keyName={key}\n              value={value}\n            />\n          </span>\n        ))}\n      </div>\n\n      <div\n        ref={containerRef}\n        data-testid=\"conversation-card-tag-row\"\n        className=\"flex w-full min-w-0 max-w-full flex-nowrap items-center gap-1 overflow-hidden\"\n      >\n        {visibleTags.map(([key, value]) => (\n          <span\n            key={key}\n            data-testid=\"conversation-card-tag-chip\"\n            title={formatConversationTagTooltip(key, value, t)}\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            <TagChipContent\n              icon={getConversationTagIcon(key, value)}\n              keyName={key}\n              value={value}\n              iconTestId=\"conversation-card-tag-chip-icon\"\n            />\n          </span>\n        ))}\n        {hiddenCount > 0 ? (\n          <button\n            ref={triggerRef}\n            type=\"button\"\n            data-testid=\"conversation-card-tag-overflow\"\n            aria-expanded={isOverflowOpen}\n            aria-haspopup=\"dialog\"\n            aria-label={t(I18nKey.CONVERSATION$TAGS_OVERFLOW_ARIA, {\n              count: hiddenCount,\n            })}\n            onMouseDown={stopCardNavigation}\n            onClick={activateOverflow}\n            className={cn(\n              CONVERSATION_CARD_META_CHIP_CLASSNAME,\n              \"shrink-0 self-center hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--foreground)]\",\n            )}\n          >\n            {/* Match chip height (icon slot + label) so +N shares the same centerline. */}\n            <span className=\"inline-flex h-4 w-0 shrink-0\" aria-hidden />\n            <span className=\"leading-4\">{`+${hiddenCount}`}</span>\n          </button>\n        ) : null}\n      </div>\n\n      {isOverflowOpen &&\n        popoverBox &&\n        typeof document !== \"undefined\" &&\n        createPortal(\n          // Stop card-level click activation when interacting with the list.\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- dialog surface must swallow clicks\n          <div\n            ref={popoverRef}\n            role=\"dialog\"\n            data-testid=\"conversation-card-tag-overflow-popover\"\n            className={cn(\n              \"z-[9999] min-w-[10rem] max-w-[16rem]\",\n              \"rounded-md border border-[var(--oh-border-subtle)]\",\n              \"bg-[var(--oh-surface)] p-2 shadow-lg\",\n            )}\n            style={{\n              position: \"fixed\",\n              top: popoverBox.top,\n              left: popoverBox.left,\n            }}\n            onMouseDown={stopCardNavigation}\n            onClick={(event) => {\n              event.preventDefault();\n              event.stopPropagation();\n            }}\n          >\n            <dl className=\"m-0 flex flex-col gap-1\">\n              {overflowTags.map(([key, value]) => (\n                <div\n                  key={key}\n                  data-testid=\"conversation-card-tag-overflow-row\"\n                  className=\"grid grid-cols-[minmax(0,auto)_minmax(0,1fr)] gap-x-2 text-[10px] leading-4\"\n                >\n                  <dt className=\"m-0 inline-flex min-w-0 items-center gap-1 whitespace-normal break-words text-[var(--oh-muted)]\">\n                    <TagIconSlot icon={getConversationTagIcon(key, value)} />\n                    <span className=\"min-w-0 whitespace-normal break-words leading-4\">\n                      {getConversationTagLabel(key, t)}\n                    </span>\n                  </dt>\n                  <dd\n                    className=\"m-0 whitespace-normal break-words text-left leading-4 text-[var(--foreground)]\"\n                    title={value}\n                  >\n                    {value}\n                  </dd>\n                </div>\n              ))}\n            </dl>\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-card/conversation-tag-display.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../i18n/declaration.cjs");function t(e){switch(e.trim().toLowerCase()){case`git_provider`:return`git`;case`repo_name`:case`repo`:case`repository`:return`repo`;case`selected_branch`:case`branch`:return`branch`;case`archiveworkspacepath`:case`workspace`:case`working_dir`:return`workspace`;case`appmode`:case`app_mode`:case`mode`:return`app_mode`;case`worktools`:case`work_tools`:case`tools`:return`work_tools`;case`workwsid`:case`work_wsid`:case`wsid`:case`workspace_id`:return`work_wsid`;default:return`other`}}function n(e){let t=e.trim();if(!t)return t;let n=t.replace(/[_-]+/g,` `).replace(/\s+/g,` `);return n.charAt(0).toUpperCase()+n.slice(1)}function r(r,i){switch(t(r)){case`git`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_GIT);case`repo`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_REPO);case`branch`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH);case`workspace`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORKSPACE);case`app_mode`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_APP_MODE);case`work_tools`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);case`work_wsid`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_WSID);default:return n(r)}}function i(e,t,n){return`${r(e,n)}: ${t}`}function a(e,t=14){let n=Array.from(e);return n.length<=t?e:t<=1?`…`:`${n.slice(0,t-1).join(``)}…`}function o(e,t,n={}){let r=n.gapPx??4,i=n.overflowWidthPx??36;if(e.length===0)return 0;if(t<=0)return e.length;let a=0;for(let n=0;n<e.length;n+=1){let o=e[n],s=n>0?r:0,c=e.length-n-1>0?i+r:0;if(a+s+o+c>t)return n;a+=s+o}return e.length}exports.computeVisibleTagChipCount=o,exports.formatConversationTagTooltip=i,exports.getConversationTagLabel=r,exports.truncateTagChipValue=a;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../i18n/declaration.cjs");function t(e){switch(e.trim().toLowerCase()){case`git_provider`:return`git`;case`repo_name`:case`repo`:case`repository`:return`repo`;case`selected_branch`:case`branch`:return`branch`;case`archiveworkspacepath`:case`workspace`:case`working_dir`:return`workspace`;case`appmode`:case`app_mode`:case`mode`:return`app_mode`;case`worktools`:case`work_tools`:case`tools`:return`work_tools`;case`workwsid`:case`work_wsid`:case`wsid`:case`workspace_id`:return`work_wsid`;default:return`other`}}function n(e){let t=e.trim();if(!t)return t;let n=t.replace(/[_-]+/g,` `).replace(/\s+/g,` `);return n.charAt(0).toUpperCase()+n.slice(1)}function r(r,i){switch(t(r)){case`git`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_GIT);case`repo`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_REPO);case`branch`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH);case`workspace`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORKSPACE);case`app_mode`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_APP_MODE);case`work_tools`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);case`work_wsid`:return i(e.I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_WSID);default:return n(r)}}function i(e,t,n){let i=r(e,n);return t?`${i}: ${t}`:i}function a(e,t=14){let n=Array.from(e);return n.length<=t?e:t<=1?`…`:`${n.slice(0,t-1).join(``)}…`}function o(e,t,n={}){let r=n.gapPx??4,i=n.overflowWidthPx??36;if(e.length===0)return 0;if(t<=0)return e.length;let a=0;for(let n=0;n<e.length;n+=1){let o=e[n],s=n>0?r:0,c=e.length-n-1>0?i+r:0;if(a+s+o+c>t)return n;a+=s+o}return e.length}exports.computeVisibleTagChipCount=o,exports.formatConversationTagTooltip=i,exports.getConversationTagLabel=r,exports.truncateTagChipValue=a;
 //# sourceMappingURL=conversation-tag-display.cjs.map

package/dist/components/features/conversation-panel/conversation-card/conversation-tag-display.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-tag-display.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-display.ts"],"sourcesContent":["/**\n * Display helpers for conversation tag chips. Pure (no React) so fit/truncate\n * behavior can be unit-tested without laying out the sidebar card.\n */\n\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/** Max characters shown on a chip before hard truncation with an ellipsis. */\nexport const TAG_CHIP_VALUE_MAX_LENGTH = 14;\n\n/** Horizontal gap between chips (matches Tailwind ``gap-1`` = 4px). */\nexport const TAG_CHIP_GAP_PX = 4;\n\n/**\n * Reserved width for the ``+N`` overflow control when deciding how many chips\n * fit on one row. Slightly generous so the button never wraps under a chip.\n */\nexport const TAG_CHIP_OVERFLOW_WIDTH_PX = 36;\n\n/** Known tag keys that already have a dedicated hovercard label. */\nexport type ConversationTagLabelKind =\n  | \"git\"\n  | \"repo\"\n  | \"branch\"\n  | \"workspace\"\n  | \"app_mode\"\n  | \"work_tools\"\n  | \"work_wsid\"\n  | \"other\";\n\n/**\n * Map a server tag key to a hovercard label kind. ``archiveworkspacepath`` is\n * treated as \"workspace\" — the sandbox working directory for the conversation.\n * ACM / Work stamps (``Appmode``, ``Worktools``, ``Workwsid``) get dedicated\n * kinds so chips and hovercards show friendly labels instead of the wire key.\n *\n * ``origin`` / ``source`` deliberately stay \"other\" (humanized to \"Origin\" /\n * \"Source\"): they name where a conversation came from — Slack, an API call, an\n * automation — which is not a git fact. Only ``git_provider`` is \"Git\".\n */\nexport function getConversationTagLabelKind(\n  key: string,\n): ConversationTagLabelKind {\n  switch (key.trim().toLowerCase()) {\n    case \"git_provider\":\n      return \"git\";\n    case \"repo_name\":\n    case \"repo\":\n    case \"repository\":\n      return \"repo\";\n    case \"selected_branch\":\n    case \"branch\":\n      return \"branch\";\n    case \"archiveworkspacepath\":\n    case \"workspace\":\n    case \"working_dir\":\n      return \"workspace\";\n    case \"appmode\":\n    case \"app_mode\":\n    case \"mode\":\n      return \"app_mode\";\n    case \"worktools\":\n    case \"work_tools\":\n    case \"tools\":\n      return \"work_tools\";\n    case \"workwsid\":\n    case \"work_wsid\":\n    case \"wsid\":\n    case \"workspace_id\":\n      return \"work_wsid\";\n    default:\n      return \"other\";\n  }\n}\n\n/**\n * Soften unknown snake_case / kebab-case keys for tooltips and overflow rows\n * (``selected_branch`` is mapped above; this covers free-form keys like\n * ``env`` → ``Env``).\n */\nexport function humanizeConversationTagKey(key: string): string {\n  const trimmed = key.trim();\n  if (!trimmed) {\n    return trimmed;\n  }\n  const words = trimmed.replace(/[_-]+/g, \" \").replace(/\\s+/g, \" \");\n  return words.charAt(0).toUpperCase() + words.slice(1);\n}\n\n/**\n * Localized label for a tag key (chip tooltip, overflow popover, hovercard).\n * Known keys use the preview copy; everything else is humanized.\n */\nexport function getConversationTagLabel(\n  key: string,\n  t: (key: I18nKey) => string,\n): string {\n  switch (getConversationTagLabelKind(key)) {\n    case \"git\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_GIT);\n    case \"repo\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO);\n    case \"branch\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH);\n    case \"workspace\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORKSPACE);\n    case \"app_mode\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_APP_MODE);\n    case \"work_tools\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);\n    case \"work_wsid\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_WSID);\n    default:\n      return humanizeConversationTagKey(key);\n  }\n}\n\n/** ``Branch: main`` — used by chip ``title`` tooltips. */\nexport function formatConversationTagTooltip(\n  key: string,\n  value: string,\n  t: (key: I18nKey) => string,\n): string {\n  return `${getConversationTagLabel(key, t)}: ${value}`;\n}\n\n/**\n * Hard-truncate a tag value for the chip label. The full ``key: value`` string\n * stays available via tooltip / overflow popover.\n *\n * Measures and slices by code point rather than UTF-16 code unit: values\n * stamped by Slack / Discord automations carry emoji, and cutting between the\n * halves of a surrogate pair leaves a lone surrogate that browsers draw as a\n * replacement glyph.\n */\nexport function truncateTagChipValue(\n  value: string,\n  maxLength: number = TAG_CHIP_VALUE_MAX_LENGTH,\n): string {\n  const characters = Array.from(value);\n  if (characters.length <= maxLength) {\n    return value;\n  }\n  if (maxLength <= 1) {\n    return \"…\";\n  }\n  return `${characters.slice(0, maxLength - 1).join(\"\")}…`;\n}\n\n/**\n * How many chips fit in ``containerWidth`` while keeping a single nowrap row\n * and reserving space for a ``+N`` overflow control when any chips would hide.\n *\n * Returns ``widths.length`` when ``containerWidth <= 0`` (not laid out yet /\n * jsdom) so callers can show every chip until a real measurement arrives.\n * Returns ``0`` when the row is too narrow for even one chip + overflow — the\n * UI then shows only the ``+N`` control with the full list in the popover.\n */\nexport function computeVisibleTagChipCount(\n  widths: number[],\n  containerWidth: number,\n  options: {\n    gapPx?: number;\n    overflowWidthPx?: number;\n  } = {},\n): number {\n  const gapPx = options.gapPx ?? TAG_CHIP_GAP_PX;\n  const overflowWidthPx = options.overflowWidthPx ?? TAG_CHIP_OVERFLOW_WIDTH_PX;\n\n  if (widths.length === 0) {\n    return 0;\n  }\n  if (containerWidth <= 0) {\n    return widths.length;\n  }\n\n  let used = 0;\n  for (let i = 0; i < widths.length; i += 1) {\n    const width = widths[i]!;\n    const gap = i > 0 ? gapPx : 0;\n    const remaining = widths.length - i - 1;\n    const reserve = remaining > 0 ? overflowWidthPx + gapPx : 0;\n    if (used + gap + width + reserve > containerWidth) {\n      return i;\n    }\n    used += gap + width;\n  }\n  return widths.length;\n}\n"],"mappings":"0GAwCA,SAAgB,EACd,EAC0B,CAC1B,OAAQ,EAAI,KAAK,EAAE,YAAY,EAA/B,CACE,IAAK,eACH,MAAO,MACT,IAAK,YACL,IAAK,OACL,IAAK,aACH,MAAO,OACT,IAAK,kBACL,IAAK,SACH,MAAO,SACT,IAAK,uBACL,IAAK,YACL,IAAK,cACH,MAAO,YACT,IAAK,UACL,IAAK,WACL,IAAK,OACH,MAAO,WACT,IAAK,YACL,IAAK,aACL,IAAK,QACH,MAAO,aACT,IAAK,WACL,IAAK,YACL,IAAK,OACL,IAAK,eACH,MAAO,YACT,QACE,MAAO,OACX,CACF,CAOA,SAAgB,EAA2B,EAAqB,CAC9D,IAAM,EAAU,EAAI,KAAK,EACzB,GAAI,CAAC,EACH,OAAO,EAET,IAAM,EAAQ,EAAQ,QAAQ,SAAU,GAAG,EAAE,QAAQ,OAAQ,GAAG,EAChE,OAAO,EAAM,OAAO,CAAC,EAAE,YAAY,EAAI,EAAM,MAAM,CAAC,CACtD,CAMA,SAAgB,EACd,EACA,EACQ,CACR,OAAQ,EAA4B,CAAG,EAAvC,CACE,IAAK,MACH,OAAO,EAAE,EAAA,QAAQ,8BAA8B,EACjD,IAAK,OACH,OAAO,EAAE,EAAA,QAAQ,+BAA+B,EAClD,IAAK,SACH,OAAO,EAAE,EAAA,QAAQ,iCAAiC,EACpD,IAAK,YACH,OAAO,EAAE,EAAA,QAAQ,oCAAoC,EACvD,IAAK,WACH,OAAO,EAAE,EAAA,QAAQ,mCAAmC,EACtD,IAAK,aACH,OAAO,EAAE,EAAA,QAAQ,qCAAqC,EACxD,IAAK,YACH,OAAO,EAAE,EAAA,QAAQ,oCAAoC,EACvD,QACE,OAAO,EAA2B,CAAG,CACzC,CACF,CAGA,SAAgB,EACd,EACA,EACA,EACQ,CACR,MAAO,GAAG,EAAwB,EAAK,CAAC,EAAE,IAAI,GAChD,CAWA,SAAgB,EACd,EACA,EAAA,GACQ,CACR,IAAM,EAAa,MAAM,KAAK,CAAK,EAOnC,OANI,EAAW,QAAU,EAChB,EAEL,GAAa,EACR,IAEF,GAAG,EAAW,MAAM,EAAG,EAAY,CAAC,EAAE,KAAK,EAAE,EAAE,EACxD,CAWA,SAAgB,EACd,EACA,EACA,EAGI,CAAC,EACG,CACR,IAAM,EAAQ,EAAQ,OAAA,EAChB,EAAkB,EAAQ,iBAAA,GAEhC,GAAI,EAAO,SAAW,EACpB,MAAO,GAET,GAAI,GAAkB,EACpB,OAAO,EAAO,OAGhB,IAAI,EAAO,EACX,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,GAAK,EAAG,CACzC,IAAM,EAAQ,EAAO,GACf,EAAM,EAAI,EAAI,EAAQ,EAEtB,EADY,EAAO,OAAS,EAAI,EACV,EAAI,EAAkB,EAAQ,EAC1D,GAAI,EAAO,EAAM,EAAQ,EAAU,EACjC,OAAO,EAET,GAAQ,EAAM,CAChB,CACA,OAAO,EAAO,MAChB"}
+{"version":3,"file":"conversation-tag-display.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-display.ts"],"sourcesContent":["/**\n * Display helpers for conversation tag chips. Pure (no React) so fit/truncate\n * behavior can be unit-tested without laying out the sidebar card.\n */\n\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/** Max characters shown on a chip before hard truncation with an ellipsis. */\nexport const TAG_CHIP_VALUE_MAX_LENGTH = 14;\n\n/** Horizontal gap between chips (matches Tailwind ``gap-1`` = 4px). */\nexport const TAG_CHIP_GAP_PX = 4;\n\n/**\n * Reserved width for the ``+N`` overflow control when deciding how many chips\n * fit on one row. Slightly generous so the button never wraps under a chip.\n */\nexport const TAG_CHIP_OVERFLOW_WIDTH_PX = 36;\n\n/** Known tag keys that already have a dedicated hovercard label. */\nexport type ConversationTagLabelKind =\n  | \"git\"\n  | \"repo\"\n  | \"branch\"\n  | \"workspace\"\n  | \"app_mode\"\n  | \"work_tools\"\n  | \"work_wsid\"\n  | \"other\";\n\n/**\n * Map a server tag key to a hovercard label kind. ``archiveworkspacepath`` is\n * treated as \"workspace\" — the sandbox working directory for the conversation.\n * ACM / Work stamps (``Appmode``, ``Worktools``, ``Workwsid``) get dedicated\n * kinds so chips and hovercards show friendly labels instead of the wire key.\n *\n * ``origin`` / ``source`` deliberately stay \"other\" (humanized to \"Origin\" /\n * \"Source\"): they name where a conversation came from — Slack, an API call, an\n * automation — which is not a git fact. Only ``git_provider`` is \"Git\".\n */\nexport function getConversationTagLabelKind(\n  key: string,\n): ConversationTagLabelKind {\n  switch (key.trim().toLowerCase()) {\n    case \"git_provider\":\n      return \"git\";\n    case \"repo_name\":\n    case \"repo\":\n    case \"repository\":\n      return \"repo\";\n    case \"selected_branch\":\n    case \"branch\":\n      return \"branch\";\n    case \"archiveworkspacepath\":\n    case \"workspace\":\n    case \"working_dir\":\n      return \"workspace\";\n    case \"appmode\":\n    case \"app_mode\":\n    case \"mode\":\n      return \"app_mode\";\n    case \"worktools\":\n    case \"work_tools\":\n    case \"tools\":\n      return \"work_tools\";\n    case \"workwsid\":\n    case \"work_wsid\":\n    case \"wsid\":\n    case \"workspace_id\":\n      return \"work_wsid\";\n    default:\n      return \"other\";\n  }\n}\n\n/**\n * Soften unknown snake_case / kebab-case keys for tooltips and overflow rows\n * (``selected_branch`` is mapped above; this covers free-form keys like\n * ``env`` → ``Env``).\n */\nexport function humanizeConversationTagKey(key: string): string {\n  const trimmed = key.trim();\n  if (!trimmed) {\n    return trimmed;\n  }\n  const words = trimmed.replace(/[_-]+/g, \" \").replace(/\\s+/g, \" \");\n  return words.charAt(0).toUpperCase() + words.slice(1);\n}\n\n/**\n * Localized label for a tag key (chip tooltip, overflow popover, hovercard).\n * Known keys use the preview copy; everything else is humanized.\n */\nexport function getConversationTagLabel(\n  key: string,\n  t: (key: I18nKey) => string,\n): string {\n  switch (getConversationTagLabelKind(key)) {\n    case \"git\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_GIT);\n    case \"repo\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO);\n    case \"branch\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH);\n    case \"workspace\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORKSPACE);\n    case \"app_mode\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_APP_MODE);\n    case \"work_tools\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);\n    case \"work_wsid\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_WSID);\n    default:\n      return humanizeConversationTagKey(key);\n  }\n}\n\n/** ``Branch: main`` — used by chip ``title`` tooltips. Bare tags (empty\n * value) show the label alone, no dangling colon. */\nexport function formatConversationTagTooltip(\n  key: string,\n  value: string,\n  t: (key: I18nKey) => string,\n): string {\n  const label = getConversationTagLabel(key, t);\n  return value ? `${label}: ${value}` : label;\n}\n\n/**\n * Hard-truncate a tag value for the chip label. The full ``key: value`` string\n * stays available via tooltip / overflow popover.\n *\n * Measures and slices by code point rather than UTF-16 code unit: values\n * stamped by Slack / Discord automations carry emoji, and cutting between the\n * halves of a surrogate pair leaves a lone surrogate that browsers draw as a\n * replacement glyph.\n */\nexport function truncateTagChipValue(\n  value: string,\n  maxLength: number = TAG_CHIP_VALUE_MAX_LENGTH,\n): string {\n  const characters = Array.from(value);\n  if (characters.length <= maxLength) {\n    return value;\n  }\n  if (maxLength <= 1) {\n    return \"…\";\n  }\n  return `${characters.slice(0, maxLength - 1).join(\"\")}…`;\n}\n\n/**\n * How many chips fit in ``containerWidth`` while keeping a single nowrap row\n * and reserving space for a ``+N`` overflow control when any chips would hide.\n *\n * Returns ``widths.length`` when ``containerWidth <= 0`` (not laid out yet /\n * jsdom) so callers can show every chip until a real measurement arrives.\n * Returns ``0`` when the row is too narrow for even one chip + overflow — the\n * UI then shows only the ``+N`` control with the full list in the popover.\n */\nexport function computeVisibleTagChipCount(\n  widths: number[],\n  containerWidth: number,\n  options: {\n    gapPx?: number;\n    overflowWidthPx?: number;\n  } = {},\n): number {\n  const gapPx = options.gapPx ?? TAG_CHIP_GAP_PX;\n  const overflowWidthPx = options.overflowWidthPx ?? TAG_CHIP_OVERFLOW_WIDTH_PX;\n\n  if (widths.length === 0) {\n    return 0;\n  }\n  if (containerWidth <= 0) {\n    return widths.length;\n  }\n\n  let used = 0;\n  for (let i = 0; i < widths.length; i += 1) {\n    const width = widths[i]!;\n    const gap = i > 0 ? gapPx : 0;\n    const remaining = widths.length - i - 1;\n    const reserve = remaining > 0 ? overflowWidthPx + gapPx : 0;\n    if (used + gap + width + reserve > containerWidth) {\n      return i;\n    }\n    used += gap + width;\n  }\n  return widths.length;\n}\n"],"mappings":"0GAwCA,SAAgB,EACd,EAC0B,CAC1B,OAAQ,EAAI,KAAK,EAAE,YAAY,EAA/B,CACE,IAAK,eACH,MAAO,MACT,IAAK,YACL,IAAK,OACL,IAAK,aACH,MAAO,OACT,IAAK,kBACL,IAAK,SACH,MAAO,SACT,IAAK,uBACL,IAAK,YACL,IAAK,cACH,MAAO,YACT,IAAK,UACL,IAAK,WACL,IAAK,OACH,MAAO,WACT,IAAK,YACL,IAAK,aACL,IAAK,QACH,MAAO,aACT,IAAK,WACL,IAAK,YACL,IAAK,OACL,IAAK,eACH,MAAO,YACT,QACE,MAAO,OACX,CACF,CAOA,SAAgB,EAA2B,EAAqB,CAC9D,IAAM,EAAU,EAAI,KAAK,EACzB,GAAI,CAAC,EACH,OAAO,EAET,IAAM,EAAQ,EAAQ,QAAQ,SAAU,GAAG,EAAE,QAAQ,OAAQ,GAAG,EAChE,OAAO,EAAM,OAAO,CAAC,EAAE,YAAY,EAAI,EAAM,MAAM,CAAC,CACtD,CAMA,SAAgB,EACd,EACA,EACQ,CACR,OAAQ,EAA4B,CAAG,EAAvC,CACE,IAAK,MACH,OAAO,EAAE,EAAA,QAAQ,8BAA8B,EACjD,IAAK,OACH,OAAO,EAAE,EAAA,QAAQ,+BAA+B,EAClD,IAAK,SACH,OAAO,EAAE,EAAA,QAAQ,iCAAiC,EACpD,IAAK,YACH,OAAO,EAAE,EAAA,QAAQ,oCAAoC,EACvD,IAAK,WACH,OAAO,EAAE,EAAA,QAAQ,mCAAmC,EACtD,IAAK,aACH,OAAO,EAAE,EAAA,QAAQ,qCAAqC,EACxD,IAAK,YACH,OAAO,EAAE,EAAA,QAAQ,oCAAoC,EACvD,QACE,OAAO,EAA2B,CAAG,CACzC,CACF,CAIA,SAAgB,EACd,EACA,EACA,EACQ,CACR,IAAM,EAAQ,EAAwB,EAAK,CAAC,EAC5C,OAAO,EAAQ,GAAG,EAAM,IAAI,IAAU,CACxC,CAWA,SAAgB,EACd,EACA,EAAA,GACQ,CACR,IAAM,EAAa,MAAM,KAAK,CAAK,EAOnC,OANI,EAAW,QAAU,EAChB,EAEL,GAAa,EACR,IAEF,GAAG,EAAW,MAAM,EAAG,EAAY,CAAC,EAAE,KAAK,EAAE,EAAE,EACxD,CAWA,SAAgB,EACd,EACA,EACA,EAGI,CAAC,EACG,CACR,IAAM,EAAQ,EAAQ,OAAA,EAChB,EAAkB,EAAQ,iBAAA,GAEhC,GAAI,EAAO,SAAW,EACpB,MAAO,GAET,GAAI,GAAkB,EACpB,OAAO,EAAO,OAGhB,IAAI,EAAO,EACX,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,GAAK,EAAG,CACzC,IAAM,EAAQ,EAAO,GACf,EAAM,EAAI,EAAI,EAAQ,EAEtB,EADY,EAAO,OAAS,EAAI,EACV,EAAI,EAAkB,EAAQ,EAC1D,GAAI,EAAO,EAAM,EAAQ,EAAU,EACjC,OAAO,EAET,GAAQ,EAAM,CAChB,CACA,OAAO,EAAO,MAChB"}

package/dist/components/features/conversation-panel/conversation-card/conversation-tag-display.d.ts

@@ -36,7 +36,8 @@ export declare function humanizeConversationTagKey(key: string): string;
  * Known keys use the preview copy; everything else is humanized.
  */
 export declare function getConversationTagLabel(key: string, t: (key: I18nKey) => string): string;
-/** ``Branch: main`` — used by chip ``title`` tooltips. */
+/** ``Branch: main`` — used by chip ``title`` tooltips. Bare tags (empty
+ * value) show the label alone, no dangling colon. */
 export declare function formatConversationTagTooltip(key: string, value: string, t: (key: I18nKey) => string): string;
 /**
  * Hard-truncate a tag value for the chip label. The full ``key: value`` string

package/dist/components/features/conversation-panel/conversation-card/conversation-tag-display.js

@@ -42,7 +42,8 @@ function r(r, i) {
 	}
 }
 function i(e, t, n) {
-	return `${r(e, n)}: ${t}`;
+	let i = r(e, n);
+	return t ? `${i}: ${t}` : i;
 }
 function a(e, t = 14) {
 	let n = Array.from(e);

package/dist/components/features/conversation-panel/conversation-card/conversation-tag-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-tag-display.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-display.ts"],"sourcesContent":["/**\n * Display helpers for conversation tag chips. Pure (no React) so fit/truncate\n * behavior can be unit-tested without laying out the sidebar card.\n */\n\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/** Max characters shown on a chip before hard truncation with an ellipsis. */\nexport const TAG_CHIP_VALUE_MAX_LENGTH = 14;\n\n/** Horizontal gap between chips (matches Tailwind ``gap-1`` = 4px). */\nexport const TAG_CHIP_GAP_PX = 4;\n\n/**\n * Reserved width for the ``+N`` overflow control when deciding how many chips\n * fit on one row. Slightly generous so the button never wraps under a chip.\n */\nexport const TAG_CHIP_OVERFLOW_WIDTH_PX = 36;\n\n/** Known tag keys that already have a dedicated hovercard label. */\nexport type ConversationTagLabelKind =\n  | \"git\"\n  | \"repo\"\n  | \"branch\"\n  | \"workspace\"\n  | \"app_mode\"\n  | \"work_tools\"\n  | \"work_wsid\"\n  | \"other\";\n\n/**\n * Map a server tag key to a hovercard label kind. ``archiveworkspacepath`` is\n * treated as \"workspace\" — the sandbox working directory for the conversation.\n * ACM / Work stamps (``Appmode``, ``Worktools``, ``Workwsid``) get dedicated\n * kinds so chips and hovercards show friendly labels instead of the wire key.\n *\n * ``origin`` / ``source`` deliberately stay \"other\" (humanized to \"Origin\" /\n * \"Source\"): they name where a conversation came from — Slack, an API call, an\n * automation — which is not a git fact. Only ``git_provider`` is \"Git\".\n */\nexport function getConversationTagLabelKind(\n  key: string,\n): ConversationTagLabelKind {\n  switch (key.trim().toLowerCase()) {\n    case \"git_provider\":\n      return \"git\";\n    case \"repo_name\":\n    case \"repo\":\n    case \"repository\":\n      return \"repo\";\n    case \"selected_branch\":\n    case \"branch\":\n      return \"branch\";\n    case \"archiveworkspacepath\":\n    case \"workspace\":\n    case \"working_dir\":\n      return \"workspace\";\n    case \"appmode\":\n    case \"app_mode\":\n    case \"mode\":\n      return \"app_mode\";\n    case \"worktools\":\n    case \"work_tools\":\n    case \"tools\":\n      return \"work_tools\";\n    case \"workwsid\":\n    case \"work_wsid\":\n    case \"wsid\":\n    case \"workspace_id\":\n      return \"work_wsid\";\n    default:\n      return \"other\";\n  }\n}\n\n/**\n * Soften unknown snake_case / kebab-case keys for tooltips and overflow rows\n * (``selected_branch`` is mapped above; this covers free-form keys like\n * ``env`` → ``Env``).\n */\nexport function humanizeConversationTagKey(key: string): string {\n  const trimmed = key.trim();\n  if (!trimmed) {\n    return trimmed;\n  }\n  const words = trimmed.replace(/[_-]+/g, \" \").replace(/\\s+/g, \" \");\n  return words.charAt(0).toUpperCase() + words.slice(1);\n}\n\n/**\n * Localized label for a tag key (chip tooltip, overflow popover, hovercard).\n * Known keys use the preview copy; everything else is humanized.\n */\nexport function getConversationTagLabel(\n  key: string,\n  t: (key: I18nKey) => string,\n): string {\n  switch (getConversationTagLabelKind(key)) {\n    case \"git\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_GIT);\n    case \"repo\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO);\n    case \"branch\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH);\n    case \"workspace\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORKSPACE);\n    case \"app_mode\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_APP_MODE);\n    case \"work_tools\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);\n    case \"work_wsid\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_WSID);\n    default:\n      return humanizeConversationTagKey(key);\n  }\n}\n\n/** ``Branch: main`` — used by chip ``title`` tooltips. */\nexport function formatConversationTagTooltip(\n  key: string,\n  value: string,\n  t: (key: I18nKey) => string,\n): string {\n  return `${getConversationTagLabel(key, t)}: ${value}`;\n}\n\n/**\n * Hard-truncate a tag value for the chip label. The full ``key: value`` string\n * stays available via tooltip / overflow popover.\n *\n * Measures and slices by code point rather than UTF-16 code unit: values\n * stamped by Slack / Discord automations carry emoji, and cutting between the\n * halves of a surrogate pair leaves a lone surrogate that browsers draw as a\n * replacement glyph.\n */\nexport function truncateTagChipValue(\n  value: string,\n  maxLength: number = TAG_CHIP_VALUE_MAX_LENGTH,\n): string {\n  const characters = Array.from(value);\n  if (characters.length <= maxLength) {\n    return value;\n  }\n  if (maxLength <= 1) {\n    return \"…\";\n  }\n  return `${characters.slice(0, maxLength - 1).join(\"\")}…`;\n}\n\n/**\n * How many chips fit in ``containerWidth`` while keeping a single nowrap row\n * and reserving space for a ``+N`` overflow control when any chips would hide.\n *\n * Returns ``widths.length`` when ``containerWidth <= 0`` (not laid out yet /\n * jsdom) so callers can show every chip until a real measurement arrives.\n * Returns ``0`` when the row is too narrow for even one chip + overflow — the\n * UI then shows only the ``+N`` control with the full list in the popover.\n */\nexport function computeVisibleTagChipCount(\n  widths: number[],\n  containerWidth: number,\n  options: {\n    gapPx?: number;\n    overflowWidthPx?: number;\n  } = {},\n): number {\n  const gapPx = options.gapPx ?? TAG_CHIP_GAP_PX;\n  const overflowWidthPx = options.overflowWidthPx ?? TAG_CHIP_OVERFLOW_WIDTH_PX;\n\n  if (widths.length === 0) {\n    return 0;\n  }\n  if (containerWidth <= 0) {\n    return widths.length;\n  }\n\n  let used = 0;\n  for (let i = 0; i < widths.length; i += 1) {\n    const width = widths[i]!;\n    const gap = i > 0 ? gapPx : 0;\n    const remaining = widths.length - i - 1;\n    const reserve = remaining > 0 ? overflowWidthPx + gapPx : 0;\n    if (used + gap + width + reserve > containerWidth) {\n      return i;\n    }\n    used += gap + width;\n  }\n  return widths.length;\n}\n"],"mappings":";AAwCA,SAAgB,EACd,GAC0B;CAC1B,QAAQ,EAAI,KAAK,EAAE,YAAY,GAA/B;EACE,KAAK,gBACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,cACH,OAAO;EACT,KAAK;EACL,KAAK,UACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,eACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,QACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,SACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,gBACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAOA,SAAgB,EAA2B,GAAqB;CAC9D,IAAM,IAAU,EAAI,KAAK;CACzB,IAAI,CAAC,GACH,OAAO;CAET,IAAM,IAAQ,EAAQ,QAAQ,UAAU,GAAG,EAAE,QAAQ,QAAQ,GAAG;CAChE,OAAO,EAAM,OAAO,CAAC,EAAE,YAAY,IAAI,EAAM,MAAM,CAAC;AACtD;AAMA,SAAgB,EACd,GACA,GACQ;CACR,QAAQ,EAA4B,CAAG,GAAvC;EACE,KAAK,OACH,OAAO,EAAE,EAAQ,8BAA8B;EACjD,KAAK,QACH,OAAO,EAAE,EAAQ,+BAA+B;EAClD,KAAK,UACH,OAAO,EAAE,EAAQ,iCAAiC;EACpD,KAAK,aACH,OAAO,EAAE,EAAQ,oCAAoC;EACvD,KAAK,YACH,OAAO,EAAE,EAAQ,mCAAmC;EACtD,KAAK,cACH,OAAO,EAAE,EAAQ,qCAAqC;EACxD,KAAK,aACH,OAAO,EAAE,EAAQ,oCAAoC;EACvD,SACE,OAAO,EAA2B,CAAG;CACzC;AACF;AAGA,SAAgB,EACd,GACA,GACA,GACQ;CACR,OAAO,GAAG,EAAwB,GAAK,CAAC,EAAE,IAAI;AAChD;AAWA,SAAgB,EACd,GACA,IAAA,IACQ;CACR,IAAM,IAAa,MAAM,KAAK,CAAK;CAOnC,OANI,EAAW,UAAU,IAChB,IAEL,KAAa,IACR,MAEF,GAAG,EAAW,MAAM,GAAG,IAAY,CAAC,EAAE,KAAK,EAAE,EAAE;AACxD;AAWA,SAAgB,EACd,GACA,GACA,IAGI,CAAC,GACG;CACR,IAAM,IAAQ,EAAQ,SAAA,GAChB,IAAkB,EAAQ,mBAAA;CAEhC,IAAI,EAAO,WAAW,GACpB,OAAO;CAET,IAAI,KAAkB,GACpB,OAAO,EAAO;CAGhB,IAAI,IAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,EAAO,QAAQ,KAAK,GAAG;EACzC,IAAM,IAAQ,EAAO,IACf,IAAM,IAAI,IAAI,IAAQ,GAEtB,IADY,EAAO,SAAS,IAAI,IACV,IAAI,IAAkB,IAAQ;EAC1D,IAAI,IAAO,IAAM,IAAQ,IAAU,GACjC,OAAO;EAET,KAAQ,IAAM;CAChB;CACA,OAAO,EAAO;AAChB"}
+{"version":3,"file":"conversation-tag-display.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-tag-display.ts"],"sourcesContent":["/**\n * Display helpers for conversation tag chips. Pure (no React) so fit/truncate\n * behavior can be unit-tested without laying out the sidebar card.\n */\n\nimport { I18nKey } from \"#/i18n/declaration\";\n\n/** Max characters shown on a chip before hard truncation with an ellipsis. */\nexport const TAG_CHIP_VALUE_MAX_LENGTH = 14;\n\n/** Horizontal gap between chips (matches Tailwind ``gap-1`` = 4px). */\nexport const TAG_CHIP_GAP_PX = 4;\n\n/**\n * Reserved width for the ``+N`` overflow control when deciding how many chips\n * fit on one row. Slightly generous so the button never wraps under a chip.\n */\nexport const TAG_CHIP_OVERFLOW_WIDTH_PX = 36;\n\n/** Known tag keys that already have a dedicated hovercard label. */\nexport type ConversationTagLabelKind =\n  | \"git\"\n  | \"repo\"\n  | \"branch\"\n  | \"workspace\"\n  | \"app_mode\"\n  | \"work_tools\"\n  | \"work_wsid\"\n  | \"other\";\n\n/**\n * Map a server tag key to a hovercard label kind. ``archiveworkspacepath`` is\n * treated as \"workspace\" — the sandbox working directory for the conversation.\n * ACM / Work stamps (``Appmode``, ``Worktools``, ``Workwsid``) get dedicated\n * kinds so chips and hovercards show friendly labels instead of the wire key.\n *\n * ``origin`` / ``source`` deliberately stay \"other\" (humanized to \"Origin\" /\n * \"Source\"): they name where a conversation came from — Slack, an API call, an\n * automation — which is not a git fact. Only ``git_provider`` is \"Git\".\n */\nexport function getConversationTagLabelKind(\n  key: string,\n): ConversationTagLabelKind {\n  switch (key.trim().toLowerCase()) {\n    case \"git_provider\":\n      return \"git\";\n    case \"repo_name\":\n    case \"repo\":\n    case \"repository\":\n      return \"repo\";\n    case \"selected_branch\":\n    case \"branch\":\n      return \"branch\";\n    case \"archiveworkspacepath\":\n    case \"workspace\":\n    case \"working_dir\":\n      return \"workspace\";\n    case \"appmode\":\n    case \"app_mode\":\n    case \"mode\":\n      return \"app_mode\";\n    case \"worktools\":\n    case \"work_tools\":\n    case \"tools\":\n      return \"work_tools\";\n    case \"workwsid\":\n    case \"work_wsid\":\n    case \"wsid\":\n    case \"workspace_id\":\n      return \"work_wsid\";\n    default:\n      return \"other\";\n  }\n}\n\n/**\n * Soften unknown snake_case / kebab-case keys for tooltips and overflow rows\n * (``selected_branch`` is mapped above; this covers free-form keys like\n * ``env`` → ``Env``).\n */\nexport function humanizeConversationTagKey(key: string): string {\n  const trimmed = key.trim();\n  if (!trimmed) {\n    return trimmed;\n  }\n  const words = trimmed.replace(/[_-]+/g, \" \").replace(/\\s+/g, \" \");\n  return words.charAt(0).toUpperCase() + words.slice(1);\n}\n\n/**\n * Localized label for a tag key (chip tooltip, overflow popover, hovercard).\n * Known keys use the preview copy; everything else is humanized.\n */\nexport function getConversationTagLabel(\n  key: string,\n  t: (key: I18nKey) => string,\n): string {\n  switch (getConversationTagLabelKind(key)) {\n    case \"git\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_GIT);\n    case \"repo\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_REPO);\n    case \"branch\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_BRANCH);\n    case \"workspace\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORKSPACE);\n    case \"app_mode\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_APP_MODE);\n    case \"work_tools\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_TOOLS);\n    case \"work_wsid\":\n      return t(I18nKey.CONVERSATION_PANEL$PREVIEW_WORK_WSID);\n    default:\n      return humanizeConversationTagKey(key);\n  }\n}\n\n/** ``Branch: main`` — used by chip ``title`` tooltips. Bare tags (empty\n * value) show the label alone, no dangling colon. */\nexport function formatConversationTagTooltip(\n  key: string,\n  value: string,\n  t: (key: I18nKey) => string,\n): string {\n  const label = getConversationTagLabel(key, t);\n  return value ? `${label}: ${value}` : label;\n}\n\n/**\n * Hard-truncate a tag value for the chip label. The full ``key: value`` string\n * stays available via tooltip / overflow popover.\n *\n * Measures and slices by code point rather than UTF-16 code unit: values\n * stamped by Slack / Discord automations carry emoji, and cutting between the\n * halves of a surrogate pair leaves a lone surrogate that browsers draw as a\n * replacement glyph.\n */\nexport function truncateTagChipValue(\n  value: string,\n  maxLength: number = TAG_CHIP_VALUE_MAX_LENGTH,\n): string {\n  const characters = Array.from(value);\n  if (characters.length <= maxLength) {\n    return value;\n  }\n  if (maxLength <= 1) {\n    return \"…\";\n  }\n  return `${characters.slice(0, maxLength - 1).join(\"\")}…`;\n}\n\n/**\n * How many chips fit in ``containerWidth`` while keeping a single nowrap row\n * and reserving space for a ``+N`` overflow control when any chips would hide.\n *\n * Returns ``widths.length`` when ``containerWidth <= 0`` (not laid out yet /\n * jsdom) so callers can show every chip until a real measurement arrives.\n * Returns ``0`` when the row is too narrow for even one chip + overflow — the\n * UI then shows only the ``+N`` control with the full list in the popover.\n */\nexport function computeVisibleTagChipCount(\n  widths: number[],\n  containerWidth: number,\n  options: {\n    gapPx?: number;\n    overflowWidthPx?: number;\n  } = {},\n): number {\n  const gapPx = options.gapPx ?? TAG_CHIP_GAP_PX;\n  const overflowWidthPx = options.overflowWidthPx ?? TAG_CHIP_OVERFLOW_WIDTH_PX;\n\n  if (widths.length === 0) {\n    return 0;\n  }\n  if (containerWidth <= 0) {\n    return widths.length;\n  }\n\n  let used = 0;\n  for (let i = 0; i < widths.length; i += 1) {\n    const width = widths[i]!;\n    const gap = i > 0 ? gapPx : 0;\n    const remaining = widths.length - i - 1;\n    const reserve = remaining > 0 ? overflowWidthPx + gapPx : 0;\n    if (used + gap + width + reserve > containerWidth) {\n      return i;\n    }\n    used += gap + width;\n  }\n  return widths.length;\n}\n"],"mappings":";AAwCA,SAAgB,EACd,GAC0B;CAC1B,QAAQ,EAAI,KAAK,EAAE,YAAY,GAA/B;EACE,KAAK,gBACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,cACH,OAAO;EACT,KAAK;EACL,KAAK,UACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,eACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,QACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,SACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,gBACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAOA,SAAgB,EAA2B,GAAqB;CAC9D,IAAM,IAAU,EAAI,KAAK;CACzB,IAAI,CAAC,GACH,OAAO;CAET,IAAM,IAAQ,EAAQ,QAAQ,UAAU,GAAG,EAAE,QAAQ,QAAQ,GAAG;CAChE,OAAO,EAAM,OAAO,CAAC,EAAE,YAAY,IAAI,EAAM,MAAM,CAAC;AACtD;AAMA,SAAgB,EACd,GACA,GACQ;CACR,QAAQ,EAA4B,CAAG,GAAvC;EACE,KAAK,OACH,OAAO,EAAE,EAAQ,8BAA8B;EACjD,KAAK,QACH,OAAO,EAAE,EAAQ,+BAA+B;EAClD,KAAK,UACH,OAAO,EAAE,EAAQ,iCAAiC;EACpD,KAAK,aACH,OAAO,EAAE,EAAQ,oCAAoC;EACvD,KAAK,YACH,OAAO,EAAE,EAAQ,mCAAmC;EACtD,KAAK,cACH,OAAO,EAAE,EAAQ,qCAAqC;EACxD,KAAK,aACH,OAAO,EAAE,EAAQ,oCAAoC;EACvD,SACE,OAAO,EAA2B,CAAG;CACzC;AACF;AAIA,SAAgB,EACd,GACA,GACA,GACQ;CACR,IAAM,IAAQ,EAAwB,GAAK,CAAC;CAC5C,OAAO,IAAQ,GAAG,EAAM,IAAI,MAAU;AACxC;AAWA,SAAgB,EACd,GACA,IAAA,IACQ;CACR,IAAM,IAAa,MAAM,KAAK,CAAK;CAOnC,OANI,EAAW,UAAU,IAChB,IAEL,KAAa,IACR,MAEF,GAAG,EAAW,MAAM,GAAG,IAAY,CAAC,EAAE,KAAK,EAAE,EAAE;AACxD;AAWA,SAAgB,EACd,GACA,GACA,IAGI,CAAC,GACG;CACR,IAAM,IAAQ,EAAQ,SAAA,GAChB,IAAkB,EAAQ,mBAAA;CAEhC,IAAI,EAAO,WAAW,GACpB,OAAO;CAET,IAAI,KAAkB,GACpB,OAAO,EAAO;CAGhB,IAAI,IAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,EAAO,QAAQ,KAAK,GAAG;EACzC,IAAM,IAAQ,EAAO,IACf,IAAM,IAAI,IAAI,IAAQ,GAEtB,IADY,EAAO,SAAS,IAAI,IACV,IAAI,IAAkB,IAAQ;EAC1D,IAAI,IAAO,IAAM,IAAQ,IAAU,GACjC,OAAO;EAET,KAAQ,IAAM;CAChB;CACA,OAAO,EAAO;AAChB"}

package/dist/components/features/conversation-panel/conversation-layouts-menu.cjs

@@ -0,0 +1,2 @@
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/clock-3.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/folder.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/list-filter.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/shrink.cjs"),s=require("../../../node_modules/lucide-react/dist/esm/icons/sliders-horizontal.cjs"),c=require("../../../node_modules/lucide-react/dist/esm/icons/star.cjs"),l=require("../../../node_modules/lucide-react/dist/esm/icons/tag.cjs"),u=require("../../../node_modules/lucide-react/dist/esm/icons/trash-2.cjs"),d=require("../../../utils/utils.cjs"),f=require("../../../utils/dropdown-classes.cjs"),p=require("./conversation-panel-list-helpers.cjs"),m=require("../../../stores/conversation-panel-preferences-store.cjs"),h=require("./menu-heading.cjs"),g=require("./menu-separator.cjs"),_=require("./menu-row.cjs"),v=require("./advanced-conversation-options-modal.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x=[{id:`by-workspace`,icon:i.Folder,settings:{...m.DEFAULT_LAYOUT_SETTINGS,organizeMode:`grouped`}},{id:`recent-activity`,icon:r.Clock3,labelKey:n.I18nKey.CONVERSATION_PANEL$LAYOUT_RECENT_ACTIVITY,settings:{...m.DEFAULT_LAYOUT_SETTINGS,showOlderConversations:!1}},{id:`focused`,icon:c.Star,labelKey:n.I18nKey.CONVERSATION_PANEL$LAYOUT_FOCUSED,settings:{...m.DEFAULT_LAYOUT_SETTINGS,threadScope:`relevant`,showOlderConversations:!1}},{id:`minimal`,icon:o.Shrink,labelKey:n.I18nKey.CONVERSATION_PANEL$LAYOUT_MINIMAL,settings:{...m.DEFAULT_LAYOUT_SETTINGS,threadScope:`relevant`,showOlderConversations:!1,showRepoBranchMetadata:!1,showLlmProfiles:!1,showTagsMetadata:!1,showHoverMetadata:!1}}];function S(e){return x.find(t=>Object.entries(t.settings).every(([t,n])=>e[t]===n))??null}function C({menuOpen:e,setMenuOpen:r,menuRef:i,backendKind:o,tagFacets:c,automationNameFacets:C,totalConversationsCount:T,onRequestDeleteAll:E}){let{t:D}=t.useTranslation(`openhands`),O=m.useConversationPanelPreferencesStore(),[k,A]=y.default.useState(!1),[j,M]=y.default.useState(!1),N=D(o===`local`?n.I18nKey.CONVERSATION_PANEL$BY_WORKSPACE:n.I18nKey.CONVERSATION_PANEL$BY_REPOSITORY),P=S(O),F=y.default.useRef(null),I=y.default.useRef(null),L=y.default.useRef(e);return y.default.useEffect(()=>{e?(I.current?.querySelector(`[role="menuitem"], [role="menuitemradio"], [role="menuitemcheckbox"]`))?.focus():L.current&&F.current?.focus(),L.current=e},[e]),(0,b.jsxs)(`div`,{ref:i,className:`relative shrink-0 pr-0.5`,children:[(0,b.jsx)(`button`,{ref:F,type:`button`,"data-testid":`conversation-layouts-toggle`,"aria-label":D(n.I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING),"aria-haspopup":`menu`,"aria-expanded":e,onClick:()=>r(!e),className:d.cn(`relative inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]`,f.dropdownInstantColorClassName),children:(0,b.jsx)(a.ListFilter,{className:`shrink-0`,size:14,strokeWidth:2,"aria-hidden":!0})}),e?(0,b.jsxs)(`div`,{ref:I,role:`menu`,"aria-orientation":`vertical`,"aria-label":D(n.I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING),tabIndex:-1,"data-testid":`conversation-layouts-menu`,onKeyDown:e=>{if(e.key===`Escape`){e.preventDefault(),r(!1);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=I.current;if(!t)return;let n=Array.from(t.querySelectorAll(`[role="menuitem"], [role="menuitemradio"], [role="menuitemcheckbox"]`)).filter(e=>!e.disabled);if(n.length===0)return;let i=n.indexOf(document.activeElement),a=e.key===`ArrowDown`?1:-1,o=((i===-1?0:i)+a+n.length)%n.length;e.preventDefault(),n[o]?.focus()},className:d.cn(`absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg`,f.dropdownMenuListClassName,f.dropdownMenuViewportScrollClassName),children:[(0,b.jsx)(h.MenuHeading,{children:D(n.I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING)}),x.map(e=>(0,b.jsx)(_.MenuRow,{icon:e.icon,label:e.labelKey?D(e.labelKey):N,selected:P?.id===e.id,testId:`layout-preset-${e.id}`,onClick:()=>{O.applyLayoutSettings(e.settings),r(!1)}},e.id)),(0,b.jsx)(g.MenuSeparator,{}),(0,b.jsx)(_.MenuRow,{icon:l.Tag,label:D(n.I18nKey.CONVERSATION_PANEL$TAG_FILTERS),testId:`tag-filters-section`,onClick:()=>A(!k)}),k?c.length>0?c.map(e=>(0,b.jsx)(_.MenuRow,{icon:l.Tag,label:p.formatTagFacetLabel(e),selected:O.selectedTagFacets.includes(e),testId:`tag-facet-row-${e}`,onClick:()=>O.toggleTagFacet(e)},e)):(0,b.jsx)(`p`,{"data-testid":`tag-filters-empty`,className:`px-2 py-1 text-[11px] text-[var(--oh-muted)]/70`,children:D(n.I18nKey.CONVERSATION_PANEL$NO_VISIBLE_TAGS)}):null,(0,b.jsx)(g.MenuSeparator,{}),(0,b.jsx)(_.MenuRow,{icon:s.SlidersHorizontal,label:P?D(n.I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS):`${D(n.I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)} · ${D(n.I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS_CUSTOM)}`,testId:`advanced-options-row`,onClick:()=>{r(!1),M(!0)}}),(0,b.jsx)(g.MenuSeparator,{}),(0,b.jsx)(_.MenuRow,{testId:`delete-all-conversations`,icon:u.Trash2,label:w(D(n.I18nKey.CONVERSATION$DELETE_ALL)),disabled:T===0,destructive:!0,onClick:()=>{T!==0&&(E(),r(!1))}})]}):null,(0,b.jsx)(v.AdvancedConversationOptionsModal,{open:j,onClose:()=>M(!1),backendKind:o,automationNameFacets:C})]})}var w=e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e;exports.ConversationLayoutsMenu=C;
+//# sourceMappingURL=conversation-layouts-menu.cjs.map

package/dist/components/features/conversation-panel/conversation-layouts-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-layouts-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-layouts-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Clock3,\n  Folder,\n  ListFilter,\n  Shrink,\n  SlidersHorizontal,\n  Star,\n  Tag,\n  Trash2,\n} from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownInstantColorClassName,\n  dropdownMenuListClassName,\n  dropdownMenuViewportScrollClassName,\n} from \"#/utils/dropdown-classes\";\nimport {\n  DEFAULT_LAYOUT_SETTINGS,\n  useConversationPanelPreferencesStore,\n  type LayoutSettingsSlice,\n} from \"#/stores/conversation-panel-preferences-store\";\nimport { formatTagFacetLabel } from \"./conversation-panel-list-helpers\";\nimport { MenuHeading } from \"./menu-heading\";\nimport { MenuSeparator } from \"./menu-separator\";\nimport { MenuRow } from \"./menu-row\";\nimport { AdvancedConversationOptionsModal } from \"./advanced-conversation-options-modal\";\n\ninterface LayoutPreset {\n  id: string;\n  icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  /** Omitted for the backend-dependent first preset (workspace vs repo). */\n  labelKey?: I18nKey;\n  settings: LayoutSettingsSlice;\n}\n\n/**\n * Layout presets are complete preference bundles (design inference from the\n * 2026-08-14 PM walkthrough video; the video names the presets but not their\n * exact bundles). Applying one replaces every layout-controlled field so a\n * previous preset cannot leak into the next one. Any manual deviation reads\n * as \"Custom\".\n */\nconst LAYOUT_PRESETS: LayoutPreset[] = [\n  {\n    id: \"by-workspace\",\n    icon: Folder,\n    settings: {\n      ...DEFAULT_LAYOUT_SETTINGS,\n      organizeMode: \"grouped\",\n    },\n  },\n  {\n    id: \"recent-activity\",\n    icon: Clock3,\n    labelKey: I18nKey.CONVERSATION_PANEL$LAYOUT_RECENT_ACTIVITY,\n    settings: {\n      ...DEFAULT_LAYOUT_SETTINGS,\n      showOlderConversations: false,\n    },\n  },\n  {\n    id: \"focused\",\n    icon: Star,\n    labelKey: I18nKey.CONVERSATION_PANEL$LAYOUT_FOCUSED,\n    settings: {\n      ...DEFAULT_LAYOUT_SETTINGS,\n      threadScope: \"relevant\",\n      showOlderConversations: false,\n    },\n  },\n  {\n    id: \"minimal\",\n    icon: Shrink,\n    labelKey: I18nKey.CONVERSATION_PANEL$LAYOUT_MINIMAL,\n    settings: {\n      ...DEFAULT_LAYOUT_SETTINGS,\n      threadScope: \"relevant\",\n      showOlderConversations: false,\n      showRepoBranchMetadata: false,\n      showLlmProfiles: false,\n      showTagsMetadata: false,\n      showHoverMetadata: false,\n    },\n  },\n];\n\nexport function getActiveLayoutPreset(\n  settings: LayoutSettingsSlice,\n): LayoutPreset | null {\n  return (\n    LAYOUT_PRESETS.find((preset) =>\n      Object.entries(preset.settings).every(\n        ([key, value]) => settings[key as keyof LayoutSettingsSlice] === value,\n      ),\n    ) ?? null\n  );\n}\n\nexport interface ConversationLayoutsMenuProps {\n  menuOpen: boolean;\n  setMenuOpen: (open: boolean) => void;\n  menuRef: React.RefObject<HTMLDivElement | null>;\n  backendKind: BackendKind;\n  /** Distinct user-facing `key=value` facets among the loaded conversations. */\n  tagFacets: readonly string[];\n  /** Distinct automation names; the advanced modal owns their facet rows. */\n  automationNameFacets: readonly string[];\n  totalConversationsCount: number;\n  onRequestDeleteAll: () => void;\n}\n\nexport function ConversationLayoutsMenu({\n  menuOpen,\n  setMenuOpen,\n  menuRef,\n  backendKind,\n  tagFacets,\n  automationNameFacets,\n  totalConversationsCount,\n  onRequestDeleteAll,\n}: ConversationLayoutsMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const preferences = useConversationPanelPreferencesStore();\n  const [tagSectionExpanded, setTagSectionExpanded] = React.useState(false);\n  const [advancedOpen, setAdvancedOpen] = React.useState(false);\n\n  const groupedLabel =\n    backendKind === \"local\"\n      ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n      : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n  const activePreset = getActiveLayoutPreset(preferences);\n\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const menuContentRef = React.useRef<HTMLDivElement>(null);\n\n  // Mirror the filter menu's focus management: focus into the menu on open,\n  // return focus to the trigger on close.\n  const wasOpenRef = React.useRef(menuOpen);\n  React.useEffect(() => {\n    if (menuOpen) {\n      const firstItem =\n        menuContentRef.current?.querySelector<HTMLButtonElement>(\n          '[role=\"menuitem\"], [role=\"menuitemradio\"], [role=\"menuitemcheckbox\"]',\n        );\n      firstItem?.focus();\n    } else if (wasOpenRef.current) {\n      triggerRef.current?.focus();\n    }\n    wasOpenRef.current = menuOpen;\n  }, [menuOpen]);\n\n  const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      setMenuOpen(false);\n      return;\n    }\n    if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n    const container = menuContentRef.current;\n    if (!container) return;\n    const items = Array.from(\n      container.querySelectorAll<HTMLButtonElement>(\n        '[role=\"menuitem\"], [role=\"menuitemradio\"], [role=\"menuitemcheckbox\"]',\n      ),\n    ).filter((el) => !el.disabled);\n    if (items.length === 0) return;\n    const currentIdx = items.indexOf(\n      document.activeElement as HTMLButtonElement,\n    );\n    const delta = event.key === \"ArrowDown\" ? 1 : -1;\n    const start = currentIdx === -1 ? 0 : currentIdx;\n    const nextIdx = (start + delta + items.length) % items.length;\n    event.preventDefault();\n    items[nextIdx]?.focus();\n  };\n\n  return (\n    <div ref={menuRef} className=\"relative shrink-0 pr-0.5\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        data-testid=\"conversation-layouts-toggle\"\n        aria-label={t(I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING)}\n        aria-haspopup=\"menu\"\n        aria-expanded={menuOpen}\n        onClick={() => setMenuOpen(!menuOpen)}\n        className={cn(\n          \"relative inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n          dropdownInstantColorClassName,\n        )}\n      >\n        <ListFilter\n          className=\"shrink-0\"\n          size={14}\n          strokeWidth={2}\n          aria-hidden\n        />\n      </button>\n\n      {menuOpen ? (\n        <div\n          ref={menuContentRef}\n          role=\"menu\"\n          aria-orientation=\"vertical\"\n          aria-label={t(I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING)}\n          tabIndex={-1}\n          data-testid=\"conversation-layouts-menu\"\n          onKeyDown={handleMenuKeyDown}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg\",\n            dropdownMenuListClassName,\n            dropdownMenuViewportScrollClassName,\n          )}\n        >\n          <MenuHeading>\n            {t(I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING)}\n          </MenuHeading>\n          {LAYOUT_PRESETS.map((preset) => (\n            <MenuRow\n              key={preset.id}\n              icon={preset.icon}\n              label={preset.labelKey ? t(preset.labelKey) : groupedLabel}\n              selected={activePreset?.id === preset.id}\n              testId={`layout-preset-${preset.id}`}\n              onClick={() => {\n                preferences.applyLayoutSettings(preset.settings);\n                setMenuOpen(false);\n              }}\n            />\n          ))}\n\n          <MenuSeparator />\n          <MenuRow\n            icon={Tag}\n            label={t(I18nKey.CONVERSATION_PANEL$TAG_FILTERS)}\n            testId=\"tag-filters-section\"\n            onClick={() => setTagSectionExpanded(!tagSectionExpanded)}\n          />\n          {tagSectionExpanded ? (\n            tagFacets.length > 0 ? (\n              tagFacets.map((facet) => (\n                <MenuRow\n                  key={facet}\n                  icon={Tag}\n                  label={formatTagFacetLabel(facet)}\n                  selected={preferences.selectedTagFacets.includes(facet)}\n                  testId={`tag-facet-row-${facet}`}\n                  onClick={() => preferences.toggleTagFacet(facet)}\n                />\n              ))\n            ) : (\n              <p\n                data-testid=\"tag-filters-empty\"\n                className=\"px-2 py-1 text-[11px] text-[var(--oh-muted)]/70\"\n              >\n                {t(I18nKey.CONVERSATION_PANEL$NO_VISIBLE_TAGS)}\n              </p>\n            )\n          ) : null}\n\n          <MenuSeparator />\n          <MenuRow\n            icon={SlidersHorizontal}\n            label={\n              activePreset\n                ? t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)\n                : `${t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)} · ${t(\n                    I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS_CUSTOM,\n                  )}`\n            }\n            testId=\"advanced-options-row\"\n            onClick={() => {\n              setMenuOpen(false);\n              setAdvancedOpen(true);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuRow\n            testId=\"delete-all-conversations\"\n            icon={Trash2}\n            label={capitalizeLabel(t(I18nKey.CONVERSATION$DELETE_ALL))}\n            disabled={totalConversationsCount === 0}\n            destructive\n            onClick={() => {\n              if (totalConversationsCount === 0) return;\n              onRequestDeleteAll();\n              setMenuOpen(false);\n            }}\n          />\n        </div>\n      ) : null}\n\n      <AdvancedConversationOptionsModal\n        open={advancedOpen}\n        onClose={() => setAdvancedOpen(false)}\n        backendKind={backendKind}\n        automationNameFacets={automationNameFacets}\n      />\n    </div>\n  );\n}\n\nconst capitalizeLabel = (label: string) =>\n  label.length > 0 ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-layouts-menu.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { I18nKey } from "#/i18n/declaration";
+import type { BackendKind } from "#/api/backend-registry/types";
+import { type LayoutSettingsSlice } from "#/stores/conversation-panel-preferences-store";
+interface LayoutPreset {
+    id: string;
+    icon: React.ComponentType<{
+        className?: string;
+        "aria-hidden"?: boolean;
+    }>;
+    /** Omitted for the backend-dependent first preset (workspace vs repo). */
+    labelKey?: I18nKey;
+    settings: LayoutSettingsSlice;
+}
+export declare function getActiveLayoutPreset(settings: LayoutSettingsSlice): LayoutPreset | null;
+export interface ConversationLayoutsMenuProps {
+    menuOpen: boolean;
+    setMenuOpen: (open: boolean) => void;
+    menuRef: React.RefObject<HTMLDivElement | null>;
+    backendKind: BackendKind;
+    /** Distinct user-facing `key=value` facets among the loaded conversations. */
+    tagFacets: readonly string[];
+    /** Distinct automation names; the advanced modal owns their facet rows. */
+    automationNameFacets: readonly string[];
+    totalConversationsCount: number;
+    onRequestDeleteAll: () => void;
+}
+export declare function ConversationLayoutsMenu({ menuOpen, setMenuOpen, menuRef, backendKind, tagFacets, automationNameFacets, totalConversationsCount, onRequestDeleteAll, }: ConversationLayoutsMenuProps): React.JSX.Element;
+export {};

package/dist/components/features/conversation-panel/conversation-layouts-menu.js

@@ -0,0 +1,177 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Clock3 as n } from "../../../node_modules/lucide-react/dist/esm/icons/clock-3.js";
+import { Folder as r } from "../../../node_modules/lucide-react/dist/esm/icons/folder.js";
+import { ListFilter as i } from "../../../node_modules/lucide-react/dist/esm/icons/list-filter.js";
+import { Shrink as a } from "../../../node_modules/lucide-react/dist/esm/icons/shrink.js";
+import { SlidersHorizontal as o } from "../../../node_modules/lucide-react/dist/esm/icons/sliders-horizontal.js";
+import { Star as s } from "../../../node_modules/lucide-react/dist/esm/icons/star.js";
+import { Tag as c } from "../../../node_modules/lucide-react/dist/esm/icons/tag.js";
+import { Trash2 as l } from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import { cn as u } from "../../../utils/utils.js";
+import { dropdownInstantColorClassName as d, dropdownMenuListClassName as f, dropdownMenuViewportScrollClassName as p } from "../../../utils/dropdown-classes.js";
+import { formatTagFacetLabel as m } from "./conversation-panel-list-helpers.js";
+import { DEFAULT_LAYOUT_SETTINGS as h, useConversationPanelPreferencesStore as g } from "../../../stores/conversation-panel-preferences-store.js";
+import { MenuHeading as _ } from "./menu-heading.js";
+import { MenuSeparator as v } from "./menu-separator.js";
+import { MenuRow as y } from "./menu-row.js";
+import { AdvancedConversationOptionsModal as b } from "./advanced-conversation-options-modal.js";
+import x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/features/conversation-panel/conversation-layouts-menu.tsx
+var w = [
+	{
+		id: "by-workspace",
+		icon: r,
+		settings: {
+			...h,
+			organizeMode: "grouped"
+		}
+	},
+	{
+		id: "recent-activity",
+		icon: n,
+		labelKey: t.CONVERSATION_PANEL$LAYOUT_RECENT_ACTIVITY,
+		settings: {
+			...h,
+			showOlderConversations: !1
+		}
+	},
+	{
+		id: "focused",
+		icon: s,
+		labelKey: t.CONVERSATION_PANEL$LAYOUT_FOCUSED,
+		settings: {
+			...h,
+			threadScope: "relevant",
+			showOlderConversations: !1
+		}
+	},
+	{
+		id: "minimal",
+		icon: a,
+		labelKey: t.CONVERSATION_PANEL$LAYOUT_MINIMAL,
+		settings: {
+			...h,
+			threadScope: "relevant",
+			showOlderConversations: !1,
+			showRepoBranchMetadata: !1,
+			showLlmProfiles: !1,
+			showTagsMetadata: !1,
+			showHoverMetadata: !1
+		}
+	}
+];
+function T(e) {
+	return w.find((t) => Object.entries(t.settings).every(([t, n]) => e[t] === n)) ?? null;
+}
+function E({ menuOpen: n, setMenuOpen: r, menuRef: a, backendKind: s, tagFacets: h, automationNameFacets: E, totalConversationsCount: O, onRequestDeleteAll: k }) {
+	let { t: A } = e("openhands"), j = g(), [M, N] = x.useState(!1), [P, F] = x.useState(!1), I = A(s === "local" ? t.CONVERSATION_PANEL$BY_WORKSPACE : t.CONVERSATION_PANEL$BY_REPOSITORY), L = T(j), R = x.useRef(null), z = x.useRef(null), B = x.useRef(n);
+	return x.useEffect(() => {
+		n ? (z.current?.querySelector("[role=\"menuitem\"], [role=\"menuitemradio\"], [role=\"menuitemcheckbox\"]"))?.focus() : B.current && R.current?.focus(), B.current = n;
+	}, [n]), /* @__PURE__ */ C("div", {
+		ref: a,
+		className: "relative shrink-0 pr-0.5",
+		children: [
+			/* @__PURE__ */ S("button", {
+				ref: R,
+				type: "button",
+				"data-testid": "conversation-layouts-toggle",
+				"aria-label": A(t.CONVERSATION_PANEL$LAYOUTS_HEADING),
+				"aria-haspopup": "menu",
+				"aria-expanded": n,
+				onClick: () => r(!n),
+				className: u("relative inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]", d),
+				children: /* @__PURE__ */ S(i, {
+					className: "shrink-0",
+					size: 14,
+					strokeWidth: 2,
+					"aria-hidden": !0
+				})
+			}),
+			n ? /* @__PURE__ */ C("div", {
+				ref: z,
+				role: "menu",
+				"aria-orientation": "vertical",
+				"aria-label": A(t.CONVERSATION_PANEL$LAYOUTS_HEADING),
+				tabIndex: -1,
+				"data-testid": "conversation-layouts-menu",
+				onKeyDown: (e) => {
+					if (e.key === "Escape") {
+						e.preventDefault(), r(!1);
+						return;
+					}
+					if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+					let t = z.current;
+					if (!t) return;
+					let n = Array.from(t.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemradio\"], [role=\"menuitemcheckbox\"]")).filter((e) => !e.disabled);
+					if (n.length === 0) return;
+					let i = n.indexOf(document.activeElement), a = e.key === "ArrowDown" ? 1 : -1, o = ((i === -1 ? 0 : i) + a + n.length) % n.length;
+					e.preventDefault(), n[o]?.focus();
+				},
+				className: u("absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg", f, p),
+				children: [
+					/* @__PURE__ */ S(_, { children: A(t.CONVERSATION_PANEL$LAYOUTS_HEADING) }),
+					w.map((e) => /* @__PURE__ */ S(y, {
+						icon: e.icon,
+						label: e.labelKey ? A(e.labelKey) : I,
+						selected: L?.id === e.id,
+						testId: `layout-preset-${e.id}`,
+						onClick: () => {
+							j.applyLayoutSettings(e.settings), r(!1);
+						}
+					}, e.id)),
+					/* @__PURE__ */ S(v, {}),
+					/* @__PURE__ */ S(y, {
+						icon: c,
+						label: A(t.CONVERSATION_PANEL$TAG_FILTERS),
+						testId: "tag-filters-section",
+						onClick: () => N(!M)
+					}),
+					M ? h.length > 0 ? h.map((e) => /* @__PURE__ */ S(y, {
+						icon: c,
+						label: m(e),
+						selected: j.selectedTagFacets.includes(e),
+						testId: `tag-facet-row-${e}`,
+						onClick: () => j.toggleTagFacet(e)
+					}, e)) : /* @__PURE__ */ S("p", {
+						"data-testid": "tag-filters-empty",
+						className: "px-2 py-1 text-[11px] text-[var(--oh-muted)]/70",
+						children: A(t.CONVERSATION_PANEL$NO_VISIBLE_TAGS)
+					}) : null,
+					/* @__PURE__ */ S(v, {}),
+					/* @__PURE__ */ S(y, {
+						icon: o,
+						label: L ? A(t.CONVERSATION_PANEL$ADVANCED_OPTIONS) : `${A(t.CONVERSATION_PANEL$ADVANCED_OPTIONS)} · ${A(t.CONVERSATION_PANEL$ADVANCED_OPTIONS_CUSTOM)}`,
+						testId: "advanced-options-row",
+						onClick: () => {
+							r(!1), F(!0);
+						}
+					}),
+					/* @__PURE__ */ S(v, {}),
+					/* @__PURE__ */ S(y, {
+						testId: "delete-all-conversations",
+						icon: l,
+						label: D(A(t.CONVERSATION$DELETE_ALL)),
+						disabled: O === 0,
+						destructive: !0,
+						onClick: () => {
+							O !== 0 && (k(), r(!1));
+						}
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ S(b, {
+				open: P,
+				onClose: () => F(!1),
+				backendKind: s,
+				automationNameFacets: E
+			})
+		]
+	});
+}
+var D = (e) => e.length > 0 ? e.charAt(0).toUpperCase() + e.slice(1) : e;
+//#endregion
+export { E as ConversationLayoutsMenu };
+
+//# sourceMappingURL=conversation-layouts-menu.js.map

package/dist/components/features/conversation-panel/conversation-layouts-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-layouts-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/conversation-layouts-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Clock3,\n  Folder,\n  ListFilter,\n  Shrink,\n  SlidersHorizontal,\n  Star,\n  Tag,\n  Trash2,\n} from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { BackendKind } from \"#/api/backend-registry/types\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownInstantColorClassName,\n  dropdownMenuListClassName,\n  dropdownMenuViewportScrollClassName,\n} from \"#/utils/dropdown-classes\";\nimport {\n  DEFAULT_LAYOUT_SETTINGS,\n  useConversationPanelPreferencesStore,\n  type LayoutSettingsSlice,\n} from \"#/stores/conversation-panel-preferences-store\";\nimport { formatTagFacetLabel } from \"./conversation-panel-list-helpers\";\nimport { MenuHeading } from \"./menu-heading\";\nimport { MenuSeparator } from \"./menu-separator\";\nimport { MenuRow } from \"./menu-row\";\nimport { AdvancedConversationOptionsModal } from \"./advanced-conversation-options-modal\";\n\ninterface LayoutPreset {\n  id: string;\n  icon: React.ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  /** Omitted for the backend-dependent first preset (workspace vs repo). */\n  labelKey?: I18nKey;\n  settings: LayoutSettingsSlice;\n}\n\n/**\n * Layout presets are complete preference bundles (design inference from the\n * 2026-08-14 PM walkthrough video; the video names the presets but not their\n * exact bundles). Applying one replaces every layout-controlled field so a\n * previous preset cannot leak into the next one. Any manual deviation reads\n * as \"Custom\".\n */\nconst LAYOUT_PRESETS: LayoutPreset[] = [\n  {\n    id: \"by-workspace\",\n    icon: Folder,\n    settings: {\n      ...DEFAULT_LAYOUT_SETTINGS,\n      organizeMode: \"grouped\",\n    },\n  },\n  {\n    id: \"recent-activity\",\n    icon: Clock3,\n    labelKey: I18nKey.CONVERSATION_PANEL$LAYOUT_RECENT_ACTIVITY,\n    settings: {\n      ...DEFAULT_LAYOUT_SETTINGS,\n      showOlderConversations: false,\n    },\n  },\n  {\n    id: \"focused\",\n    icon: Star,\n    labelKey: I18nKey.CONVERSATION_PANEL$LAYOUT_FOCUSED,\n    settings: {\n      ...DEFAULT_LAYOUT_SETTINGS,\n      threadScope: \"relevant\",\n      showOlderConversations: false,\n    },\n  },\n  {\n    id: \"minimal\",\n    icon: Shrink,\n    labelKey: I18nKey.CONVERSATION_PANEL$LAYOUT_MINIMAL,\n    settings: {\n      ...DEFAULT_LAYOUT_SETTINGS,\n      threadScope: \"relevant\",\n      showOlderConversations: false,\n      showRepoBranchMetadata: false,\n      showLlmProfiles: false,\n      showTagsMetadata: false,\n      showHoverMetadata: false,\n    },\n  },\n];\n\nexport function getActiveLayoutPreset(\n  settings: LayoutSettingsSlice,\n): LayoutPreset | null {\n  return (\n    LAYOUT_PRESETS.find((preset) =>\n      Object.entries(preset.settings).every(\n        ([key, value]) => settings[key as keyof LayoutSettingsSlice] === value,\n      ),\n    ) ?? null\n  );\n}\n\nexport interface ConversationLayoutsMenuProps {\n  menuOpen: boolean;\n  setMenuOpen: (open: boolean) => void;\n  menuRef: React.RefObject<HTMLDivElement | null>;\n  backendKind: BackendKind;\n  /** Distinct user-facing `key=value` facets among the loaded conversations. */\n  tagFacets: readonly string[];\n  /** Distinct automation names; the advanced modal owns their facet rows. */\n  automationNameFacets: readonly string[];\n  totalConversationsCount: number;\n  onRequestDeleteAll: () => void;\n}\n\nexport function ConversationLayoutsMenu({\n  menuOpen,\n  setMenuOpen,\n  menuRef,\n  backendKind,\n  tagFacets,\n  automationNameFacets,\n  totalConversationsCount,\n  onRequestDeleteAll,\n}: ConversationLayoutsMenuProps) {\n  const { t } = useTranslation(\"openhands\");\n  const preferences = useConversationPanelPreferencesStore();\n  const [tagSectionExpanded, setTagSectionExpanded] = React.useState(false);\n  const [advancedOpen, setAdvancedOpen] = React.useState(false);\n\n  const groupedLabel =\n    backendKind === \"local\"\n      ? t(I18nKey.CONVERSATION_PANEL$BY_WORKSPACE)\n      : t(I18nKey.CONVERSATION_PANEL$BY_REPOSITORY);\n\n  const activePreset = getActiveLayoutPreset(preferences);\n\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const menuContentRef = React.useRef<HTMLDivElement>(null);\n\n  // Mirror the filter menu's focus management: focus into the menu on open,\n  // return focus to the trigger on close.\n  const wasOpenRef = React.useRef(menuOpen);\n  React.useEffect(() => {\n    if (menuOpen) {\n      const firstItem =\n        menuContentRef.current?.querySelector<HTMLButtonElement>(\n          '[role=\"menuitem\"], [role=\"menuitemradio\"], [role=\"menuitemcheckbox\"]',\n        );\n      firstItem?.focus();\n    } else if (wasOpenRef.current) {\n      triggerRef.current?.focus();\n    }\n    wasOpenRef.current = menuOpen;\n  }, [menuOpen]);\n\n  const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      setMenuOpen(false);\n      return;\n    }\n    if (event.key !== \"ArrowDown\" && event.key !== \"ArrowUp\") return;\n    const container = menuContentRef.current;\n    if (!container) return;\n    const items = Array.from(\n      container.querySelectorAll<HTMLButtonElement>(\n        '[role=\"menuitem\"], [role=\"menuitemradio\"], [role=\"menuitemcheckbox\"]',\n      ),\n    ).filter((el) => !el.disabled);\n    if (items.length === 0) return;\n    const currentIdx = items.indexOf(\n      document.activeElement as HTMLButtonElement,\n    );\n    const delta = event.key === \"ArrowDown\" ? 1 : -1;\n    const start = currentIdx === -1 ? 0 : currentIdx;\n    const nextIdx = (start + delta + items.length) % items.length;\n    event.preventDefault();\n    items[nextIdx]?.focus();\n  };\n\n  return (\n    <div ref={menuRef} className=\"relative shrink-0 pr-0.5\">\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        data-testid=\"conversation-layouts-toggle\"\n        aria-label={t(I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING)}\n        aria-haspopup=\"menu\"\n        aria-expanded={menuOpen}\n        onClick={() => setMenuOpen(!menuOpen)}\n        className={cn(\n          \"relative inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--oh-muted)] hover:text-white hover:bg-[var(--oh-surface-raised)]\",\n          dropdownInstantColorClassName,\n        )}\n      >\n        <ListFilter\n          className=\"shrink-0\"\n          size={14}\n          strokeWidth={2}\n          aria-hidden\n        />\n      </button>\n\n      {menuOpen ? (\n        <div\n          ref={menuContentRef}\n          role=\"menu\"\n          aria-orientation=\"vertical\"\n          aria-label={t(I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING)}\n          tabIndex={-1}\n          data-testid=\"conversation-layouts-menu\"\n          onKeyDown={handleMenuKeyDown}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-0 w-64 rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-[var(--oh-foreground)] shadow-lg\",\n            dropdownMenuListClassName,\n            dropdownMenuViewportScrollClassName,\n          )}\n        >\n          <MenuHeading>\n            {t(I18nKey.CONVERSATION_PANEL$LAYOUTS_HEADING)}\n          </MenuHeading>\n          {LAYOUT_PRESETS.map((preset) => (\n            <MenuRow\n              key={preset.id}\n              icon={preset.icon}\n              label={preset.labelKey ? t(preset.labelKey) : groupedLabel}\n              selected={activePreset?.id === preset.id}\n              testId={`layout-preset-${preset.id}`}\n              onClick={() => {\n                preferences.applyLayoutSettings(preset.settings);\n                setMenuOpen(false);\n              }}\n            />\n          ))}\n\n          <MenuSeparator />\n          <MenuRow\n            icon={Tag}\n            label={t(I18nKey.CONVERSATION_PANEL$TAG_FILTERS)}\n            testId=\"tag-filters-section\"\n            onClick={() => setTagSectionExpanded(!tagSectionExpanded)}\n          />\n          {tagSectionExpanded ? (\n            tagFacets.length > 0 ? (\n              tagFacets.map((facet) => (\n                <MenuRow\n                  key={facet}\n                  icon={Tag}\n                  label={formatTagFacetLabel(facet)}\n                  selected={preferences.selectedTagFacets.includes(facet)}\n                  testId={`tag-facet-row-${facet}`}\n                  onClick={() => preferences.toggleTagFacet(facet)}\n                />\n              ))\n            ) : (\n              <p\n                data-testid=\"tag-filters-empty\"\n                className=\"px-2 py-1 text-[11px] text-[var(--oh-muted)]/70\"\n              >\n                {t(I18nKey.CONVERSATION_PANEL$NO_VISIBLE_TAGS)}\n              </p>\n            )\n          ) : null}\n\n          <MenuSeparator />\n          <MenuRow\n            icon={SlidersHorizontal}\n            label={\n              activePreset\n                ? t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)\n                : `${t(I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS)} · ${t(\n                    I18nKey.CONVERSATION_PANEL$ADVANCED_OPTIONS_CUSTOM,\n                  )}`\n            }\n            testId=\"advanced-options-row\"\n            onClick={() => {\n              setMenuOpen(false);\n              setAdvancedOpen(true);\n            }}\n          />\n\n          <MenuSeparator />\n          <MenuRow\n            testId=\"delete-all-conversations\"\n            icon={Trash2}\n            label={capitalizeLabel(t(I18nKey.CONVERSATION$DELETE_ALL))}\n            disabled={totalConversationsCount === 0}\n            destructive\n            onClick={() => {\n              if (totalConversationsCount === 0) return;\n              onRequestDeleteAll();\n              setMenuOpen(false);\n            }}\n          />\n        </div>\n      ) : null}\n\n      <AdvancedConversationOptionsModal\n        open={advancedOpen}\n        onClose={() => setAdvancedOpen(false)}\n        backendKind={backendKind}\n        automationNameFacets={automationNameFacets}\n      />\n    </div>\n  );\n}\n\nconst capitalizeLabel = (label: string) =>\n  label.length > 0 ? label.charAt(0).toUpperCase() + label.slice(1) : label;\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/conversation-panel-list-helpers.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../api/agent-server-adapter.cjs");function t(e,t,n){if(!t)return[...e];let r=e.filter(e=>t.has(e.id));if(n!=null&&!r.some(e=>e.id===n)){let t=e.find(e=>e.id===n);t&&r.push(t)}return r}function n(e,n){let r=n.limit??5,i=t(e,n.discoveryConversationIds,n.activeConversationId),a;if(i.length<=r)a=i;else{let e=n.activeConversationId==null?-1:i.findIndex(e=>e.id===n.activeConversationId);a=e>=r?[...i.slice(0,r-1),i[e]]:i.slice(0,r)}let o=a.length<e.length;return n.expanded?{visibleConversations:[...e],isPreviewTruncated:o,isShowingAll:!0}:{visibleConversations:a,isPreviewTruncated:o,isShowingAll:!o}}function r(e,t){let n=new Map(t.map(e=>[e.id,e]));return e.map(e=>n.get(e)).filter(e=>e!=null)}function i(e,t){if(t.length===0)return[...e];let n=new Set(t);return e.filter(e=>!n.has(e.id))}var a=`__unnamed__`;function o(t){if(t.trigger===`automation`)return!0;let n=t.tags;return n?e.AUTOMATION_TAG_KEYS.some(e=>!!n[e]):!1}function s(e){return e.tags?.automationname?.trim()||`__unnamed__`}function c(e){let t=new Set,n=!1;for(let r of e){if(!o(r))continue;let e=s(r);e===`__unnamed__`?n=!0:t.add(e)}let r=[...t].sort((e,t)=>e.localeCompare(t));return n&&r.push(a),r}function l(e,t,n,r){if(t===`all`)return[...e];if(t===`hide-automations`)return e.filter(e=>!o(e));let i=new Set(r),a=n.filter(e=>i.has(e)),c=a.length>0?new Set(a):null;return e.filter(e=>o(e)?c===null||c.has(s(e)):!1)}function u(e,t,n){if(t===`local`)return e===`__none_workspace`?{}:e.startsWith(`ws:`)?{workingDir:e.slice(3)}:{};if(e===`__none_repo`)return{};if(e.startsWith(`repo:`)){let t=e.slice(5),r=n[0];return{repository:{name:t,gitProvider:r?.git_provider??`github`,branch:r?.selected_branch??`main`}}}return{}}function d(e){if(!e)return 0;let t=Date.parse(e);return Number.isFinite(t)?t:0}function f(e,t){let n=t===`created`?`created_at`:`updated_at`;return[...e].sort((e,t)=>d(t[n])-d(e[n]))}function p(e){let t=e.selected_workspace?.trim().replace(/\/+$/,``);if(!t)return{id:`__none_workspace`,label:``};let n=t.split(`/`).filter(Boolean).pop()??t;return{id:`ws:${t}`,label:n}}function m(e){let t=e.selected_repository?.trim().replace(/\/+$/,``);if(!t)return{id:`__none_repo`,label:``};let n=t.split(`/`).filter(Boolean),r=n.length?(n[n.length-1]??t).replace(/\.git$/,``):t.replace(/\.git$/,``);return{id:`repo:${t}`,label:r}}function h(e,t){return t===`local`?p(e):m(e)}function g(e,t,n,r){let i=e.map(e=>({conversationId:e.id,groupId:h(e,n).id,page:t.get(e.id)??0})),a=new Map;for(let{groupId:e,page:t}of i){let n=a.get(e);(n===void 0||t<n)&&a.set(e,t)}let o=new Set;for(let{conversationId:e,groupId:t,page:n}of i)n===a.get(t)&&o.add(e);let s=r?.forceIncludeConversationId;return s!=null&&e.some(e=>e.id===s)&&o.add(s),o}function _(e,t,n,r,i){let a=new Map;if(t===`local`&&i)for(let e of i){let t=e.path.trim().replace(/\/+$/,``);t&&a.set(`ws:${t}`,{label:e.name,conversations:[]})}for(let n of e){let{id:e,label:i}=h(n,t),o=e===`__none_workspace`?r.emptyWorkspace:e===`__none_repo`?r.emptyRepository:i,s=a.get(e);s?s.conversations.push(n):a.set(e,{label:o,conversations:[n]})}let o=[...a.entries()].map(([e,r])=>{let i=f(r.conversations,n);return{id:e,label:r.label,conversations:i,launch:u(e,t,i)}}),s=e=>e.conversations.reduce((e,t)=>Math.max(e,d(n===`created`?t.created_at:t.updated_at)),0);return o.sort((e,t)=>s(t)-s(e)),o}function v(e,t){if(t.length===0)return[...e];let n=new Map(e.map(e=>[e.id,e])),r=[],i=new Set;for(let e of t){let t=n.get(e);t&&(r.push(t),i.add(e))}for(let t of e)i.has(t.id)||r.push(t);return r}function y(e,t,n,r,i=`after`){if(n===r)return[...e];let a=v(t.map(e=>({id:e})),e).map(e=>e.id),o=a.indexOf(n),s=a.indexOf(r);if(o<0||s<0)return[...e];let c=[...a];c.splice(o,1);let l=c.indexOf(r),u=i===`before`?l:l+1;return c.splice(u,0,n),c}exports.UNNAMED_AUTOMATION_FACET=a,exports.applyAutomationConversationFilter=l,exports.applyGroupFolderOrder=v,exports.collectAutomationNameFacets=c,exports.filterOutPinnedConversations=i,exports.getGroupConversationPreview=n,exports.getGroupDiscoveryConversationIds=g,exports.groupConversations=_,exports.moveGroupFolderOrder=y,exports.resolvePinnedConversations=r,exports.sortConversationsByField=f;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../api/agent-server-adapter.cjs");var t=[`1h`,`1d`,`7d`,`30d`],n={"1h":3600*1e3,"1d":1440*60*1e3,"7d":10080*60*1e3,"30d":720*60*60*1e3};function r(e){return typeof e==`string`&&t.includes(e)}function i(e,t,n=Date.now()){let r=n-t,i=[],a=[];for(let t of e){let e=t.updated_at?Date.parse(t.updated_at):NaN;Number.isFinite(e)&&e<r?a.push(t):i.push(t)}return{recent:i,older:a}}function a(e,t,n){if(!t)return[...e];let r=e.filter(e=>t.has(e.id));if(n!=null&&!r.some(e=>e.id===n)){let t=e.find(e=>e.id===n);t&&r.push(t)}return r}function o(e,t){let n=t.limit??5,r=a(e,t.discoveryConversationIds,t.activeConversationId),i;if(r.length<=n)i=r;else{let e=t.activeConversationId==null?-1:r.findIndex(e=>e.id===t.activeConversationId);i=e>=n?[...r.slice(0,n-1),r[e]]:r.slice(0,n)}let o=i.length<e.length;return t.expanded?{visibleConversations:[...e],isPreviewTruncated:o,isShowingAll:!0}:{visibleConversations:i,isPreviewTruncated:o,isShowingAll:!o}}function s(e,t){let n=new Map(t.map(e=>[e.id,e]));return e.map(e=>n.get(e)).filter(e=>e!=null)}function c(e,t){if(t.length===0)return[...e];let n=new Set(t);return e.filter(e=>!n.has(e.id))}var l=`__unnamed__`;function u(t){if(t.trigger===`automation`)return!0;let n=t.tags;return n?e.AUTOMATION_TAG_KEYS.some(e=>!!n[e]):!1}function d(e){return e.tags?.automationname?.trim()||`__unnamed__`}function f(e){let t=new Set,n=!1;for(let r of e){if(!u(r))continue;let e=d(r);e===`__unnamed__`?n=!0:t.add(e)}let r=[...t].sort((e,t)=>e.localeCompare(t));return n&&r.push(l),r}function p(e,t,n,r){if(t===`all`)return[...e];if(t===`hide-automations`)return e.filter(e=>!u(e));let i=new Set(r),a=n.filter(e=>i.has(e)),o=a.length>0?new Set(a):null;return e.filter(e=>u(e)?o===null||o.has(d(e)):!1)}function m(t){let n=new Set;for(let r of t)for(let[t,i]of e.getDisplayConversationTags(r.tags))n.add(`${t}=${i}`);return[...n].sort((e,t)=>e.localeCompare(t))}function h(e){return e.endsWith(`=`)?e.slice(0,-1):e}function g(t,n,r){let i=new Set(r),a=n.filter(e=>i.has(e));if(a.length===0)return[...t];let o=new Set(a);return t.filter(t=>e.getDisplayConversationTags(t.tags).some(([e,t])=>o.has(`${e}=${t}`)))}function _(e,t,n){if(t===`local`)return e===`__none_workspace`?{}:e.startsWith(`ws:`)?{workingDir:e.slice(3)}:{};if(e===`__none_repo`)return{};if(e.startsWith(`repo:`)){let t=e.slice(5),r=n[0];return{repository:{name:t,gitProvider:r?.git_provider??`github`,branch:r?.selected_branch??`main`}}}return{}}function v(e){if(!e)return 0;let t=Date.parse(e);return Number.isFinite(t)?t:0}function y(e,t){let n=t===`created`?`created_at`:`updated_at`;return[...e].sort((e,t)=>v(t[n])-v(e[n]))}function b(e){let t=e.selected_workspace?.trim().replace(/\/+$/,``);if(!t)return{id:`__none_workspace`,label:``};let n=t.split(`/`).filter(Boolean).pop()??t;return{id:`ws:${t}`,label:n}}function x(e){let t=e.selected_repository?.trim().replace(/\/+$/,``);if(!t)return{id:`__none_repo`,label:``};let n=t.split(`/`).filter(Boolean),r=n.length?(n[n.length-1]??t).replace(/\.git$/,``):t.replace(/\.git$/,``);return{id:`repo:${t}`,label:r}}function S(e,t){return t===`local`?b(e):x(e)}function C(e,t,n,r){let i=e.map(e=>({conversationId:e.id,groupId:S(e,n).id,page:t.get(e.id)??0})),a=new Map;for(let{groupId:e,page:t}of i){let n=a.get(e);(n===void 0||t<n)&&a.set(e,t)}let o=new Set;for(let{conversationId:e,groupId:t,page:n}of i)n===a.get(t)&&o.add(e);let s=r?.forceIncludeConversationId;return s!=null&&e.some(e=>e.id===s)&&o.add(s),o}function w(e,t,n,r,i){let a=new Map;if(t===`local`&&i)for(let e of i){let t=e.path.trim().replace(/\/+$/,``);t&&a.set(`ws:${t}`,{label:e.name,conversations:[]})}for(let n of e){let{id:e,label:i}=S(n,t),o=e===`__none_workspace`?r.emptyWorkspace:e===`__none_repo`?r.emptyRepository:i,s=a.get(e);s?s.conversations.push(n):a.set(e,{label:o,conversations:[n]})}let o=[...a.entries()].map(([e,r])=>{let i=y(r.conversations,n);return{id:e,label:r.label,conversations:i,launch:_(e,t,i)}}),s=e=>e.conversations.reduce((e,t)=>Math.max(e,v(n===`created`?t.created_at:t.updated_at)),0);return o.sort((e,t)=>s(t)-s(e)),o}function T(e,t){if(t.length===0)return[...e];let n=new Map(e.map(e=>[e.id,e])),r=[],i=new Set;for(let e of t){let t=n.get(e);t&&(r.push(t),i.add(e))}for(let t of e)i.has(t.id)||r.push(t);return r}function E(e,t,n,r,i=`after`){if(n===r)return[...e];let a=T(t.map(e=>({id:e})),e).map(e=>e.id),o=a.indexOf(n),s=a.indexOf(r);if(o<0||s<0)return[...e];let c=[...a];c.splice(o,1);let l=c.indexOf(r),u=i===`before`?l:l+1;return c.splice(u,0,n),c}exports.OLDER_CONVERSATION_CUTOFFS=t,exports.OLDER_CONVERSATION_CUTOFF_MS=n,exports.UNNAMED_AUTOMATION_FACET=l,exports.applyAutomationConversationFilter=p,exports.applyGroupFolderOrder=T,exports.applyTagConversationFilter=g,exports.collectAutomationNameFacets=f,exports.collectTagFacets=m,exports.filterOutPinnedConversations=c,exports.formatTagFacetLabel=h,exports.getGroupConversationPreview=o,exports.getGroupDiscoveryConversationIds=C,exports.groupConversations=w,exports.isOlderConversationCutoff=r,exports.moveGroupFolderOrder=E,exports.partitionByCutoff=i,exports.resolvePinnedConversations=s,exports.sortConversationsByField=y;
 //# sourceMappingURL=conversation-panel-list-helpers.cjs.map