@openhands/agent-canvas 1.17.0 → 1.18.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/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

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

@@ -1 +1 @@
-{"version":3,"file":"image-preview.cjs","names":[],"sources":["../../../../src/components/features/images/image-preview.tsx"],"sourcesContent":["import { RemoveButton } from \"#/components/shared/buttons/remove-button\";\nimport { Thumbnail } from \"./thumbnail\";\n\ninterface ImagePreviewProps {\n  src: string;\n  onRemove?: () => void;\n  size?: \"small\" | \"large\";\n}\n\nexport function ImagePreview({\n  src,\n  onRemove,\n  size = \"small\",\n}: ImagePreviewProps) {\n  return (\n    <div data-testid=\"image-preview\" className=\"relative w-fit shrink-0 py-1\">\n      <Thumbnail src={src} size={size} />\n      {onRemove && (\n        <RemoveButton\n          onClick={onRemove}\n          className=\"absolute right-[3px] top-[3px] cursor-pointer\"\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"6KASA,SAAgB,EAAa,CAC3B,MACA,WACA,OAAO,SACa,CACpB,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gBAAgB,UAAU,wCAA3C,EACE,EAAA,EAAA,KAAC,EAAA,UAAD,CAAgB,MAAW,MAAO,CAAA,EACjC,IACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,QAAS,EACT,UAAU,+CACX,CAAA,CAEA,GAET"}
+{"version":3,"file":"image-preview.cjs","names":[],"sources":["../../../../src/components/features/images/image-preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { RemoveButton } from \"#/components/shared/buttons/remove-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ImageLightbox } from \"./image-lightbox\";\nimport { Thumbnail } from \"./thumbnail\";\n\ninterface ImagePreviewProps {\n  src: string;\n  onRemove?: () => void;\n  size?: \"small\" | \"large\";\n}\n\nexport function ImagePreview({\n  src,\n  onRemove,\n  size = \"small\",\n}: ImagePreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isExpanded, setIsExpanded] = React.useState(false);\n\n  return (\n    <div data-testid=\"image-preview\" className=\"relative w-fit shrink-0 py-1\">\n      <button\n        type=\"button\"\n        data-testid=\"expand-image-button\"\n        aria-label={t(I18nKey.BUTTON$VIEW_FULL_SIZE_IMAGE)}\n        onClick={() => setIsExpanded(true)}\n        className=\"block cursor-zoom-in rounded-sm transition-opacity hover:opacity-80\"\n      >\n        <Thumbnail src={src} size={size} />\n      </button>\n      {onRemove && (\n        <RemoveButton\n          onClick={onRemove}\n          aria-label={t(I18nKey.BUTTON$REMOVE_IMAGE)}\n          className=\"absolute right-[3px] top-[3px] cursor-pointer\"\n        />\n      )}\n      {isExpanded && (\n        <ImageLightbox src={src} onClose={() => setIsExpanded(false)} />\n      )}\n    </div>\n  );\n}\n"],"mappings":"gXAaA,SAAgB,EAAa,CAC3B,MACA,WACA,OAAO,SACa,CACpB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAY,GAAiB,EAAA,QAAM,SAAS,EAAK,EAExD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gBAAgB,UAAU,wCAA3C,EACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,sBACZ,aAAY,EAAE,EAAA,QAAQ,2BAA2B,EACjD,YAAe,EAAc,EAAI,EACjC,UAAU,gFAEV,EAAA,EAAA,KAAC,EAAA,UAAD,CAAgB,MAAW,MAAO,CAAA,CAC5B,CAAA,EACP,IACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,QAAS,EACT,aAAY,EAAE,EAAA,QAAQ,mBAAmB,EACzC,UAAU,+CACX,CAAA,EAEF,IACC,EAAA,EAAA,KAAC,EAAA,cAAD,CAAoB,MAAK,YAAe,EAAc,EAAK,CAAI,CAAA,CAE9D,GAET"}

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

@@ -1,7 +1,8 @@
+import React from "react";
 interface ImagePreviewProps {
     src: string;
     onRemove?: () => void;
     size?: "small" | "large";
 }
-export declare function ImagePreview({ src, onRemove, size, }: ImagePreviewProps): import("react").JSX.Element;
+export declare function ImagePreview({ src, onRemove, size, }: ImagePreviewProps): React.JSX.Element;
 export {};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"image-preview.js","names":[],"sources":["../../../../src/components/features/images/image-preview.tsx"],"sourcesContent":["import { RemoveButton } from \"#/components/shared/buttons/remove-button\";\nimport { Thumbnail } from \"./thumbnail\";\n\ninterface ImagePreviewProps {\n  src: string;\n  onRemove?: () => void;\n  size?: \"small\" | \"large\";\n}\n\nexport function ImagePreview({\n  src,\n  onRemove,\n  size = \"small\",\n}: ImagePreviewProps) {\n  return (\n    <div data-testid=\"image-preview\" className=\"relative w-fit shrink-0 py-1\">\n      <Thumbnail src={src} size={size} />\n      {onRemove && (\n        <RemoveButton\n          onClick={onRemove}\n          className=\"absolute right-[3px] top-[3px] cursor-pointer\"\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AASA,SAAgB,EAAa,EAC3B,QACA,aACA,UAAO,WACa;CACpB,OACE,kBAAC,OAAD;EAAK,eAAY;EAAgB,WAAU;YAA3C,CACE,kBAAC,GAAD;GAAgB;GAAW;EAAO,CAAA,GACjC,KACC,kBAAC,GAAD;GACE,SAAS;GACT,WAAU;EACX,CAAA,CAEA;;AAET"}
+{"version":3,"file":"image-preview.js","names":[],"sources":["../../../../src/components/features/images/image-preview.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { RemoveButton } from \"#/components/shared/buttons/remove-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { ImageLightbox } from \"./image-lightbox\";\nimport { Thumbnail } from \"./thumbnail\";\n\ninterface ImagePreviewProps {\n  src: string;\n  onRemove?: () => void;\n  size?: \"small\" | \"large\";\n}\n\nexport function ImagePreview({\n  src,\n  onRemove,\n  size = \"small\",\n}: ImagePreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [isExpanded, setIsExpanded] = React.useState(false);\n\n  return (\n    <div data-testid=\"image-preview\" className=\"relative w-fit shrink-0 py-1\">\n      <button\n        type=\"button\"\n        data-testid=\"expand-image-button\"\n        aria-label={t(I18nKey.BUTTON$VIEW_FULL_SIZE_IMAGE)}\n        onClick={() => setIsExpanded(true)}\n        className=\"block cursor-zoom-in rounded-sm transition-opacity hover:opacity-80\"\n      >\n        <Thumbnail src={src} size={size} />\n      </button>\n      {onRemove && (\n        <RemoveButton\n          onClick={onRemove}\n          aria-label={t(I18nKey.BUTTON$REMOVE_IMAGE)}\n          className=\"absolute right-[3px] top-[3px] cursor-pointer\"\n        />\n      )}\n      {isExpanded && (\n        <ImageLightbox src={src} onClose={() => setIsExpanded(false)} />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,EAAa,EAC3B,QACA,aACA,UAAO,WACa;CACpB,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAY,KAAiB,EAAM,SAAS,EAAK;CAExD,OACE,kBAAC,OAAD;EAAK,eAAY;EAAgB,WAAU;YAA3C;GACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAY;IACZ,cAAY,EAAE,EAAQ,2BAA2B;IACjD,eAAe,EAAc,EAAI;IACjC,WAAU;cAEV,kBAAC,GAAD;KAAgB;KAAW;IAAO,CAAA;GAC5B,CAAA;GACP,KACC,kBAAC,GAAD;IACE,SAAS;IACT,cAAY,EAAE,EAAQ,mBAAmB;IACzC,WAAU;GACX,CAAA;GAEF,KACC,kBAAC,GAAD;IAAoB;IAAK,eAAe,EAAc,EAAK;GAAI,CAAA;EAE9D;;AAET"}

package/dist/components/features/onboarding/steps/setup-llm-step.d.ts

@@ -4,10 +4,9 @@ interface SetupLlmStepProps {
     onNext: () => void;
 }
 /**
- * Pre-fills the LLM form with the OpenAI GPT-5.6 Sol default
- * (`openai/gpt-5.6-sol`), matching `DEFAULT_SETTINGS.llm_model`. The explicit
- * override marks the model dirty so the Next button persists the suggested
- * default immediately.
+ * Fallback when the backend has not exposed a DB-selected OpenHands default.
+ * The onboarding override still marks the model dirty so Next persists the
+ * suggested model immediately.
  */
 export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openai/gpt-5.6-sol";
 /**

package/dist/components/features/settings/cloud-settings-link.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/cloud.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/backend-registry/active-store.cjs"),o=require("../../../contexts/active-backend-context.cjs"),s=require("../sidebar/sidebar-layout.cjs");let c=require("react/jsx-runtime");function l(){let{t:l}=e.useTranslation(`openhands`),{active:u}=o.useActiveBackendContext(),{backend:d,orgId:f}=u;if(a.isNoBackend(d)||d.kind!==`cloud`)return null;let p=f?`?org=${encodeURIComponent(f)}`:``;return(0,c.jsxs)(`a`,{"data-testid":`settings-cloud-link`,href:`${d.host.replace(/\/+$/,``)}/settings${p}`,target:`_blank`,rel:`noopener noreferrer`,className:i.cn(s.sidebarNavRowClassName({collapsed:!1}),s.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[(0,c.jsx)(`span`,{className:s.SIDEBAR_ICON_SLOT_CLASS,children:(0,c.jsx)(n.Cloud,{className:`size-4 shrink-0`,"aria-hidden":!0})}),(0,c.jsx)(`span`,{className:i.cn(s.sidebarNavLabelClassName(!1),`flex-1`),children:l(t.I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}),(0,c.jsx)(r.ExternalLink,{className:`size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]})}exports.CloudSettingsLink=l;
+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/cloud.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../api/agent-server-config.cjs"),o=require("../../../api/backend-registry/active-store.cjs"),s=require("../../../contexts/active-backend-context.cjs"),c=require("../sidebar/sidebar-layout.cjs");let l=require("react/jsx-runtime");function u(){let{t:u}=e.useTranslation(`openhands`),{active:d}=s.useActiveBackendContext(),{backend:f,orgId:p}=d;if(o.isNoBackend(f)||f.kind!==`cloud`)return null;let m=a.getLockedCloudHost()!==null,h=p?`?org=${encodeURIComponent(p)}`:``;return(0,l.jsxs)(`a`,{"data-testid":`settings-cloud-link`,href:`${f.host.replace(/\/+$/,``)}/settings${h}`,target:m?void 0:`_blank`,rel:m?void 0:`noopener noreferrer`,className:i.cn(c.sidebarNavRowClassName({collapsed:!1}),c.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),children:[(0,l.jsx)(`span`,{className:c.SIDEBAR_ICON_SLOT_CLASS,children:(0,l.jsx)(n.Cloud,{className:`size-4 shrink-0`,"aria-hidden":!0})}),(0,l.jsx)(`span`,{className:i.cn(c.sidebarNavLabelClassName(!1),`flex-1`),children:u(t.I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}),!m&&(0,l.jsx)(r.ExternalLink,{className:`size-4 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0})]})}exports.CloudSettingsLink=u;
 //# sourceMappingURL=cloud-settings-link.cjs.map

package/dist/components/features/settings/cloud-settings-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"cloud-settings-link.cjs","names":[],"sources":["../../../../src/components/features/settings/cloud-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Cloud, ExternalLink } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted settings page.\n */\nexport function CloudSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend, orgId } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : \"\";\n  const cloudSettingsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings${orgQuery}`;\n\n  return (\n    <a\n      data-testid=\"settings-cloud-link\"\n      href={cloudSettingsUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Cloud className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}\n      </span>\n      <ExternalLink\n        className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n    </a>\n  );\n}\n"],"mappings":"ojBAiBA,SAAgB,GAAoB,CAClC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,EAAA,wBAAwB,EACrC,CAAE,UAAS,SAAU,EAE3B,GAAI,EAAA,YAAY,CAAO,GAAK,EAAQ,OAAS,QAAS,OAAO,KAI7D,IAAM,EAAW,EAAQ,QAAQ,mBAAmB,CAAK,IAAM,GAG/D,OACE,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,sBACZ,KAAM,GALkB,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAAE,WAAW,IAMpE,OAAO,SACP,IAAI,sBACJ,UAAW,EAAA,GACT,EAAA,uBAAuB,CAAE,UAAW,EAAM,CAAC,EAC3C,EAAA,8BAA8B,IAChC,WARF,EAUE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,kCACf,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,kBAAkB,cAAA,EAAa,CAAA,CAC5C,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,yBAAyB,EAAK,EAAG,QAAQ,WAC1D,EAAE,EAAA,QAAQ,4BAA4B,CACnC,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,yCACV,cAAA,EACD,CAAA,CACA,GAEP"}
+{"version":3,"file":"cloud-settings-link.cjs","names":[],"sources":["../../../../src/components/features/settings/cloud-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Cloud, ExternalLink } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted settings page. Opens in the same tab when the canvas is locked to a\n * Cloud host (SaaS / self-hosted OHE): the settings page shares that host\n * with the canvas, so Back should return here (OHE-3242).\n */\nexport function CloudSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend, orgId } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  const isLockedToCloud = getLockedCloudHost() !== null;\n\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : \"\";\n  const cloudSettingsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings${orgQuery}`;\n\n  return (\n    <a\n      data-testid=\"settings-cloud-link\"\n      href={cloudSettingsUrl}\n      target={isLockedToCloud ? undefined : \"_blank\"}\n      rel={isLockedToCloud ? undefined : \"noopener noreferrer\"}\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Cloud className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}\n      </span>\n      {!isLockedToCloud && (\n        <ExternalLink\n          className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n          aria-hidden\n        />\n      )}\n    </a>\n  );\n}\n"],"mappings":"smBAoBA,SAAgB,GAAoB,CAClC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,UAAW,EAAA,wBAAwB,EACrC,CAAE,UAAS,SAAU,EAE3B,GAAI,EAAA,YAAY,CAAO,GAAK,EAAQ,OAAS,QAAS,OAAO,KAE7D,IAAM,EAAkB,EAAA,mBAAmB,IAAM,KAI3C,EAAW,EAAQ,QAAQ,mBAAmB,CAAK,IAAM,GAG/D,OACE,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,sBACZ,KAAM,GALkB,EAAQ,KAAK,QAAQ,OAAQ,EAAE,EAAE,WAAW,IAMpE,OAAQ,EAAkB,IAAA,GAAY,SACtC,IAAK,EAAkB,IAAA,GAAY,sBACnC,UAAW,EAAA,GACT,EAAA,uBAAuB,CAAE,UAAW,EAAM,CAAC,EAC3C,EAAA,8BAA8B,IAChC,WARF,EAUE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,kCACf,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,kBAAkB,cAAA,EAAa,CAAA,CAC5C,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,yBAAyB,EAAK,EAAG,QAAQ,WAC1D,EAAE,EAAA,QAAQ,4BAA4B,CACnC,CAAA,EACL,CAAC,IACA,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,yCACV,cAAA,EACD,CAAA,CAEF,GAEP"}

package/dist/components/features/settings/cloud-settings-link.d.ts

@@ -1,5 +1,7 @@
 /**
  * Renders only for cloud backends — local backends have no equivalent
- * hosted settings page.
+ * hosted settings page. Opens in the same tab when the canvas is locked to a
+ * Cloud host (SaaS / self-hosted OHE): the settings page shares that host
+ * with the canvas, so Back should return here (OHE-3242).
  */
 export declare function CloudSettingsLink(): import("react").JSX.Element | null;

package/dist/components/features/settings/cloud-settings-link.js

@@ -3,34 +3,35 @@ import { I18nKey as t } from "../../../i18n/declaration.js";
 import { Cloud as n } from "../../../node_modules/lucide-react/dist/esm/icons/cloud.js";
 import { ExternalLink as r } from "../../../node_modules/lucide-react/dist/esm/icons/external-link.js";
 import { cn as i } from "../../../utils/utils.js";
-import { isNoBackend as a } from "../../../api/backend-registry/active-store.js";
-import { useActiveBackendContext as o } from "../../../contexts/active-backend-context.js";
-import { SIDEBAR_ICON_SLOT_CLASS as s, SIDEBAR_ROW_INTERACTIVE_CLASS as c, sidebarNavLabelClassName as l, sidebarNavRowClassName as u } from "../sidebar/sidebar-layout.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { getLockedCloudHost as a } from "../../../api/agent-server-config.js";
+import { isNoBackend as o } from "../../../api/backend-registry/active-store.js";
+import { useActiveBackendContext as s } from "../../../contexts/active-backend-context.js";
+import { SIDEBAR_ICON_SLOT_CLASS as c, SIDEBAR_ROW_INTERACTIVE_CLASS as l, sidebarNavLabelClassName as u, sidebarNavRowClassName as d } from "../sidebar/sidebar-layout.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/features/settings/cloud-settings-link.tsx
-function p() {
-	let { t: p } = e("openhands"), { active: m } = o(), { backend: h, orgId: g } = m;
-	if (a(h) || h.kind !== "cloud") return null;
-	let _ = g ? `?org=${encodeURIComponent(g)}` : "";
-	return /* @__PURE__ */ f("a", {
+function m() {
+	let { t: m } = e("openhands"), { active: h } = s(), { backend: g, orgId: _ } = h;
+	if (o(g) || g.kind !== "cloud") return null;
+	let v = a() !== null, y = _ ? `?org=${encodeURIComponent(_)}` : "";
+	return /* @__PURE__ */ p("a", {
 		"data-testid": "settings-cloud-link",
-		href: `${h.host.replace(/\/+$/, "")}/settings${_}`,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: i(u({ collapsed: !1 }), c.idle),
+		href: `${g.host.replace(/\/+$/, "")}/settings${y}`,
+		target: v ? void 0 : "_blank",
+		rel: v ? void 0 : "noopener noreferrer",
+		className: i(d({ collapsed: !1 }), l.idle),
 		children: [
-			/* @__PURE__ */ d("span", {
-				className: s,
-				children: /* @__PURE__ */ d(n, {
+			/* @__PURE__ */ f("span", {
+				className: c,
+				children: /* @__PURE__ */ f(n, {
 					className: "size-4 shrink-0",
 					"aria-hidden": !0
 				})
 			}),
-			/* @__PURE__ */ d("span", {
-				className: i(l(!1), "flex-1"),
-				children: p(t.SETTINGS$CLOUD_SETTINGS_LINK)
+			/* @__PURE__ */ f("span", {
+				className: i(u(!1), "flex-1"),
+				children: m(t.SETTINGS$CLOUD_SETTINGS_LINK)
 			}),
-			/* @__PURE__ */ d(r, {
+			!v && /* @__PURE__ */ f(r, {
 				className: "size-4 shrink-0 text-[var(--oh-muted)]",
 				"aria-hidden": !0
 			})
@@ -38,6 +39,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as CloudSettingsLink };
+export { m as CloudSettingsLink };
 
 //# sourceMappingURL=cloud-settings-link.js.map

package/dist/components/features/settings/cloud-settings-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"cloud-settings-link.js","names":[],"sources":["../../../../src/components/features/settings/cloud-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Cloud, ExternalLink } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted settings page.\n */\nexport function CloudSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend, orgId } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : \"\";\n  const cloudSettingsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings${orgQuery}`;\n\n  return (\n    <a\n      data-testid=\"settings-cloud-link\"\n      href={cloudSettingsUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Cloud className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}\n      </span>\n      <ExternalLink\n        className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n        aria-hidden\n      />\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,YAAS,aAAU;CAE3B,IAAI,EAAY,CAAO,KAAK,EAAQ,SAAS,SAAS,OAAO;CAI7D,IAAM,IAAW,IAAQ,QAAQ,mBAAmB,CAAK,MAAM;CAG/D,OACE,kBAAC,KAAD;EACE,eAAY;EACZ,MAAM,GALkB,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE,WAAW;EAMpE,QAAO;EACP,KAAI;EACJ,WAAW,EACT,EAAuB,EAAE,WAAW,GAAM,CAAC,GAC3C,EAA8B,IAChC;YARF;GAUE,kBAAC,QAAD;IAAM,WAAW;cACf,kBAAC,GAAD;KAAO,WAAU;KAAkB,eAAA;IAAa,CAAA;GAC5C,CAAA;GACN,kBAAC,QAAD;IAAM,WAAW,EAAG,EAAyB,EAAK,GAAG,QAAQ;cAC1D,EAAE,EAAQ,4BAA4B;GACnC,CAAA;GACN,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA;EACA;;AAEP"}
+{"version":3,"file":"cloud-settings-link.js","names":[],"sources":["../../../../src/components/features/settings/cloud-settings-link.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { Cloud, ExternalLink } from \"lucide-react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useActiveBackendContext } from \"#/contexts/active-backend-context\";\nimport { isNoBackend } from \"#/api/backend-registry/active-store\";\nimport { getLockedCloudHost } from \"#/api/agent-server-config\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"#/components/features/sidebar/sidebar-layout\";\n\n/**\n * Renders only for cloud backends — local backends have no equivalent\n * hosted settings page. Opens in the same tab when the canvas is locked to a\n * Cloud host (SaaS / self-hosted OHE): the settings page shares that host\n * with the canvas, so Back should return here (OHE-3242).\n */\nexport function CloudSettingsLink() {\n  const { t } = useTranslation(\"openhands\");\n  const { active } = useActiveBackendContext();\n  const { backend, orgId } = active;\n\n  if (isNoBackend(backend) || backend.kind !== \"cloud\") return null;\n\n  const isLockedToCloud = getLockedCloudHost() !== null;\n\n  // `org` is consumed by the cloud settings loader so the page opens on the\n  // org that is active here instead of the cloud's last-used org.\n  const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : \"\";\n  const cloudSettingsUrl = `${backend.host.replace(/\\/+$/, \"\")}/settings${orgQuery}`;\n\n  return (\n    <a\n      data-testid=\"settings-cloud-link\"\n      href={cloudSettingsUrl}\n      target={isLockedToCloud ? undefined : \"_blank\"}\n      rel={isLockedToCloud ? undefined : \"noopener noreferrer\"}\n      className={cn(\n        sidebarNavRowClassName({ collapsed: false }),\n        SIDEBAR_ROW_INTERACTIVE_CLASS.idle,\n      )}\n    >\n      <span className={SIDEBAR_ICON_SLOT_CLASS}>\n        <Cloud className=\"size-4 shrink-0\" aria-hidden />\n      </span>\n      <span className={cn(sidebarNavLabelClassName(false), \"flex-1\")}>\n        {t(I18nKey.SETTINGS$CLOUD_SETTINGS_LINK)}\n      </span>\n      {!isLockedToCloud && (\n        <ExternalLink\n          className=\"size-4 shrink-0 text-[var(--oh-muted)]\"\n          aria-hidden\n        />\n      )}\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoBA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,cAAW,EAAwB,GACrC,EAAE,YAAS,aAAU;CAE3B,IAAI,EAAY,CAAO,KAAK,EAAQ,SAAS,SAAS,OAAO;CAE7D,IAAM,IAAkB,EAAmB,MAAM,MAI3C,IAAW,IAAQ,QAAQ,mBAAmB,CAAK,MAAM;CAG/D,OACE,kBAAC,KAAD;EACE,eAAY;EACZ,MAAM,GALkB,EAAQ,KAAK,QAAQ,QAAQ,EAAE,EAAE,WAAW;EAMpE,QAAQ,IAAkB,KAAA,IAAY;EACtC,KAAK,IAAkB,KAAA,IAAY;EACnC,WAAW,EACT,EAAuB,EAAE,WAAW,GAAM,CAAC,GAC3C,EAA8B,IAChC;YARF;GAUE,kBAAC,QAAD;IAAM,WAAW;cACf,kBAAC,GAAD;KAAO,WAAU;KAAkB,eAAA;IAAa,CAAA;GAC5C,CAAA;GACN,kBAAC,QAAD;IAAM,WAAW,EAAG,EAAyB,EAAK,GAAG,QAAQ;cAC1D,EAAE,EAAQ,4BAA4B;GACnC,CAAA;GACL,CAAC,KACA,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;GACD,CAAA;EAEF;;AAEP"}