@openhands/agent-canvas 1.17.0 → 1.19.0

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../utils/status.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../constants/acp-providers.cjs"),a=require("../../../../api/agent-server-adapter.cjs"),o=require("../../../../utils/format-model-name.cjs"),s=require("../../../../utils/format-time-delta.cjs"),c=require("../../../shared/agent-brand-icon.cjs"),l=require("./conversation-card-meta-chip.cjs"),u=require("./conversation-repo-link.cjs"),d=require("./no-repository.cjs"),f=require("./conversation-tag-chips.cjs");let p=require("react/jsx-runtime");function m({selectedRepository:m,lastUpdatedAt:h,createdAt:g,executionStatus:_,workspaceWorkingDir:v,showRepositoryMetadata:y=!0,showTimestamp:b=!0,llmModel:x,showAgentChip:S=!1,agentKind:C=null,acpServer:w=null,tags:T=null,showTags:E=!1,isArchived:D=!1}){let{t:O}=e.useTranslation(`openhands`),k=n.isExecutionPaused(_),A=null;if(S)if(C===`acp`){let e=i.getAcpProviderDisplayName(w)??O(t.I18nKey.CONVERSATION$ACP_AGENT_GENERIC),n=i.labelForAcpModel(w,x),r=n??e;A={kind:i.resolveAcpProviderIcon(w),text:r,tooltip:n?`${e} · ${n}`:e}}else x&&(A={kind:`openhands`,text:o.formatNativeModelName(x)??x,tooltip:x});let j=_===void 0?void 0:`pl-[26px]`,M=E?a.getDisplayConversationTags(T):[];return(0,p.jsxs)(`div`,{className:r.cn(`flex flex-col gap-0.5 mt-0.5 w-full min-w-0`,k&&`opacity-60`),children:[(0,p.jsxs)(`div`,{className:r.cn(`flex flex-row items-center gap-2 w-full min-w-0`,y&&j),children:[y&&(m?.selected_repository?(0,p.jsx)(u.ConversationRepoLink,{selectedRepository:m}):(0,p.jsx)(d.NoRepository,{workspaceWorkingDir:v})),(0,p.jsx)(`div`,{className:`flex items-center gap-2 shrink-0 ml-auto`,children:b&&(g??h)&&(0,p.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] text-right`,children:(0,p.jsx)(`time`,{children:`${s.formatTimeDelta(h??g)} ${O(t.I18nKey.CONVERSATION$AGO)}`})})})]}),A?(0,p.jsx)(`div`,{className:j,children:(0,p.jsxs)(`span`,{"data-testid":`conversation-card-agent-chip`,className:l.CONVERSATION_CARD_META_CHIP_CLASSNAME,title:A.tooltip,children:[(0,p.jsx)(`span`,{className:`inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block`,"aria-hidden":!0,children:(0,p.jsx)(c.AgentBrandIcon,{kind:A.kind,size:12})}),(0,p.jsx)(`span`,{className:`truncate leading-4`,children:A.text})]})}):null,D?(0,p.jsx)(`div`,{className:j,children:(0,p.jsx)(`span`,{"data-testid":`conversation-card-archived-chip`,className:l.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:O(t.I18nKey.COMMON$ARCHIVED)})}):null,M.length>0?(0,p.jsx)(`div`,{className:j,children:(0,p.jsx)(f.ConversationTagChips,{tags:M})}):null]})}exports.ConversationCardFooter=m;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../utils/status.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../constants/acp-providers.cjs"),a=require("../../../../api/agent-server-adapter.cjs"),o=require("../../../../hooks/query/use-free-models.cjs"),s=require("../../../../utils/format-model-name.cjs"),c=require("../../../../utils/format-time-delta.cjs"),l=require("../../../shared/agent-brand-icon.cjs"),u=require("./conversation-card-meta-chip.cjs"),d=require("./conversation-repo-link.cjs"),f=require("./no-repository.cjs"),p=require("./conversation-tag-chips.cjs");let m=require("react/jsx-runtime");function h({selectedRepository:h,lastUpdatedAt:g,createdAt:_,executionStatus:v,workspaceWorkingDir:y,showRepositoryMetadata:b=!0,showTimestamp:x=!0,llmModel:S,showAgentChip:C=!1,agentKind:w=null,acpServer:T=null,tags:E=null,showTags:D=!1,isArchived:O=!1}){let{t:k}=e.useTranslation(`openhands`),A=o.useFreeModels(),j=n.isExecutionPaused(v),M=null;if(C)if(w===`acp`){let e=i.getAcpProviderDisplayName(T)??k(t.I18nKey.CONVERSATION$ACP_AGENT_GENERIC),n=i.labelForAcpModel(T,S),r=n??e;M={kind:i.resolveAcpProviderIcon(T),text:r,tooltip:n?`${e} · ${n}`:e}}else S&&(M={kind:`openhands`,text:s.formatNativeModelName(S,A)??S,tooltip:S});let N=v===void 0?void 0:`pl-[26px]`,P=D?a.getDisplayConversationTags(E):[];return(0,m.jsxs)(`div`,{className:r.cn(`flex flex-col gap-0.5 mt-0.5 w-full min-w-0`,j&&`opacity-60`),children:[(0,m.jsxs)(`div`,{className:r.cn(`flex flex-row items-center gap-2 w-full min-w-0`,b&&N),children:[b&&(h?.selected_repository?(0,m.jsx)(d.ConversationRepoLink,{selectedRepository:h}):(0,m.jsx)(f.NoRepository,{workspaceWorkingDir:y})),(0,m.jsx)(`div`,{className:`flex items-center gap-2 shrink-0 ml-auto`,children:x&&(_??g)&&(0,m.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] text-right`,children:(0,m.jsx)(`time`,{children:`${c.formatTimeDelta(g??_)} ${k(t.I18nKey.CONVERSATION$AGO)}`})})})]}),M?(0,m.jsx)(`div`,{className:N,children:(0,m.jsxs)(`span`,{"data-testid":`conversation-card-agent-chip`,className:u.CONVERSATION_CARD_META_CHIP_CLASSNAME,title:M.tooltip,children:[(0,m.jsx)(`span`,{className:`inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block`,"aria-hidden":!0,children:(0,m.jsx)(l.AgentBrandIcon,{kind:M.kind,size:12})}),(0,m.jsx)(`span`,{className:`truncate leading-4`,children:M.text})]})}):null,O?(0,m.jsx)(`div`,{className:N,children:(0,m.jsx)(`span`,{"data-testid":`conversation-card-archived-chip`,className:u.CONVERSATION_CARD_META_CHIP_CLASSNAME,children:k(t.I18nKey.COMMON$ARCHIVED)})}):null,P.length>0?(0,m.jsx)(`div`,{className:N,children:(0,m.jsx)(p.ConversationTagChips,{tags:P})}):null]})}exports.ConversationCardFooter=h;
 //# sourceMappingURL=conversation-card-footer.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-footer.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n  /**\n   * Marks the conversation as archived. Archived rows are hidden from the list\n   * unless the panel's \"Show archived\" toggle is on, so the chip is what tells\n   * the user why an otherwise ordinary row is visible.\n   */\n  isArchived?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n  isArchived = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {isArchived ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-archived-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            {t(I18nKey.COMMON$ARCHIVED)}\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"0tBAwEA,SAAgB,EAAuB,CACrC,qBACA,gBACA,YACA,kBACA,sBACA,yBAAyB,GACzB,gBAAgB,GAChB,WACA,gBAAgB,GAChB,YAAY,KACZ,YAAY,KACZ,OAAO,KACP,WAAW,GACX,aAAa,IACiB,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,EAAW,EAAA,kBAAkB,CAAe,EAQ9C,EAIO,KACX,GAAI,KACE,IAAc,MAAO,CACvB,IAAM,EACJ,EAAA,0BAA0B,CAAS,GACnC,EAAE,EAAA,QAAQ,8BAA8B,EAIpC,EAAa,EAAA,iBAAiB,EAAW,CAAQ,EACjD,EAAO,GAAc,EAC3B,EAAO,CACL,KAAM,EAAA,uBAAuB,CAAS,EACtC,OACA,QAAS,EAAa,GAAG,EAAa,KAAK,IAAe,CAC5D,CACF,MAAW,IAGT,EAAO,CACL,KAAM,YACN,KAAM,EAAA,sBAAsB,CAAQ,GAAK,EACzC,QAAS,CACX,GAKJ,IAAM,EACJ,IAAoB,IAAA,GAA0B,IAAA,GAAd,YAE5B,EAAc,EAAW,EAAA,2BAA2B,CAAI,EAAI,CAAC,EAEnE,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,GAAY,YACd,WAJF,EAME,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,GAA0B,CAC5B,WAJF,CAMG,IACE,GAAoB,qBACnB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA0C,oBAAqB,CAAA,GAE/D,EAAA,EAAA,KAAC,EAAA,aAAD,CAAmC,qBAAsB,CAAA,IAE7D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,IAAkB,GAAa,KAC9B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDACX,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GAAG,EAAA,gBAAgB,GAAiB,CAAS,EAAE,GAAG,EAAE,EAAA,QAAQ,gBAAgB,GACzE,CAAA,CACL,CAAA,CAEF,CAAA,CACF,IACJ,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,+BACZ,UAAW,EAAA,sCACX,MAAO,EAAK,iBAHd,EAME,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,qEACV,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAK,KAAM,KAAM,EAAK,CAAA,CACxC,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BAAsB,EAAK,IAAW,CAAA,CAClD,GACH,CAAA,EACH,KACH,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,kCACZ,UAAW,EAAA,+CAEV,EAAE,EAAA,QAAQ,eAAe,CACtB,CAAA,CACH,CAAA,EACH,KACH,EAAY,OAAS,GACpB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,KAAM,CAAc,CAAA,CACvC,CAAA,EACH,IACD,GAET"}
+{"version":3,"file":"conversation-card-footer.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { useFreeModels } from \"#/hooks/query/use-free-models\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n  /**\n   * Marks the conversation as archived. Archived rows are hidden from the list\n   * unless the panel's \"Show archived\" toggle is on, so the chip is what tells\n   * the user why an otherwise ordinary row is visible.\n   */\n  isArchived?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n  isArchived = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n  const freeModels = useFreeModels();\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel, freeModels) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {isArchived ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-archived-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            {t(I18nKey.COMMON$ARCHIVED)}\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"mxBAyEA,SAAgB,EAAuB,CACrC,qBACA,gBACA,YACA,kBACA,sBACA,yBAAyB,GACzB,gBAAgB,GAChB,WACA,gBAAgB,GAChB,YAAY,KACZ,YAAY,KACZ,OAAO,KACP,WAAW,GACX,aAAa,IACiB,CAC9B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,cAAc,EAE3B,EAAW,EAAA,kBAAkB,CAAe,EAQ9C,EAIO,KACX,GAAI,KACE,IAAc,MAAO,CACvB,IAAM,EACJ,EAAA,0BAA0B,CAAS,GACnC,EAAE,EAAA,QAAQ,8BAA8B,EAIpC,EAAa,EAAA,iBAAiB,EAAW,CAAQ,EACjD,EAAO,GAAc,EAC3B,EAAO,CACL,KAAM,EAAA,uBAAuB,CAAS,EACtC,OACA,QAAS,EAAa,GAAG,EAAa,KAAK,IAAe,CAC5D,CACF,MAAW,IAGT,EAAO,CACL,KAAM,YACN,KAAM,EAAA,sBAAsB,EAAU,CAAU,GAAK,EACrD,QAAS,CACX,GAKJ,IAAM,EACJ,IAAoB,IAAA,GAA0B,IAAA,GAAd,YAE5B,EAAc,EAAW,EAAA,2BAA2B,CAAI,EAAI,CAAC,EAEnE,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,8CACA,GAAY,YACd,WAJF,EAME,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,kDACA,GAA0B,CAC5B,WAJF,CAMG,IACE,GAAoB,qBACnB,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA0C,oBAAqB,CAAA,GAE/D,EAAA,EAAA,KAAC,EAAA,aAAD,CAAmC,qBAAsB,CAAA,IAE7D,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,IAAkB,GAAa,KAC9B,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sDACX,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GAAG,EAAA,gBAAgB,GAAiB,CAAS,EAAE,GAAG,EAAE,EAAA,QAAQ,gBAAgB,GACzE,CAAA,CACL,CAAA,CAEF,CAAA,CACF,IACJ,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,MAAC,OAAD,CACE,cAAY,+BACZ,UAAW,EAAA,sCACX,MAAO,EAAK,iBAHd,EAME,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,qEACV,cAAA,aAEA,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAM,EAAK,KAAM,KAAM,EAAK,CAAA,CACxC,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8BAAsB,EAAK,IAAW,CAAA,CAClD,GACH,CAAA,EACH,KACH,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,kCACZ,UAAW,EAAA,+CAEV,EAAE,EAAA,QAAQ,eAAe,CACtB,CAAA,CACH,CAAA,EACH,KACH,EAAY,OAAS,GACpB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACd,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,KAAM,CAAc,CAAA,CACvC,CAAA,EACH,IACD,GAET"}

package/dist/components/features/conversation-panel/conversation-card/conversation-card-footer.js

@@ -4,78 +4,79 @@ import { isExecutionPaused as n } from "../../../../utils/status.js";
 import { cn as r } from "../../../../utils/utils.js";
 import { getAcpProviderDisplayName as i, labelForAcpModel as a, resolveAcpProviderIcon as o } from "../../../../constants/acp-providers.js";
 import { getDisplayConversationTags as s } from "../../../../api/agent-server-adapter.js";
-import { formatNativeModelName as c } from "../../../../utils/format-model-name.js";
-import { formatTimeDelta as l } from "../../../../utils/format-time-delta.js";
-import { AgentBrandIcon as u } from "../../../shared/agent-brand-icon.js";
-import { CONVERSATION_CARD_META_CHIP_CLASSNAME as d } from "./conversation-card-meta-chip.js";
-import { ConversationRepoLink as f } from "./conversation-repo-link.js";
-import { NoRepository as p } from "./no-repository.js";
-import { ConversationTagChips as m } from "./conversation-tag-chips.js";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useFreeModels as c } from "../../../../hooks/query/use-free-models.js";
+import { formatNativeModelName as l } from "../../../../utils/format-model-name.js";
+import { formatTimeDelta as u } from "../../../../utils/format-time-delta.js";
+import { AgentBrandIcon as d } from "../../../shared/agent-brand-icon.js";
+import { CONVERSATION_CARD_META_CHIP_CLASSNAME as f } from "./conversation-card-meta-chip.js";
+import { ConversationRepoLink as p } from "./conversation-repo-link.js";
+import { NoRepository as m } from "./no-repository.js";
+import { ConversationTagChips as h } from "./conversation-tag-chips.js";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx
-function _({ selectedRepository: _, lastUpdatedAt: v, createdAt: y, executionStatus: b, workspaceWorkingDir: x, showRepositoryMetadata: S = !0, showTimestamp: C = !0, llmModel: w, showAgentChip: T = !1, agentKind: E = null, acpServer: D = null, tags: O = null, showTags: k = !1, isArchived: A = !1 }) {
-	let { t: j } = e("openhands"), M = n(b), N = null;
-	if (T) if (E === "acp") {
-		let e = i(D) ?? j(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(D, w), r = n ?? e;
-		N = {
-			kind: o(D),
+function v({ selectedRepository: v, lastUpdatedAt: y, createdAt: b, executionStatus: x, workspaceWorkingDir: S, showRepositoryMetadata: C = !0, showTimestamp: w = !0, llmModel: T, showAgentChip: E = !1, agentKind: D = null, acpServer: O = null, tags: k = null, showTags: A = !1, isArchived: j = !1 }) {
+	let { t: M } = e("openhands"), N = c(), P = n(x), F = null;
+	if (E) if (D === "acp") {
+		let e = i(O) ?? M(t.CONVERSATION$ACP_AGENT_GENERIC), n = a(O, T), r = n ?? e;
+		F = {
+			kind: o(O),
 			text: r,
 			tooltip: n ? `${e} · ${n}` : e
 		};
-	} else w && (N = {
+	} else T && (F = {
 		kind: "openhands",
-		text: c(w) ?? w,
-		tooltip: w
+		text: l(T, N) ?? T,
+		tooltip: T
 	});
-	let P = b === void 0 ? void 0 : "pl-[26px]", F = k ? s(O) : [];
-	return /* @__PURE__ */ g("div", {
-		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", M && "opacity-60"),
+	let I = x === void 0 ? void 0 : "pl-[26px]", L = A ? s(k) : [];
+	return /* @__PURE__ */ _("div", {
+		className: r("flex flex-col gap-0.5 mt-0.5 w-full min-w-0", P && "opacity-60"),
 		children: [
-			/* @__PURE__ */ g("div", {
-				className: r("flex flex-row items-center gap-2 w-full min-w-0", S && P),
-				children: [S && (_?.selected_repository ? /* @__PURE__ */ h(f, { selectedRepository: _ }) : /* @__PURE__ */ h(p, { workspaceWorkingDir: x })), /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ _("div", {
+				className: r("flex flex-row items-center gap-2 w-full min-w-0", C && I),
+				children: [C && (v?.selected_repository ? /* @__PURE__ */ g(p, { selectedRepository: v }) : /* @__PURE__ */ g(m, { workspaceWorkingDir: S })), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2 shrink-0 ml-auto",
-					children: C && (y ?? v) && /* @__PURE__ */ h("p", {
+					children: w && (b ?? y) && /* @__PURE__ */ g("p", {
 						className: "text-xs text-[var(--oh-muted)] text-right",
-						children: /* @__PURE__ */ h("time", { children: `${l(v ?? y)} ${j(t.CONVERSATION$AGO)}` })
+						children: /* @__PURE__ */ g("time", { children: `${u(y ?? b)} ${M(t.CONVERSATION$AGO)}` })
 					})
 				})]
 			}),
-			N ? /* @__PURE__ */ h("div", {
-				className: P,
-				children: /* @__PURE__ */ g("span", {
+			F ? /* @__PURE__ */ g("div", {
+				className: I,
+				children: /* @__PURE__ */ _("span", {
 					"data-testid": "conversation-card-agent-chip",
-					className: d,
-					title: N.tooltip,
-					children: [/* @__PURE__ */ h("span", {
+					className: f,
+					title: F.tooltip,
+					children: [/* @__PURE__ */ g("span", {
 						className: "inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block",
 						"aria-hidden": !0,
-						children: /* @__PURE__ */ h(u, {
-							kind: N.kind,
+						children: /* @__PURE__ */ g(d, {
+							kind: F.kind,
 							size: 12
 						})
-					}), /* @__PURE__ */ h("span", {
+					}), /* @__PURE__ */ g("span", {
 						className: "truncate leading-4",
-						children: N.text
+						children: F.text
 					})]
 				})
 			}) : null,
-			A ? /* @__PURE__ */ h("div", {
-				className: P,
-				children: /* @__PURE__ */ h("span", {
+			j ? /* @__PURE__ */ g("div", {
+				className: I,
+				children: /* @__PURE__ */ g("span", {
 					"data-testid": "conversation-card-archived-chip",
-					className: d,
-					children: j(t.COMMON$ARCHIVED)
+					className: f,
+					children: M(t.COMMON$ARCHIVED)
 				})
 			}) : null,
-			F.length > 0 ? /* @__PURE__ */ h("div", {
-				className: P,
-				children: /* @__PURE__ */ h(m, { tags: F })
+			L.length > 0 ? /* @__PURE__ */ g("div", {
+				className: I,
+				children: /* @__PURE__ */ g(h, { tags: L })
 			}) : null
 		]
 	});
 }
 //#endregion
-export { _ as ConversationCardFooter };
+export { v as ConversationCardFooter };
 
 //# sourceMappingURL=conversation-card-footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n  /**\n   * Marks the conversation as archived. Archived rows are hidden from the list\n   * unless the panel's \"Show archived\" toggle is on, so the chip is what tells\n   * the user why an otherwise ordinary row is visible.\n   */\n  isArchived?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n  isArchived = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {isArchived ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-archived-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            {t(I18nKey.COMMON$ARCHIVED)}\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwEA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,IACX,gBAAa,MACiB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAElC,IAAW,EAAkB,CAAe,GAQ9C,IAIO;CACX,IAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,CAAS,KACnC,EAAE,EAAQ,8BAA8B,GAIpC,IAAa,EAAiB,GAAW,CAAQ,GACjD,IAAO,KAAc;EAC3B,IAAO;GACL,MAAM,EAAuB,CAAS;GACtC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;EAC5D;CACF,OAAO,AAAI,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,CAAQ,KAAK;EACzC,SAAS;CACX;CAKJ,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd,aAE5B,IAAc,IAAW,EAA2B,CAAI,IAAI,CAAC;CAEnE,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,YACd;YAJF;GAME,kBAAC,OAAD;IACE,WAAW,EACT,mDACA,KAA0B,CAC5B;cAJF,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,sBAAqB,CAAA,IAE/D,kBAAC,GAAD,EAAmC,uBAAsB,CAAA,IAE7D,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;MAAG,WAAU;gBACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,CAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;;GACJ,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;KACX,OAAO,EAAK;eAHd,CAME,kBAAC,QAAD;MACE,WAAU;MACV,eAAA;gBAEA,kBAAC,GAAD;OAAgB,MAAM,EAAK;OAAM,MAAM;MAAK,CAAA;KACxC,CAAA,GACN,kBAAC,QAAD;MAAM,WAAU;gBAAsB,EAAK;KAAW,CAAA,CAClD;;GACH,CAAA,IACH;GACH,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;eAEV,EAAE,EAAQ,eAAe;IACtB,CAAA;GACH,CAAA,IACH;GACH,EAAY,SAAS,IACpB,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD,EAAsB,MAAM,EAAc,CAAA;GACvC,CAAA,IACH;EACD;;AAET"}
+{"version":3,"file":"conversation-card-footer.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/conversation-card/conversation-card-footer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { formatTimeDelta } from \"#/utils/format-time-delta\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { RepositorySelection } from \"#/api/open-hands.types\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionPaused } from \"#/utils/status\";\nimport {\n  getAcpProviderDisplayName,\n  labelForAcpModel,\n  resolveAcpProviderIcon,\n} from \"#/constants/acp-providers\";\nimport { useFreeModels } from \"#/hooks/query/use-free-models\";\nimport { formatNativeModelName } from \"#/utils/format-model-name\";\nimport {\n  AgentBrandIcon,\n  type AgentBrandIconKind,\n} from \"#/components/shared/agent-brand-icon\";\nimport { getDisplayConversationTags } from \"#/api/agent-server-adapter\";\nimport { ConversationRepoLink } from \"./conversation-repo-link\";\nimport { NoRepository } from \"./no-repository\";\nimport { ConversationTagChips } from \"./conversation-tag-chips\";\nimport { CONVERSATION_CARD_META_CHIP_CLASSNAME } from \"./conversation-card-meta-chip\";\n\ninterface ConversationCardFooterProps {\n  selectedRepository: RepositorySelection | null;\n  lastUpdatedAt: string;\n  createdAt?: string;\n  executionStatus?: ExecutionStatus | null;\n  workspaceWorkingDir?: string | null;\n  showRepositoryMetadata?: boolean;\n  showTimestamp?: boolean;\n  llmModel?: string | null;\n  /**\n   * Whether to render the agent/model chip. Wired to the conversation\n   * panel's \"LLM model\" toggle; gates the chip uniformly\n   * for both ACP and OpenHands cards.\n   */\n  showAgentChip?: boolean;\n  /**\n   * High-level kind of the conversation's agent. Drives the chip's icon:\n   * the OpenHands logo for native conversations and the resolved ACP brand\n   * mark for ACP conversations. Defensive against stray ``acpServer``\n   * values reaching an OpenHands card.\n   */\n  agentKind?: \"openhands\" | \"acp\" | null;\n  /**\n   * Registry key of the ACP CLI server (``\"claude-code\"`` / ``\"codex\"`` /\n   * ``\"gemini-cli\"`` / unknown / null). Resolved to a human display name\n   * via {@link getAcpProviderDisplayName}; unknown / null falls back to\n   * a generic \"ACP\" label so a Custom-command preset still produces a\n   * useful chip.\n   */\n  acpServer?: string | null;\n  /**\n   * Server-side conversation tags (``AppConversation.tags``). Non-reserved\n   * entries render as value-only chips so API-/automation-born\n   * conversations can surface attribution (e.g. ``origin: slack`` → ``slack``).\n   */\n  tags?: Record<string, string> | null;\n  /**\n   * Whether to render the tag-chip row. Wired to the conversation panel's\n   * \"Tags\" toggle.\n   */\n  showTags?: boolean;\n  /**\n   * Marks the conversation as archived. Archived rows are hidden from the list\n   * unless the panel's \"Show archived\" toggle is on, so the chip is what tells\n   * the user why an otherwise ordinary row is visible.\n   */\n  isArchived?: boolean;\n}\n\nexport function ConversationCardFooter({\n  selectedRepository,\n  lastUpdatedAt,\n  createdAt,\n  executionStatus,\n  workspaceWorkingDir,\n  showRepositoryMetadata = true,\n  showTimestamp = true,\n  llmModel,\n  showAgentChip = false,\n  agentKind = null,\n  acpServer = null,\n  tags = null,\n  showTags = false,\n  isArchived = false,\n}: ConversationCardFooterProps) {\n  const { t } = useTranslation(\"openhands\");\n  const freeModels = useFreeModels();\n\n  const isPaused = isExecutionPaused(executionStatus);\n\n  // Single inline chip per conversation: [brand mark] {model text}. Gated by\n  // the conversation panel's \"LLM model\" toggle and applied\n  // uniformly to both kinds — OpenHands shows the logo + ``agent.llm.model``;\n  // ACP shows the provider brand mark + model resolved through PR 730's\n  // adapter chain, falling back to the provider display name when no model is\n  // available so the chip never collapses to icon-only.\n  let chip: {\n    kind: AgentBrandIconKind;\n    text: string;\n    tooltip: string;\n  } | null = null;\n  if (showAgentChip) {\n    if (agentKind === \"acp\") {\n      const providerName =\n        getAcpProviderDisplayName(acpServer) ??\n        t(I18nKey.CONVERSATION$ACP_AGENT_GENERIC);\n      // Prefer the provider's picker label (e.g. \"Claude Opus 4.7\") over the\n      // raw ``acp_model`` ID; falls back to the raw ID for custom overrides\n      // and to the provider name when there's no model at all.\n      const modelLabel = labelForAcpModel(acpServer, llmModel);\n      const text = modelLabel ?? providerName;\n      chip = {\n        kind: resolveAcpProviderIcon(acpServer),\n        text,\n        tooltip: modelLabel ? `${providerName} · ${modelLabel}` : providerName,\n      };\n    } else if (llmModel) {\n      // Strip the routing prefix (e.g. \"anthropic/claude-…\" → \"claude-…\") for\n      // the chip text; keep the full routing string in the tooltip.\n      chip = {\n        kind: \"openhands\",\n        text: formatNativeModelName(llmModel, freeModels) ?? llmModel,\n        tooltip: llmModel,\n      };\n    }\n  }\n\n  // Match title text start: 18px status column + gap-2 (8px).\n  const metadataIndentClass =\n    executionStatus !== undefined ? \"pl-[26px]\" : undefined;\n\n  const displayTags = showTags ? getDisplayConversationTags(tags) : [];\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-0.5 mt-0.5 w-full min-w-0\",\n        isPaused && \"opacity-60\",\n      )}\n    >\n      <div\n        className={cn(\n          \"flex flex-row items-center gap-2 w-full min-w-0\",\n          showRepositoryMetadata && metadataIndentClass,\n        )}\n      >\n        {showRepositoryMetadata &&\n          (selectedRepository?.selected_repository ? (\n            <ConversationRepoLink selectedRepository={selectedRepository} />\n          ) : (\n            <NoRepository workspaceWorkingDir={workspaceWorkingDir} />\n          ))}\n        <div className=\"flex items-center gap-2 shrink-0 ml-auto\">\n          {showTimestamp && (createdAt ?? lastUpdatedAt) && (\n            <p className=\"text-xs text-[var(--oh-muted)] text-right\">\n              <time>\n                {`${formatTimeDelta(lastUpdatedAt ?? createdAt)} ${t(I18nKey.CONVERSATION$AGO)}`}\n              </time>\n            </p>\n          )}\n        </div>\n      </div>\n      {chip ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-agent-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n            title={chip.tooltip}\n          >\n            {/* Same line-height slot as tag chips; width flexes for the wider OpenHands mark. */}\n            <span\n              className=\"inline-flex h-4 shrink-0 items-center justify-center [&_svg]:block\"\n              aria-hidden\n            >\n              <AgentBrandIcon kind={chip.kind} size={12} />\n            </span>\n            <span className=\"truncate leading-4\">{chip.text}</span>\n          </span>\n        </div>\n      ) : null}\n      {isArchived ? (\n        <div className={metadataIndentClass}>\n          <span\n            data-testid=\"conversation-card-archived-chip\"\n            className={CONVERSATION_CARD_META_CHIP_CLASSNAME}\n          >\n            {t(I18nKey.COMMON$ARCHIVED)}\n          </span>\n        </div>\n      ) : null}\n      {displayTags.length > 0 ? (\n        <div className={metadataIndentClass}>\n          <ConversationTagChips tags={displayTags} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyEA,SAAgB,EAAuB,EACrC,uBACA,kBACA,cACA,oBACA,wBACA,4BAAyB,IACzB,mBAAgB,IAChB,aACA,mBAAgB,IAChB,eAAY,MACZ,eAAY,MACZ,UAAO,MACP,cAAW,IACX,gBAAa,MACiB;CAC9B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAc,GAE3B,IAAW,EAAkB,CAAe,GAQ9C,IAIO;CACX,IAAI,OACE,MAAc,OAAO;EACvB,IAAM,IACJ,EAA0B,CAAS,KACnC,EAAE,EAAQ,8BAA8B,GAIpC,IAAa,EAAiB,GAAW,CAAQ,GACjD,IAAO,KAAc;EAC3B,IAAO;GACL,MAAM,EAAuB,CAAS;GACtC;GACA,SAAS,IAAa,GAAG,EAAa,KAAK,MAAe;EAC5D;CACF,OAAO,AAAI,MAGT,IAAO;EACL,MAAM;EACN,MAAM,EAAsB,GAAU,CAAU,KAAK;EACrD,SAAS;CACX;CAKJ,IAAM,IACJ,MAAoB,KAAA,IAA0B,KAAA,IAAd,aAE5B,IAAc,IAAW,EAA2B,CAAI,IAAI,CAAC;CAEnE,OACE,kBAAC,OAAD;EACE,WAAW,EACT,+CACA,KAAY,YACd;YAJF;GAME,kBAAC,OAAD;IACE,WAAW,EACT,mDACA,KAA0B,CAC5B;cAJF,CAMG,MACE,GAAoB,sBACnB,kBAAC,GAAD,EAA0C,sBAAqB,CAAA,IAE/D,kBAAC,GAAD,EAAmC,uBAAsB,CAAA,IAE7D,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAkB,KAAa,MAC9B,kBAAC,KAAD;MAAG,WAAU;gBACX,kBAAC,QAAD,EAAA,UACG,GAAG,EAAgB,KAAiB,CAAS,EAAE,GAAG,EAAE,EAAQ,gBAAgB,IACzE,CAAA;KACL,CAAA;IAEF,CAAA,CACF;;GACJ,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;KACX,OAAO,EAAK;eAHd,CAME,kBAAC,QAAD;MACE,WAAU;MACV,eAAA;gBAEA,kBAAC,GAAD;OAAgB,MAAM,EAAK;OAAM,MAAM;MAAK,CAAA;KACxC,CAAA,GACN,kBAAC,QAAD;MAAM,WAAU;gBAAsB,EAAK;KAAW,CAAA,CAClD;;GACH,CAAA,IACH;GACH,IACC,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW;eAEV,EAAE,EAAQ,eAAe;IACtB,CAAA;GACH,CAAA,IACH;GACH,EAAY,SAAS,IACpB,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD,EAAsB,MAAM,EAAc,CAAA;GACvC,CAAA,IACH;EACD;;AAET"}

package/dist/components/features/home/featured-automations/build-home-automation-menu-items.d.ts

@@ -17,7 +17,6 @@ interface BuildHomeAutomationMenuItemsOptions {
     automation: Automation;
     t: (key: I18nKey) => string;
     canManage: boolean;
-    canEdit: boolean;
     isRunPending: boolean;
     isCancelPending: boolean;
     canCancel: boolean;
@@ -35,5 +34,5 @@ interface BuildHomeAutomationMenuItemsOptions {
  * Home featured-automation kebab (pinned cards + activity rows):
  * quick actions first, separator, then pin/unpin.
  */
-export declare function buildHomeAutomationMenuItems({ automation, t, canManage, canEdit, isRunPending, isCancelPending, canCancel, testIdPrefix, pinTestId, isPinned, onRunNow, onCancelRun, onView, onEdit, onTurnOff, onTogglePin, }: BuildHomeAutomationMenuItemsOptions): HomeAutomationMenuEntry[];
+export declare function buildHomeAutomationMenuItems({ automation, t, canManage, isRunPending, isCancelPending, canCancel, testIdPrefix, pinTestId, isPinned, onRunNow, onCancelRun, onView, onEdit, onTurnOff, onTogglePin, }: BuildHomeAutomationMenuItemsOptions): HomeAutomationMenuEntry[];
 export {};

package/dist/components/features/home/featured-automations/build-pinned-automation-menu-items.d.ts

@@ -6,7 +6,6 @@ interface BuildPinnedAutomationMenuItemsOptions {
     automation: Automation;
     t: (key: I18nKey) => string;
     canManage: boolean;
-    canEdit: boolean;
     isRunPending: boolean;
     isCancelPending: boolean;
     canCancel: boolean;

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/zap.cjs"),r=require("../../../../utils/automation-run-display.cjs"),i=require("../../../../utils/format-relative-time.cjs"),a=require("../../../../icons/clock.cjs"),o=require("./automation-run-health.cjs"),s=require("../../automations/detail/run-phase.cjs"),c=require("./automation-health-indicator.cjs");let l=require("react/jsx-runtime");function u(e){return e.isError?t.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE:e.latestRun?r.getAutomationRunBadgeLabelKey(r.getAutomationRunDisplay(e.latestRun).badgeStatus):o.getRunHealthLabelKey(o.deriveRunHealth(e))}function d({label:e,children:t}){return(0,l.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,l.jsx)(`span`,{className:`w-20 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,l.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-[var(--oh-foreground)]`,children:t})]})}function f({run:n}){let{t:r}=e.useTranslation(`openhands`),i=s.useRunPhase({status:n?.status,code:n?.phase_code,label:n?.phase_label,updatedAt:n?.phase_updated_at});if(!n||!s.shouldShowRunPhase(n.status)||!i)return null;let{text:a,age:o}=i;return(0,l.jsx)(d,{label:r(t.I18nKey.AUTOMATIONS$DETAIL$PHASE),children:(0,l.jsxs)(`span`,{"data-testid":`run-phase-row`,children:[a,o?(0,l.jsxs)(`span`,{className:`text-muted`,children:[` · `,o]}):null]})})}function p({automation:s,runState:p}){let{t:m,i18n:h}=e.useTranslation(`openhands`),{latestRun:g}=p,_=g?o.getLastRunTimestamp(g):null,v=s.trigger.type===`event`?n.Zap:a.default,y=o.deriveRunHealth(p),b=g?r.getAutomationRunDisplay(g):null;return(0,l.jsxs)(`div`,{className:`flex w-[280px] flex-col gap-3 p-3`,children:[(0,l.jsx)(`span`,{className:`break-words text-sm font-medium text-white`,children:s.name}),(0,l.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[(0,l.jsx)(d,{label:m(t.I18nKey.AUTOMATIONS$DETAIL$TRIGGER),children:(0,l.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,l.jsx)(v,{className:`mt-0.5 size-3 shrink-0`,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:`break-all`,children:o.getTriggerSummary(s)})]})}),(0,l.jsx)(d,{label:m(t.I18nKey.COMMON$STATUS),children:(0,l.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[(0,l.jsx)(c.AutomationHealthIndicator,{health:y}),(0,l.jsx)(`span`,{children:m(u(p))})]})}),(0,l.jsx)(f,{run:g}),_?(0,l.jsx)(d,{label:m(t.I18nKey.AUTOMATIONS$DETAIL$LAST_RUN),children:i.formatRelativeTime(_,h.language,m)}):null,b?.summary?(0,l.jsx)(d,{label:m(t.I18nKey.AUTOMATIONS$DETAIL$TASK_LABEL),children:(0,l.jsx)(`span`,{className:`line-clamp-3 text-[var(--oh-text-secondary)]`,children:b.summary})}):null]})]})}exports.HomeAutomationRunTooltip=p,exports.getRunStatusLabelKey=u;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/zap.cjs"),r=require("../../../../utils/automation-run-display.cjs"),i=require("../../../../utils/format-relative-time.cjs"),a=require("../../../../icons/clock.cjs"),o=require("./automation-run-health.cjs"),s=require("../../automations/detail/run-phase.cjs"),c=require("./automation-health-indicator.cjs"),l=require("../../../../utils/automation-disabled-reason.cjs");let u=require("react/jsx-runtime");function d(e){return e.isError?t.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE:e.latestRun?r.getAutomationRunBadgeLabelKey(r.getAutomationRunDisplay(e.latestRun).badgeStatus):o.getRunHealthLabelKey(o.deriveRunHealth(e))}function f({label:e,children:t}){return(0,u.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,u.jsx)(`span`,{className:`w-20 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,u.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-[var(--oh-foreground)]`,children:t})]})}function p({run:n}){let{t:r}=e.useTranslation(`openhands`),i=s.useRunPhase({status:n?.status,code:n?.phase_code,label:n?.phase_label,updatedAt:n?.phase_updated_at});if(!n||!s.shouldShowRunPhase(n.status)||!i)return null;let{text:a,age:o}=i;return(0,u.jsx)(f,{label:r(t.I18nKey.AUTOMATIONS$DETAIL$PHASE),children:(0,u.jsxs)(`span`,{"data-testid":`run-phase-row`,children:[a,o?(0,u.jsxs)(`span`,{className:`text-muted`,children:[` · `,o]}):null]})})}function m({automation:s,runState:m}){let{t:h,i18n:g}=e.useTranslation(`openhands`),{latestRun:_}=m,v=_?o.getLastRunTimestamp(_):null,y=s.trigger.type===`event`?n.Zap:a.default,b=o.deriveRunHealth(m),x=_?r.getAutomationRunDisplay(_):null,S=l.hasDisablementReason(s)?l.getDisablementReasonDisplay(s,h):null;return(0,u.jsxs)(`div`,{className:`flex w-[280px] flex-col gap-3 p-3`,children:[(0,u.jsx)(`span`,{className:`break-words text-sm font-medium text-white`,children:s.name}),(0,u.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[(0,u.jsx)(f,{label:h(t.I18nKey.AUTOMATIONS$DETAIL$TRIGGER),children:(0,u.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,u.jsx)(y,{className:`mt-0.5 size-3 shrink-0`,"aria-hidden":`true`}),(0,u.jsx)(`span`,{className:`break-all`,children:o.getTriggerSummary(s)})]})}),(0,u.jsx)(f,{label:h(t.I18nKey.COMMON$STATUS),children:(0,u.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[(0,u.jsx)(c.AutomationHealthIndicator,{health:b}),(0,u.jsx)(`span`,{children:h(d(m))})]})}),S?(0,u.jsx)(f,{label:h(t.I18nKey.AUTOMATIONS$DETAIL$DISABLED_REASON_HEADING),children:(0,u.jsx)(`span`,{"data-testid":`automation-tooltip-disabled-reason`,className:`line-clamp-3 text-[var(--oh-text-secondary)]`,children:S.text})}):null,(0,u.jsx)(p,{run:_}),v?(0,u.jsx)(f,{label:h(t.I18nKey.AUTOMATIONS$DETAIL$LAST_RUN),children:i.formatRelativeTime(v,g.language,h)}):null,x?.summary?(0,u.jsx)(f,{label:h(t.I18nKey.AUTOMATIONS$DETAIL$TASK_LABEL),children:(0,u.jsx)(`span`,{className:`line-clamp-3 text-[var(--oh-text-secondary)]`,children:x.summary})}):null]})]})}exports.HomeAutomationRunTooltip=m,exports.getRunStatusLabelKey=d;
 //# sourceMappingURL=home-automation-run-tooltip.cjs.map

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"home-automation-run-tooltip.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/home-automation-run-tooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport {\n  shouldShowRunPhase,\n  useRunPhase,\n} from \"#/components/features/automations/detail/run-phase\";\nimport type { Automation, AutomationRun } from \"#/types/automation\";\nimport {\n  getAutomationRunBadgeLabelKey,\n  getAutomationRunDisplay,\n} from \"#/utils/automation-run-display\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { AutomationHealthIndicator } from \"./automation-health-indicator\";\nimport {\n  deriveRunHealth,\n  getLastRunTimestamp,\n  getRunHealthLabelKey,\n  getTriggerSummary,\n} from \"./automation-run-health\";\n\nexport function getRunStatusLabelKey(\n  runState: LatestAutomationRunState,\n): I18nKey {\n  if (runState.isError) return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE;\n  if (runState.latestRun) {\n    return getAutomationRunBadgeLabelKey(\n      getAutomationRunDisplay(runState.latestRun).badgeStatus,\n    );\n  }\n  return getRunHealthLabelKey(deriveRunHealth(runState));\n}\n\nfunction PreviewRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * The run's phase and how long it has held it. The row that opens this\n * hovercard has to clip a long phase; here there is room to wrap, so this is\n * where the whole thing is readable — and the age is what says whether the\n * run is moving through phases or sitting in one. Only the layout differs\n * from the row's: what the phase says, and whether its age is meaningful,\n * comes from the same hook the row uses.\n */\nfunction PhaseRow({ run }: { run: AutomationRun | null }) {\n  const { t } = useTranslation(\"openhands\");\n  const phase = useRunPhase({\n    status: run?.status,\n    code: run?.phase_code,\n    label: run?.phase_label,\n    updatedAt: run?.phase_updated_at,\n  });\n\n  if (!run || !shouldShowRunPhase(run.status) || !phase) return null;\n\n  const { text, age } = phase;\n\n  return (\n    <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$PHASE)}>\n      <span data-testid=\"run-phase-row\">\n        {text}\n        {age ? <span className=\"text-muted\"> · {age}</span> : null}\n      </span>\n    </PreviewRow>\n  );\n}\n\n/**\n * Left-nav-style hovercard body for an automation's latest-run health.\n * Matches `ConversationCardPreview` layout: title + label/value rows.\n */\nexport function HomeAutomationRunTooltip({\n  automation,\n  runState,\n}: {\n  automation: Automation;\n  runState: LatestAutomationRunState;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const { latestRun } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const TriggerIcon = automation.trigger.type === \"event\" ? Zap : ClockIcon;\n  const health = deriveRunHealth(runState);\n  const display = latestRun ? getAutomationRunDisplay(latestRun) : null;\n\n  return (\n    <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n      <span className=\"break-words text-sm font-medium text-white\">\n        {automation.name}\n      </span>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TRIGGER)}>\n          <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n            <TriggerIcon\n              className=\"mt-0.5 size-3 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <span className=\"break-all\">{getTriggerSummary(automation)}</span>\n          </span>\n        </PreviewRow>\n\n        <PreviewRow label={t(I18nKey.COMMON$STATUS)}>\n          <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n            <AutomationHealthIndicator health={health} />\n            <span>{t(getRunStatusLabelKey(runState))}</span>\n          </span>\n        </PreviewRow>\n\n        <PhaseRow run={latestRun} />\n\n        {timestamp ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {formatRelativeTime(timestamp, i18n.language, t)}\n          </PreviewRow>\n        ) : null}\n\n        {display?.summary ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TASK_LABEL)}>\n            <span className=\"line-clamp-3 text-[var(--oh-text-secondary)]\">\n              {display.summary}\n            </span>\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":"6kBAwBA,SAAgB,EACd,EACS,CAOT,OANI,EAAS,QAAgB,EAAA,QAAQ,wCACjC,EAAS,UACJ,EAAA,8BACL,EAAA,wBAAwB,EAAS,SAAS,EAAE,WAC9C,EAEK,EAAA,qBAAqB,EAAA,gBAAgB,CAAQ,CAAC,CACvD,CAEA,SAAS,EAAW,CAClB,QACA,YAIC,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAY,CAAA,GACpE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yDACb,UACG,CAAA,CACH,GAET,CAUA,SAAS,EAAS,CAAE,OAAsC,CACxD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAQ,EAAA,YAAY,CACxB,OAAQ,GAAK,OACb,KAAM,GAAK,WACX,MAAO,GAAK,YACZ,UAAW,GAAK,gBAClB,CAAC,EAED,GAAI,CAAC,GAAO,CAAC,EAAA,mBAAmB,EAAI,MAAM,GAAK,CAAC,EAAO,OAAO,KAE9D,GAAM,CAAE,OAAM,OAAQ,EAEtB,OACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,wBAAwB,YACnD,EAAA,EAAA,MAAC,OAAD,CAAM,cAAY,yBAAlB,CACG,EACA,GAAM,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,MAAI,CAAU,IAAI,IAClD,GACI,CAAA,CAEhB,CAMA,SAAgB,EAAyB,CACvC,aACA,YAIC,CACD,GAAM,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EACxC,CAAE,aAAc,EAChB,EAAY,EAAY,EAAA,oBAAoB,CAAS,EAAI,KACzD,EAAc,EAAW,QAAQ,OAAS,QAAU,EAAA,IAAM,EAAA,QAC1D,EAAS,EAAA,gBAAgB,CAAQ,EACjC,EAAU,EAAY,EAAA,wBAAwB,CAAS,EAAI,KAEjE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,EAAW,IACR,CAAA,GAEN,EAAA,EAAA,MAAC,KAAD,CAAI,UAAU,iCAAd,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,0BAA0B,YACrD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,yBACV,cAAY,MACb,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAA,kBAAkB,CAAU,CAAQ,CAAA,CAC7D,GACI,CAAA,GAEZ,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,aAAa,YACxC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oDAAhB,EACE,EAAA,EAAA,KAAC,EAAA,0BAAD,CAAmC,QAAS,CAAA,GAC5C,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAqB,CAAQ,CAAC,CAAQ,CAAA,CAC3C,GACI,CAAA,GAEZ,EAAA,EAAA,KAAC,EAAD,CAAU,IAAK,CAAY,CAAA,EAE1B,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,2BAA2B,WACrD,EAAA,mBAAmB,EAAW,EAAK,SAAU,CAAC,CACrC,CAAA,EACV,KAEH,GAAS,SACR,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,6BAA6B,YACxD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDACb,EAAQ,OACL,CAAA,CACI,CAAA,EACV,IACF,GACD,GAET"}
+{"version":3,"file":"home-automation-run-tooltip.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/home-automation-run-tooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport {\n  shouldShowRunPhase,\n  useRunPhase,\n} from \"#/components/features/automations/detail/run-phase\";\nimport type { Automation, AutomationRun } from \"#/types/automation\";\nimport {\n  getAutomationRunBadgeLabelKey,\n  getAutomationRunDisplay,\n} from \"#/utils/automation-run-display\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { AutomationHealthIndicator } from \"./automation-health-indicator\";\nimport {\n  deriveRunHealth,\n  getLastRunTimestamp,\n  getRunHealthLabelKey,\n  getTriggerSummary,\n} from \"./automation-run-health\";\nimport {\n  getDisablementReasonDisplay,\n  hasDisablementReason,\n} from \"#/utils/automation-disabled-reason\";\n\nexport function getRunStatusLabelKey(\n  runState: LatestAutomationRunState,\n): I18nKey {\n  if (runState.isError) return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE;\n  if (runState.latestRun) {\n    return getAutomationRunBadgeLabelKey(\n      getAutomationRunDisplay(runState.latestRun).badgeStatus,\n    );\n  }\n  return getRunHealthLabelKey(deriveRunHealth(runState));\n}\n\nfunction PreviewRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * The run's phase and how long it has held it. The row that opens this\n * hovercard has to clip a long phase; here there is room to wrap, so this is\n * where the whole thing is readable — and the age is what says whether the\n * run is moving through phases or sitting in one. Only the layout differs\n * from the row's: what the phase says, and whether its age is meaningful,\n * comes from the same hook the row uses.\n */\nfunction PhaseRow({ run }: { run: AutomationRun | null }) {\n  const { t } = useTranslation(\"openhands\");\n  const phase = useRunPhase({\n    status: run?.status,\n    code: run?.phase_code,\n    label: run?.phase_label,\n    updatedAt: run?.phase_updated_at,\n  });\n\n  if (!run || !shouldShowRunPhase(run.status) || !phase) return null;\n\n  const { text, age } = phase;\n\n  return (\n    <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$PHASE)}>\n      <span data-testid=\"run-phase-row\">\n        {text}\n        {age ? <span className=\"text-muted\"> · {age}</span> : null}\n      </span>\n    </PreviewRow>\n  );\n}\n\n/**\n * Left-nav-style hovercard body for an automation's latest-run health.\n * Matches `ConversationCardPreview` layout: title + label/value rows.\n */\nexport function HomeAutomationRunTooltip({\n  automation,\n  runState,\n}: {\n  automation: Automation;\n  runState: LatestAutomationRunState;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const { latestRun } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const TriggerIcon = automation.trigger.type === \"event\" ? Zap : ClockIcon;\n  const health = deriveRunHealth(runState);\n  const display = latestRun ? getAutomationRunDisplay(latestRun) : null;\n  const disabledReason = hasDisablementReason(automation)\n    ? getDisablementReasonDisplay(automation, t)\n    : null;\n\n  return (\n    <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n      <span className=\"break-words text-sm font-medium text-white\">\n        {automation.name}\n      </span>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TRIGGER)}>\n          <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n            <TriggerIcon\n              className=\"mt-0.5 size-3 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <span className=\"break-all\">{getTriggerSummary(automation)}</span>\n          </span>\n        </PreviewRow>\n\n        <PreviewRow label={t(I18nKey.COMMON$STATUS)}>\n          <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n            <AutomationHealthIndicator health={health} />\n            <span>{t(getRunStatusLabelKey(runState))}</span>\n          </span>\n        </PreviewRow>\n\n        {disabledReason ? (\n          <PreviewRow\n            label={t(I18nKey.AUTOMATIONS$DETAIL$DISABLED_REASON_HEADING)}\n          >\n            <span\n              data-testid=\"automation-tooltip-disabled-reason\"\n              className=\"line-clamp-3 text-[var(--oh-text-secondary)]\"\n            >\n              {disabledReason.text}\n            </span>\n          </PreviewRow>\n        ) : null}\n\n        <PhaseRow run={latestRun} />\n\n        {timestamp ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {formatRelativeTime(timestamp, i18n.language, t)}\n          </PreviewRow>\n        ) : null}\n\n        {display?.summary ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TASK_LABEL)}>\n            <span className=\"line-clamp-3 text-[var(--oh-text-secondary)]\">\n              {display.summary}\n            </span>\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":"2oBA4BA,SAAgB,EACd,EACS,CAOT,OANI,EAAS,QAAgB,EAAA,QAAQ,wCACjC,EAAS,UACJ,EAAA,8BACL,EAAA,wBAAwB,EAAS,SAAS,EAAE,WAC9C,EAEK,EAAA,qBAAqB,EAAA,gBAAgB,CAAQ,CAAC,CACvD,CAEA,SAAS,EAAW,CAClB,QACA,YAIC,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAY,CAAA,GACpE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yDACb,UACG,CAAA,CACH,GAET,CAUA,SAAS,EAAS,CAAE,OAAsC,CACxD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAQ,EAAA,YAAY,CACxB,OAAQ,GAAK,OACb,KAAM,GAAK,WACX,MAAO,GAAK,YACZ,UAAW,GAAK,gBAClB,CAAC,EAED,GAAI,CAAC,GAAO,CAAC,EAAA,mBAAmB,EAAI,MAAM,GAAK,CAAC,EAAO,OAAO,KAE9D,GAAM,CAAE,OAAM,OAAQ,EAEtB,OACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,wBAAwB,YACnD,EAAA,EAAA,MAAC,OAAD,CAAM,cAAY,yBAAlB,CACG,EACA,GAAM,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,MAAI,CAAU,IAAI,IAClD,GACI,CAAA,CAEhB,CAMA,SAAgB,EAAyB,CACvC,aACA,YAIC,CACD,GAAM,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EACxC,CAAE,aAAc,EAChB,EAAY,EAAY,EAAA,oBAAoB,CAAS,EAAI,KACzD,EAAc,EAAW,QAAQ,OAAS,QAAU,EAAA,IAAM,EAAA,QAC1D,EAAS,EAAA,gBAAgB,CAAQ,EACjC,EAAU,EAAY,EAAA,wBAAwB,CAAS,EAAI,KAC3D,EAAiB,EAAA,qBAAqB,CAAU,EAClD,EAAA,4BAA4B,EAAY,CAAC,EACzC,KAEJ,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,EAAW,IACR,CAAA,GAEN,EAAA,EAAA,MAAC,KAAD,CAAI,UAAU,iCAAd,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,0BAA0B,YACrD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,yBACV,cAAY,MACb,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAA,kBAAkB,CAAU,CAAQ,CAAA,CAC7D,GACI,CAAA,GAEZ,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,aAAa,YACxC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oDAAhB,EACE,EAAA,EAAA,KAAC,EAAA,0BAAD,CAAmC,QAAS,CAAA,GAC5C,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAqB,CAAQ,CAAC,CAAQ,CAAA,CAC3C,GACI,CAAA,EAEX,GACC,EAAA,EAAA,KAAC,EAAD,CACE,MAAO,EAAE,EAAA,QAAQ,0CAA0C,YAE3D,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,qCACZ,UAAU,wDAET,EAAe,IACZ,CAAA,CACI,CAAA,EACV,MAEJ,EAAA,EAAA,KAAC,EAAD,CAAU,IAAK,CAAY,CAAA,EAE1B,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,2BAA2B,WACrD,EAAA,mBAAmB,EAAW,EAAK,SAAU,CAAC,CACrC,CAAA,EACV,KAEH,GAAS,SACR,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,6BAA6B,YACxD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDACb,EAAQ,OACL,CAAA,CACI,CAAA,EACV,IACF,GACD,GAET"}

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.js

@@ -7,24 +7,25 @@ import o from "../../../../icons/clock.js";
 import { deriveRunHealth as s, getLastRunTimestamp as c, getRunHealthLabelKey as l, getTriggerSummary as u } from "./automation-run-health.js";
 import { shouldShowRunPhase as d, useRunPhase as f } from "../../automations/detail/run-phase.js";
 import { AutomationHealthIndicator as p } from "./automation-health-indicator.js";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { getDisablementReasonDisplay as m, hasDisablementReason as h } from "../../../../utils/automation-disabled-reason.js";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/features/home/featured-automations/home-automation-run-tooltip.tsx
-function g(e) {
+function v(e) {
 	return e.isError ? t.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE : e.latestRun ? r(i(e.latestRun).badgeStatus) : l(s(e));
 }
-function _({ label: e, children: t }) {
-	return /* @__PURE__ */ h("div", {
+function y({ label: e, children: t }) {
+	return /* @__PURE__ */ _("div", {
 		className: "flex items-start gap-2 text-xs",
-		children: [/* @__PURE__ */ m("span", {
+		children: [/* @__PURE__ */ g("span", {
 			className: "w-20 shrink-0 text-[var(--oh-muted)]",
 			children: e
-		}), /* @__PURE__ */ m("span", {
+		}), /* @__PURE__ */ g("span", {
 			className: "min-w-0 flex-1 break-words text-[var(--oh-foreground)]",
 			children: t
 		})]
 	});
 }
-function v({ run: n }) {
+function b({ run: n }) {
 	let { t: r } = e("openhands"), i = f({
 		status: n?.status,
 		code: n?.phase_code,
@@ -33,57 +34,65 @@ function v({ run: n }) {
 	});
 	if (!n || !d(n.status) || !i) return null;
 	let { text: a, age: o } = i;
-	return /* @__PURE__ */ m(_, {
+	return /* @__PURE__ */ g(y, {
 		label: r(t.AUTOMATIONS$DETAIL$PHASE),
-		children: /* @__PURE__ */ h("span", {
+		children: /* @__PURE__ */ _("span", {
 			"data-testid": "run-phase-row",
-			children: [a, o ? /* @__PURE__ */ h("span", {
+			children: [a, o ? /* @__PURE__ */ _("span", {
 				className: "text-muted",
 				children: [" · ", o]
 			}) : null]
 		})
 	});
 }
-function y({ automation: r, runState: l }) {
-	let { t: d, i18n: f } = e("openhands"), { latestRun: y } = l, b = y ? c(y) : null, x = r.trigger.type === "event" ? n : o, S = s(l), C = y ? i(y) : null;
-	return /* @__PURE__ */ h("div", {
+function x({ automation: r, runState: l }) {
+	let { t: d, i18n: f } = e("openhands"), { latestRun: x } = l, S = x ? c(x) : null, C = r.trigger.type === "event" ? n : o, w = s(l), T = x ? i(x) : null, E = h(r) ? m(r, d) : null;
+	return /* @__PURE__ */ _("div", {
 		className: "flex w-[280px] flex-col gap-3 p-3",
-		children: [/* @__PURE__ */ m("span", {
+		children: [/* @__PURE__ */ g("span", {
 			className: "break-words text-sm font-medium text-white",
 			children: r.name
-		}), /* @__PURE__ */ h("dl", {
+		}), /* @__PURE__ */ _("dl", {
 			className: "flex flex-col gap-1.5",
 			children: [
-				/* @__PURE__ */ m(_, {
+				/* @__PURE__ */ g(y, {
 					label: d(t.AUTOMATIONS$DETAIL$TRIGGER),
-					children: /* @__PURE__ */ h("span", {
+					children: /* @__PURE__ */ _("span", {
 						className: "inline-flex min-w-0 items-start gap-1.5",
-						children: [/* @__PURE__ */ m(x, {
+						children: [/* @__PURE__ */ g(C, {
 							className: "mt-0.5 size-3 shrink-0",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ m("span", {
+						}), /* @__PURE__ */ g("span", {
 							className: "break-all",
 							children: u(r)
 						})]
 					})
 				}),
-				/* @__PURE__ */ m(_, {
+				/* @__PURE__ */ g(y, {
 					label: d(t.COMMON$STATUS),
-					children: /* @__PURE__ */ h("span", {
+					children: /* @__PURE__ */ _("span", {
 						className: "inline-flex min-w-0 items-center gap-1.5",
-						children: [/* @__PURE__ */ m(p, { health: S }), /* @__PURE__ */ m("span", { children: d(g(l)) })]
+						children: [/* @__PURE__ */ g(p, { health: w }), /* @__PURE__ */ g("span", { children: d(v(l)) })]
 					})
 				}),
-				/* @__PURE__ */ m(v, { run: y }),
-				b ? /* @__PURE__ */ m(_, {
+				E ? /* @__PURE__ */ g(y, {
+					label: d(t.AUTOMATIONS$DETAIL$DISABLED_REASON_HEADING),
+					children: /* @__PURE__ */ g("span", {
+						"data-testid": "automation-tooltip-disabled-reason",
+						className: "line-clamp-3 text-[var(--oh-text-secondary)]",
+						children: E.text
+					})
+				}) : null,
+				/* @__PURE__ */ g(b, { run: x }),
+				S ? /* @__PURE__ */ g(y, {
 					label: d(t.AUTOMATIONS$DETAIL$LAST_RUN),
-					children: a(b, f.language, d)
+					children: a(S, f.language, d)
 				}) : null,
-				C?.summary ? /* @__PURE__ */ m(_, {
+				T?.summary ? /* @__PURE__ */ g(y, {
 					label: d(t.AUTOMATIONS$DETAIL$TASK_LABEL),
-					children: /* @__PURE__ */ m("span", {
+					children: /* @__PURE__ */ g("span", {
 						className: "line-clamp-3 text-[var(--oh-text-secondary)]",
-						children: C.summary
+						children: T.summary
 					})
 				}) : null
 			]
@@ -91,6 +100,6 @@ function y({ automation: r, runState: l }) {
 	});
 }
 //#endregion
-export { y as HomeAutomationRunTooltip, g as getRunStatusLabelKey };
+export { x as HomeAutomationRunTooltip, v as getRunStatusLabelKey };
 
 //# sourceMappingURL=home-automation-run-tooltip.js.map

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"home-automation-run-tooltip.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/home-automation-run-tooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport {\n  shouldShowRunPhase,\n  useRunPhase,\n} from \"#/components/features/automations/detail/run-phase\";\nimport type { Automation, AutomationRun } from \"#/types/automation\";\nimport {\n  getAutomationRunBadgeLabelKey,\n  getAutomationRunDisplay,\n} from \"#/utils/automation-run-display\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { AutomationHealthIndicator } from \"./automation-health-indicator\";\nimport {\n  deriveRunHealth,\n  getLastRunTimestamp,\n  getRunHealthLabelKey,\n  getTriggerSummary,\n} from \"./automation-run-health\";\n\nexport function getRunStatusLabelKey(\n  runState: LatestAutomationRunState,\n): I18nKey {\n  if (runState.isError) return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE;\n  if (runState.latestRun) {\n    return getAutomationRunBadgeLabelKey(\n      getAutomationRunDisplay(runState.latestRun).badgeStatus,\n    );\n  }\n  return getRunHealthLabelKey(deriveRunHealth(runState));\n}\n\nfunction PreviewRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * The run's phase and how long it has held it. The row that opens this\n * hovercard has to clip a long phase; here there is room to wrap, so this is\n * where the whole thing is readable — and the age is what says whether the\n * run is moving through phases or sitting in one. Only the layout differs\n * from the row's: what the phase says, and whether its age is meaningful,\n * comes from the same hook the row uses.\n */\nfunction PhaseRow({ run }: { run: AutomationRun | null }) {\n  const { t } = useTranslation(\"openhands\");\n  const phase = useRunPhase({\n    status: run?.status,\n    code: run?.phase_code,\n    label: run?.phase_label,\n    updatedAt: run?.phase_updated_at,\n  });\n\n  if (!run || !shouldShowRunPhase(run.status) || !phase) return null;\n\n  const { text, age } = phase;\n\n  return (\n    <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$PHASE)}>\n      <span data-testid=\"run-phase-row\">\n        {text}\n        {age ? <span className=\"text-muted\"> · {age}</span> : null}\n      </span>\n    </PreviewRow>\n  );\n}\n\n/**\n * Left-nav-style hovercard body for an automation's latest-run health.\n * Matches `ConversationCardPreview` layout: title + label/value rows.\n */\nexport function HomeAutomationRunTooltip({\n  automation,\n  runState,\n}: {\n  automation: Automation;\n  runState: LatestAutomationRunState;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const { latestRun } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const TriggerIcon = automation.trigger.type === \"event\" ? Zap : ClockIcon;\n  const health = deriveRunHealth(runState);\n  const display = latestRun ? getAutomationRunDisplay(latestRun) : null;\n\n  return (\n    <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n      <span className=\"break-words text-sm font-medium text-white\">\n        {automation.name}\n      </span>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TRIGGER)}>\n          <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n            <TriggerIcon\n              className=\"mt-0.5 size-3 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <span className=\"break-all\">{getTriggerSummary(automation)}</span>\n          </span>\n        </PreviewRow>\n\n        <PreviewRow label={t(I18nKey.COMMON$STATUS)}>\n          <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n            <AutomationHealthIndicator health={health} />\n            <span>{t(getRunStatusLabelKey(runState))}</span>\n          </span>\n        </PreviewRow>\n\n        <PhaseRow run={latestRun} />\n\n        {timestamp ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {formatRelativeTime(timestamp, i18n.language, t)}\n          </PreviewRow>\n        ) : null}\n\n        {display?.summary ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TASK_LABEL)}>\n            <span className=\"line-clamp-3 text-[var(--oh-text-secondary)]\">\n              {display.summary}\n            </span>\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAgB,EACd,GACS;CAOT,OANI,EAAS,UAAgB,EAAQ,0CACjC,EAAS,YACJ,EACL,EAAwB,EAAS,SAAS,EAAE,WAC9C,IAEK,EAAqB,EAAgB,CAAQ,CAAC;AACvD;AAEA,SAAS,EAAW,EAClB,UACA,eAIC;CACD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAwC;EAAY,CAAA,GACpE,kBAAC,QAAD;GAAM,WAAU;GACb;EACG,CAAA,CACH;;AAET;AAUA,SAAS,EAAS,EAAE,UAAsC;CACxD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAQ,EAAY;EACxB,QAAQ,GAAK;EACb,MAAM,GAAK;EACX,OAAO,GAAK;EACZ,WAAW,GAAK;CAClB,CAAC;CAED,IAAI,CAAC,KAAO,CAAC,EAAmB,EAAI,MAAM,KAAK,CAAC,GAAO,OAAO;CAE9D,IAAM,EAAE,SAAM,WAAQ;CAEtB,OACE,kBAAC,GAAD;EAAY,OAAO,EAAE,EAAQ,wBAAwB;YACnD,kBAAC,QAAD;GAAM,eAAY;aAAlB,CACG,GACA,IAAM,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAA6B,OAAI,CAAU;QAAI,IAClD;;CACI,CAAA;AAEhB;AAMA,SAAgB,EAAyB,EACvC,eACA,eAIC;CACD,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GACxC,EAAE,iBAAc,GAChB,IAAY,IAAY,EAAoB,CAAS,IAAI,MACzD,IAAc,EAAW,QAAQ,SAAS,UAAU,IAAM,GAC1D,IAAS,EAAgB,CAAQ,GACjC,IAAU,IAAY,EAAwB,CAAS,IAAI;CAEjE,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aACb,EAAW;EACR,CAAA,GAEN,kBAAC,MAAD;GAAI,WAAU;aAAd;IACE,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,0BAA0B;eACrD,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD;OACE,WAAU;OACV,eAAY;MACb,CAAA,GACD,kBAAC,QAAD;OAAM,WAAU;iBAAa,EAAkB,CAAU;MAAQ,CAAA,CAC7D;;IACI,CAAA;IAEZ,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,aAAa;eACxC,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAmC,UAAS,CAAA,GAC5C,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAqB,CAAQ,CAAC,EAAQ,CAAA,CAC3C;;IACI,CAAA;IAEZ,kBAAC,GAAD,EAAU,KAAK,EAAY,CAAA;IAE1B,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,2BAA2B;eACrD,EAAmB,GAAW,EAAK,UAAU,CAAC;IACrC,CAAA,IACV;IAEH,GAAS,UACR,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,6BAA6B;eACxD,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAQ;KACL,CAAA;IACI,CAAA,IACV;GACF;IACD;;AAET"}
+{"version":3,"file":"home-automation-run-tooltip.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/home-automation-run-tooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport {\n  shouldShowRunPhase,\n  useRunPhase,\n} from \"#/components/features/automations/detail/run-phase\";\nimport type { Automation, AutomationRun } from \"#/types/automation\";\nimport {\n  getAutomationRunBadgeLabelKey,\n  getAutomationRunDisplay,\n} from \"#/utils/automation-run-display\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { AutomationHealthIndicator } from \"./automation-health-indicator\";\nimport {\n  deriveRunHealth,\n  getLastRunTimestamp,\n  getRunHealthLabelKey,\n  getTriggerSummary,\n} from \"./automation-run-health\";\nimport {\n  getDisablementReasonDisplay,\n  hasDisablementReason,\n} from \"#/utils/automation-disabled-reason\";\n\nexport function getRunStatusLabelKey(\n  runState: LatestAutomationRunState,\n): I18nKey {\n  if (runState.isError) return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE;\n  if (runState.latestRun) {\n    return getAutomationRunBadgeLabelKey(\n      getAutomationRunDisplay(runState.latestRun).badgeStatus,\n    );\n  }\n  return getRunHealthLabelKey(deriveRunHealth(runState));\n}\n\nfunction PreviewRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * The run's phase and how long it has held it. The row that opens this\n * hovercard has to clip a long phase; here there is room to wrap, so this is\n * where the whole thing is readable — and the age is what says whether the\n * run is moving through phases or sitting in one. Only the layout differs\n * from the row's: what the phase says, and whether its age is meaningful,\n * comes from the same hook the row uses.\n */\nfunction PhaseRow({ run }: { run: AutomationRun | null }) {\n  const { t } = useTranslation(\"openhands\");\n  const phase = useRunPhase({\n    status: run?.status,\n    code: run?.phase_code,\n    label: run?.phase_label,\n    updatedAt: run?.phase_updated_at,\n  });\n\n  if (!run || !shouldShowRunPhase(run.status) || !phase) return null;\n\n  const { text, age } = phase;\n\n  return (\n    <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$PHASE)}>\n      <span data-testid=\"run-phase-row\">\n        {text}\n        {age ? <span className=\"text-muted\"> · {age}</span> : null}\n      </span>\n    </PreviewRow>\n  );\n}\n\n/**\n * Left-nav-style hovercard body for an automation's latest-run health.\n * Matches `ConversationCardPreview` layout: title + label/value rows.\n */\nexport function HomeAutomationRunTooltip({\n  automation,\n  runState,\n}: {\n  automation: Automation;\n  runState: LatestAutomationRunState;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const { latestRun } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const TriggerIcon = automation.trigger.type === \"event\" ? Zap : ClockIcon;\n  const health = deriveRunHealth(runState);\n  const display = latestRun ? getAutomationRunDisplay(latestRun) : null;\n  const disabledReason = hasDisablementReason(automation)\n    ? getDisablementReasonDisplay(automation, t)\n    : null;\n\n  return (\n    <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n      <span className=\"break-words text-sm font-medium text-white\">\n        {automation.name}\n      </span>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TRIGGER)}>\n          <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n            <TriggerIcon\n              className=\"mt-0.5 size-3 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <span className=\"break-all\">{getTriggerSummary(automation)}</span>\n          </span>\n        </PreviewRow>\n\n        <PreviewRow label={t(I18nKey.COMMON$STATUS)}>\n          <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n            <AutomationHealthIndicator health={health} />\n            <span>{t(getRunStatusLabelKey(runState))}</span>\n          </span>\n        </PreviewRow>\n\n        {disabledReason ? (\n          <PreviewRow\n            label={t(I18nKey.AUTOMATIONS$DETAIL$DISABLED_REASON_HEADING)}\n          >\n            <span\n              data-testid=\"automation-tooltip-disabled-reason\"\n              className=\"line-clamp-3 text-[var(--oh-text-secondary)]\"\n            >\n              {disabledReason.text}\n            </span>\n          </PreviewRow>\n        ) : null}\n\n        <PhaseRow run={latestRun} />\n\n        {timestamp ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {formatRelativeTime(timestamp, i18n.language, t)}\n          </PreviewRow>\n        ) : null}\n\n        {display?.summary ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TASK_LABEL)}>\n            <span className=\"line-clamp-3 text-[var(--oh-text-secondary)]\">\n              {display.summary}\n            </span>\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA4BA,SAAgB,EACd,GACS;CAOT,OANI,EAAS,UAAgB,EAAQ,0CACjC,EAAS,YACJ,EACL,EAAwB,EAAS,SAAS,EAAE,WAC9C,IAEK,EAAqB,EAAgB,CAAQ,CAAC;AACvD;AAEA,SAAS,EAAW,EAClB,UACA,eAIC;CACD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAwC;EAAY,CAAA,GACpE,kBAAC,QAAD;GAAM,WAAU;GACb;EACG,CAAA,CACH;;AAET;AAUA,SAAS,EAAS,EAAE,UAAsC;CACxD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAQ,EAAY;EACxB,QAAQ,GAAK;EACb,MAAM,GAAK;EACX,OAAO,GAAK;EACZ,WAAW,GAAK;CAClB,CAAC;CAED,IAAI,CAAC,KAAO,CAAC,EAAmB,EAAI,MAAM,KAAK,CAAC,GAAO,OAAO;CAE9D,IAAM,EAAE,SAAM,WAAQ;CAEtB,OACE,kBAAC,GAAD;EAAY,OAAO,EAAE,EAAQ,wBAAwB;YACnD,kBAAC,QAAD;GAAM,eAAY;aAAlB,CACG,GACA,IAAM,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAA6B,OAAI,CAAU;QAAI,IAClD;;CACI,CAAA;AAEhB;AAMA,SAAgB,EAAyB,EACvC,eACA,eAIC;CACD,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GACxC,EAAE,iBAAc,GAChB,IAAY,IAAY,EAAoB,CAAS,IAAI,MACzD,IAAc,EAAW,QAAQ,SAAS,UAAU,IAAM,GAC1D,IAAS,EAAgB,CAAQ,GACjC,IAAU,IAAY,EAAwB,CAAS,IAAI,MAC3D,IAAiB,EAAqB,CAAU,IAClD,EAA4B,GAAY,CAAC,IACzC;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aACb,EAAW;EACR,CAAA,GAEN,kBAAC,MAAD;GAAI,WAAU;aAAd;IACE,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,0BAA0B;eACrD,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD;OACE,WAAU;OACV,eAAY;MACb,CAAA,GACD,kBAAC,QAAD;OAAM,WAAU;iBAAa,EAAkB,CAAU;MAAQ,CAAA,CAC7D;;IACI,CAAA;IAEZ,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,aAAa;eACxC,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAmC,UAAS,CAAA,GAC5C,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAqB,CAAQ,CAAC,EAAQ,CAAA,CAC3C;;IACI,CAAA;IAEX,IACC,kBAAC,GAAD;KACE,OAAO,EAAE,EAAQ,0CAA0C;eAE3D,kBAAC,QAAD;MACE,eAAY;MACZ,WAAU;gBAET,EAAe;KACZ,CAAA;IACI,CAAA,IACV;IAEJ,kBAAC,GAAD,EAAU,KAAK,EAAY,CAAA;IAE1B,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,2BAA2B;eACrD,EAAmB,GAAW,EAAK,UAAU,CAAC;IACrC,CAAA,IACV;IAEH,GAAS,UACR,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,6BAA6B;eACxD,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAQ;KACL,CAAA;IACI,CAAA,IACV;GACF;IACD;;AAET"}

package/dist/components/features/images/image-lightbox.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("../../shared/modals/modal-backdrop.cjs"),i=require("../../shared/modals/modal-close-button.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({src:e,onClose:s}){let{t:c}=t.useTranslation(`openhands`);return a.default.useEffect(()=>{let e=e=>{e.key===`Escape`&&(e.stopPropagation(),s())};return document.addEventListener(`keydown`,e,!0),()=>document.removeEventListener(`keydown`,e,!0)},[s]),(0,o.jsx)(r.ModalBackdrop,{onClose:s,closeOnEscape:!1,"aria-label":c(n.I18nKey.IMAGE$FULL_SIZE_PREVIEW),children:(0,o.jsxs)(`div`,{"data-testid":`image-lightbox`,className:`relative`,children:[(0,o.jsx)(i.ModalCloseButton,{onClose:s,testId:`image-lightbox-close`,className:`bg-black/60 text-white hover:bg-black/80`}),(0,o.jsx)(`img`,{src:e,alt:c(n.I18nKey.IMAGE$FULL_SIZE_PREVIEW),className:`max-h-[90vh] max-w-[90vw] rounded-lg object-contain`})]})})}exports.ImageLightbox=s;
+//# sourceMappingURL=image-lightbox.cjs.map

package/dist/components/features/images/image-lightbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-lightbox.cjs","names":[],"sources":["../../../../src/components/features/images/image-lightbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ImageLightboxProps {\n  src: string;\n  onClose: () => void;\n}\n\n/**\n * Full-size overlay for an image attachment. The thumbnail is a CSS downscale\n * of the same source, so no refetch is needed.\n */\nexport function ImageLightbox({ src, onClose }: ImageLightboxProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  // HeroUI consumes Escape on a document capture listener, so it never reaches\n  // ModalBackdrop's window listener. Capture it here instead.\n  React.useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      event.stopPropagation();\n      onClose();\n    };\n\n    document.addEventListener(\"keydown\", handleEscape, true);\n    return () => document.removeEventListener(\"keydown\", handleEscape, true);\n  }, [onClose]);\n\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.IMAGE$FULL_SIZE_PREVIEW)}\n    >\n      <div data-testid=\"image-lightbox\" className=\"relative\">\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"image-lightbox-close\"\n          className=\"bg-black/60 text-white hover:bg-black/80\"\n        />\n        <img\n          src={src}\n          alt={t(I18nKey.IMAGE$FULL_SIZE_PREVIEW)}\n          className=\"max-h-[90vh] max-w-[90vw] rounded-lg object-contain\"\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"yWAeA,SAAgB,EAAc,CAAE,MAAK,WAA+B,CAClE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAexC,OAXA,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAgB,GAAyB,CACzC,EAAM,MAAQ,WAClB,EAAM,gBAAgB,EACtB,EAAQ,EACV,EAGA,OADA,SAAS,iBAAiB,UAAW,EAAc,EAAI,MAC1C,SAAS,oBAAoB,UAAW,EAAc,EAAI,CACzE,EAAG,CAAC,CAAO,CAAC,GAGV,EAAA,EAAA,KAAC,EAAA,cAAD,CACW,UACT,cAAe,GACf,aAAY,EAAE,EAAA,QAAQ,uBAAuB,YAE7C,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,iBAAiB,UAAU,oBAA5C,EACE,EAAA,EAAA,KAAC,EAAA,iBAAD,CACW,UACT,OAAO,uBACP,UAAU,0CACX,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACO,MACL,IAAK,EAAE,EAAA,QAAQ,uBAAuB,EACtC,UAAU,qDACX,CAAA,CACE,GACQ,CAAA,CAEnB"}

package/dist/components/features/images/image-lightbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ImageLightboxProps {
+    src: string;
+    onClose: () => void;
+}
+/**
+ * Full-size overlay for an image attachment. The thumbnail is a CSS downscale
+ * of the same source, so no refetch is needed.
+ */
+export declare function ImageLightbox({ src, onClose }: ImageLightboxProps): React.JSX.Element;
+export {};

package/dist/components/features/images/image-lightbox.js

@@ -0,0 +1,37 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { ModalBackdrop as n } from "../../shared/modals/modal-backdrop.js";
+import { ModalCloseButton as r } from "../../shared/modals/modal-close-button.js";
+import i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/features/images/image-lightbox.tsx
+function s({ src: s, onClose: c }) {
+	let { t: l } = e("openhands");
+	return i.useEffect(() => {
+		let e = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), c());
+		};
+		return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
+	}, [c]), /* @__PURE__ */ a(n, {
+		onClose: c,
+		closeOnEscape: !1,
+		"aria-label": l(t.IMAGE$FULL_SIZE_PREVIEW),
+		children: /* @__PURE__ */ o("div", {
+			"data-testid": "image-lightbox",
+			className: "relative",
+			children: [/* @__PURE__ */ a(r, {
+				onClose: c,
+				testId: "image-lightbox-close",
+				className: "bg-black/60 text-white hover:bg-black/80"
+			}), /* @__PURE__ */ a("img", {
+				src: s,
+				alt: l(t.IMAGE$FULL_SIZE_PREVIEW),
+				className: "max-h-[90vh] max-w-[90vw] rounded-lg object-contain"
+			})]
+		})
+	});
+}
+//#endregion
+export { s as ImageLightbox };
+
+//# sourceMappingURL=image-lightbox.js.map

package/dist/components/features/images/image-lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-lightbox.js","names":[],"sources":["../../../../src/components/features/images/image-lightbox.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface ImageLightboxProps {\n  src: string;\n  onClose: () => void;\n}\n\n/**\n * Full-size overlay for an image attachment. The thumbnail is a CSS downscale\n * of the same source, so no refetch is needed.\n */\nexport function ImageLightbox({ src, onClose }: ImageLightboxProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  // HeroUI consumes Escape on a document capture listener, so it never reaches\n  // ModalBackdrop's window listener. Capture it here instead.\n  React.useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      event.stopPropagation();\n      onClose();\n    };\n\n    document.addEventListener(\"keydown\", handleEscape, true);\n    return () => document.removeEventListener(\"keydown\", handleEscape, true);\n  }, [onClose]);\n\n  return (\n    <ModalBackdrop\n      onClose={onClose}\n      closeOnEscape={false}\n      aria-label={t(I18nKey.IMAGE$FULL_SIZE_PREVIEW)}\n    >\n      <div data-testid=\"image-lightbox\" className=\"relative\">\n        <ModalCloseButton\n          onClose={onClose}\n          testId=\"image-lightbox-close\"\n          className=\"bg-black/60 text-white hover:bg-black/80\"\n        />\n        <img\n          src={src}\n          alt={t(I18nKey.IMAGE$FULL_SIZE_PREVIEW)}\n          className=\"max-h-[90vh] max-w-[90vw] rounded-lg object-contain\"\n        />\n      </div>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAc,EAAE,QAAK,cAA+B;CAClE,IAAM,EAAE,SAAM,EAAe,WAAW;CAexC,OAXA,EAAM,gBAAgB;EACpB,IAAM,KAAgB,MAAyB;GACzC,EAAM,QAAQ,aAClB,EAAM,gBAAgB,GACtB,EAAQ;EACV;EAGA,OADA,SAAS,iBAAiB,WAAW,GAAc,EAAI,SAC1C,SAAS,oBAAoB,WAAW,GAAc,EAAI;CACzE,GAAG,CAAC,CAAO,CAAC,GAGV,kBAAC,GAAD;EACW;EACT,eAAe;EACf,cAAY,EAAE,EAAQ,uBAAuB;YAE7C,kBAAC,OAAD;GAAK,eAAY;GAAiB,WAAU;aAA5C,CACE,kBAAC,GAAD;IACW;IACT,QAAO;IACP,WAAU;GACX,CAAA,GACD,kBAAC,OAAD;IACO;IACL,KAAK,EAAE,EAAQ,uBAAuB;IACtC,WAAU;GACX,CAAA,CACE;;CACQ,CAAA;AAEnB"}

package/dist/components/features/images/image-preview.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../shared/buttons/remove-button.cjs"),t=require("./thumbnail.cjs");let n=require("react/jsx-runtime");function r({src:r,onRemove:i,size:a=`small`}){return(0,n.jsxs)(`div`,{"data-testid":`image-preview`,className:`relative w-fit shrink-0 py-1`,children:[(0,n.jsx)(t.Thumbnail,{src:r,size:a}),i&&(0,n.jsx)(e.RemoveButton,{onClick:i,className:`absolute right-[3px] top-[3px] cursor-pointer`})]})}exports.ImagePreview=r;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../shared/buttons/remove-button.cjs"),i=require("./image-lightbox.cjs"),a=require("./thumbnail.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({src:e,onRemove:c,size:l=`small`}){let{t:u}=t.useTranslation(`openhands`),[d,f]=o.default.useState(!1);return(0,s.jsxs)(`div`,{"data-testid":`image-preview`,className:`relative w-fit shrink-0 py-1`,children:[(0,s.jsx)(`button`,{type:`button`,"data-testid":`expand-image-button`,"aria-label":u(n.I18nKey.BUTTON$VIEW_FULL_SIZE_IMAGE),onClick:()=>f(!0),className:`block cursor-zoom-in rounded-sm transition-opacity hover:opacity-80`,children:(0,s.jsx)(a.Thumbnail,{src:e,size:l})}),c&&(0,s.jsx)(r.RemoveButton,{onClick:c,"aria-label":u(n.I18nKey.BUTTON$REMOVE_IMAGE),className:`absolute right-[3px] top-[3px] cursor-pointer`}),d&&(0,s.jsx)(i.ImageLightbox,{src:e,onClose:()=>f(!1)})]})}exports.ImagePreview=c;
 //# sourceMappingURL=image-preview.cjs.map