@openhands/agent-canvas 1.14.0 → 1.15.0

package/dist/components/features/sidebar/sidebar-onboarding-checklist-item-preview.js

@@ -0,0 +1,66 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { BookOpen as n } from "../../../node_modules/lucide-react/dist/esm/icons/book-open.js";
+import { cn as r } from "../../../utils/utils.js";
+import { NavigationLink as i } from "../../shared/navigation-link.js";
+import { SIDEBAR_ONBOARDING_CHECKLIST_ACTION_I18N_KEYS as a, SIDEBAR_ONBOARDING_CHECKLIST_DESCRIPTION_I18N_KEYS as o, SIDEBAR_ONBOARDING_CHECKLIST_DOCS_URLS as s, SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS as c, getSidebarOnboardingChecklistHref as l } from "./sidebar-onboarding-checklist.constants.js";
+import { SidebarOnboardingChecklistItemIcon as u } from "./sidebar-onboarding-checklist-item-icon.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/features/sidebar/sidebar-onboarding-checklist-item-preview.tsx
+var p = r("inline-flex shrink-0 items-center rounded-md bg-white px-2.5 py-1", "text-xs font-medium text-black transition-colors hover:bg-white/90");
+function m({ id: r, onActionClick: m, onDocsClick: h }) {
+	let { t: g } = e("openhands"), _ = c[r], v = o[r], y = a[r], b = s[r], x = l(r);
+	return /* @__PURE__ */ f("div", {
+		className: "flex w-[280px] flex-col gap-2.5 p-3",
+		"data-testid": `sidebar-onboarding-checklist-preview-${r}`,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-start gap-2",
+				children: [/* @__PURE__ */ d("span", {
+					className: "mt-0.5 inline-flex shrink-0 items-center justify-center",
+					children: /* @__PURE__ */ d(u, { id: r })
+				}), /* @__PURE__ */ d("span", {
+					className: "min-w-0 flex-1 text-sm font-medium text-white",
+					children: g(_)
+				})]
+			}),
+			/* @__PURE__ */ d("p", {
+				className: "text-xs leading-relaxed text-[var(--oh-muted)]",
+				children: g(v)
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ f("a", {
+					href: b,
+					target: "_blank",
+					rel: "noreferrer",
+					"data-testid": `sidebar-onboarding-checklist-preview-docs-${r}`,
+					className: "inline-flex min-w-0 items-center gap-2 text-xs text-[var(--oh-muted)] transition-colors hover:text-white hover:underline",
+					onClick: h,
+					children: [/* @__PURE__ */ d(n, {
+						className: "size-3.5 shrink-0",
+						"aria-hidden": !0
+					}), g(t.SIDEBAR$ONBOARDING_CHECKLIST_DOCS_LINK)]
+				}), x.kind === "external" ? /* @__PURE__ */ d("a", {
+					href: x.href,
+					target: "_blank",
+					rel: "noreferrer",
+					"data-testid": `sidebar-onboarding-checklist-preview-action-${r}`,
+					className: p,
+					onClick: m,
+					children: g(y)
+				}) : /* @__PURE__ */ d(i, {
+					to: x.href,
+					"data-testid": `sidebar-onboarding-checklist-preview-action-${r}`,
+					className: p,
+					onClick: m,
+					children: g(y)
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { m as SidebarOnboardingChecklistItemPreview };
+
+//# sourceMappingURL=sidebar-onboarding-checklist-item-preview.js.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist-item-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist-item-preview.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist-item-preview.tsx"],"sourcesContent":["import { BookOpen } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  getSidebarOnboardingChecklistHref,\n  SIDEBAR_ONBOARDING_CHECKLIST_ACTION_I18N_KEYS,\n  SIDEBAR_ONBOARDING_CHECKLIST_DESCRIPTION_I18N_KEYS,\n  SIDEBAR_ONBOARDING_CHECKLIST_DOCS_URLS,\n  SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS,\n  type SidebarOnboardingChecklistItemId,\n} from \"./sidebar-onboarding-checklist.constants\";\nimport { SidebarOnboardingChecklistItemIcon } from \"./sidebar-onboarding-checklist-item-icon\";\n\nconst PREVIEW_ACTION_BUTTON_CLASS = cn(\n  \"inline-flex shrink-0 items-center rounded-md bg-white px-2.5 py-1\",\n  \"text-xs font-medium text-black transition-colors hover:bg-white/90\",\n);\n\ninterface SidebarOnboardingChecklistItemPreviewProps {\n  id: SidebarOnboardingChecklistItemId;\n  onActionClick?: () => void;\n  onDocsClick?: () => void;\n}\n\nexport function SidebarOnboardingChecklistItemPreview({\n  id,\n  onActionClick,\n  onDocsClick,\n}: SidebarOnboardingChecklistItemPreviewProps) {\n  const { t } = useTranslation(\"openhands\");\n  const titleKey = SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS[id];\n  const descriptionKey = SIDEBAR_ONBOARDING_CHECKLIST_DESCRIPTION_I18N_KEYS[id];\n  const actionKey = SIDEBAR_ONBOARDING_CHECKLIST_ACTION_I18N_KEYS[id];\n  const docsUrl = SIDEBAR_ONBOARDING_CHECKLIST_DOCS_URLS[id];\n  const href = getSidebarOnboardingChecklistHref(id);\n\n  return (\n    <div\n      className=\"flex w-[280px] flex-col gap-2.5 p-3\"\n      data-testid={`sidebar-onboarding-checklist-preview-${id}`}\n    >\n      <div className=\"flex items-start gap-2\">\n        <span className=\"mt-0.5 inline-flex shrink-0 items-center justify-center\">\n          <SidebarOnboardingChecklistItemIcon id={id} />\n        </span>\n        <span className=\"min-w-0 flex-1 text-sm font-medium text-white\">\n          {t(titleKey)}\n        </span>\n      </div>\n      <p className=\"text-xs leading-relaxed text-[var(--oh-muted)]\">\n        {t(descriptionKey)}\n      </p>\n      <div className=\"flex items-center justify-between gap-3\">\n        <a\n          href={docsUrl}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          data-testid={`sidebar-onboarding-checklist-preview-docs-${id}`}\n          className=\"inline-flex min-w-0 items-center gap-2 text-xs text-[var(--oh-muted)] transition-colors hover:text-white hover:underline\"\n          onClick={onDocsClick}\n        >\n          <BookOpen className=\"size-3.5 shrink-0\" aria-hidden />\n          {t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_DOCS_LINK)}\n        </a>\n        {href.kind === \"external\" ? (\n          <a\n            href={href.href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            data-testid={`sidebar-onboarding-checklist-preview-action-${id}`}\n            className={PREVIEW_ACTION_BUTTON_CLASS}\n            onClick={onActionClick}\n          >\n            {t(actionKey)}\n          </a>\n        ) : (\n          <NavigationLink\n            to={href.href}\n            data-testid={`sidebar-onboarding-checklist-preview-action-${id}`}\n            className={PREVIEW_ACTION_BUTTON_CLASS}\n            onClick={onActionClick}\n          >\n            {t(actionKey)}\n          </NavigationLink>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,IAAM,IAA8B,EAClC,qEACA,oEACF;AAQA,SAAgB,EAAsC,EACpD,OACA,kBACA,kBAC6C;CAC7C,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAW,EAAuC,IAClD,IAAiB,EAAmD,IACpE,IAAY,EAA8C,IAC1D,IAAU,EAAuC,IACjD,IAAO,EAAkC,CAAE;CAEjD,OACE,kBAAC,OAAD;EACE,WAAU;EACV,eAAa,wCAAwC;YAFvD;GAIE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAwC,MAAK,CAAA;IACzC,CAAA,GACN,kBAAC,QAAD;KAAM,WAAU;eACb,EAAE,CAAQ;IACP,CAAA,CACH;;GACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,CAAc;GAChB,CAAA;GACH,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KACE,MAAM;KACN,QAAO;KACP,KAAI;KACJ,eAAa,6CAA6C;KAC1D,WAAU;KACV,SAAS;eANX,CAQE,kBAAC,GAAD;MAAU,WAAU;MAAoB,eAAA;KAAa,CAAA,GACpD,EAAE,EAAQ,sCAAsC,CAChD;QACF,EAAK,SAAS,aACb,kBAAC,KAAD;KACE,MAAM,EAAK;KACX,QAAO;KACP,KAAI;KACJ,eAAa,+CAA+C;KAC5D,WAAW;KACX,SAAS;eAER,EAAE,CAAS;IACX,CAAA,IAEH,kBAAC,GAAD;KACE,IAAI,EAAK;KACT,eAAa,+CAA+C;KAC5D,WAAW;KACX,SAAS;eAER,EAAE,CAAS;IACE,CAAA,CAEf;;EACF;;AAET"}

package/dist/components/features/sidebar/sidebar-onboarding-checklist-llm-complete.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");function e(e){return e?.profiles.some(e=>e.api_key_set===!0)??!1}function t(e){let t=e?.agent_settings?.llm,n=typeof t?.model==`string`&&t.model.length>0,r=e?.llm_api_key_set===!0||e?.llm_api_key_is_set===!0||t?.auth_type===`subscription`;return n&&r}function n(n,r,i,a,o){return!!(e(a)||r||t(n))}exports.isConfigureLlmChecklistItemComplete=n;
+//# sourceMappingURL=sidebar-onboarding-checklist-llm-complete.cjs.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist-llm-complete.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist-llm-complete.cjs","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist-llm-complete.ts"],"sourcesContent":["import type { ProfileListResponse } from \"#/api/profiles-service/profiles-service.api\";\nimport type { Settings } from \"#/types/settings\";\n\nfunction hasLlmProfileWithApiKey(\n  profilesData: ProfileListResponse | undefined,\n): boolean {\n  return (\n    profilesData?.profiles.some((profile) => profile.api_key_set === true) ??\n    false\n  );\n}\n\nfunction hasConfiguredLlmInSettings(settings: Settings | undefined): boolean {\n  const llm = settings?.agent_settings?.llm as\n    | { model?: unknown; auth_type?: unknown }\n    | undefined;\n  const hasModel = typeof llm?.model === \"string\" && llm.model.length > 0;\n  const hasAuth =\n    settings?.llm_api_key_set === true ||\n    settings?.llm_api_key_is_set === true ||\n    llm?.auth_type === \"subscription\";\n\n  return hasModel && hasAuth;\n}\n\nexport function isConfigureLlmChecklistItemComplete(\n  settings: Settings | undefined,\n  isLlmConfigured: boolean,\n  isLlmConfiguredLoading: boolean,\n  profilesData: ProfileListResponse | undefined,\n  isProfilesLoading: boolean,\n): boolean {\n  if (hasLlmProfileWithApiKey(profilesData)) {\n    return true;\n  }\n\n  if (isLlmConfigured) {\n    return true;\n  }\n\n  if (hasConfiguredLlmInSettings(settings)) {\n    return true;\n  }\n\n  if (isLlmConfiguredLoading || (isProfilesLoading && !profilesData)) {\n    return false;\n  }\n\n  return false;\n}\n"],"mappings":"mDAGA,SAAS,EACP,EACS,CACT,OACE,GAAc,SAAS,KAAM,GAAY,EAAQ,cAAgB,EAAI,GACrE,EAEJ,CAEA,SAAS,EAA2B,EAAyC,CAC3E,IAAM,EAAM,GAAU,gBAAgB,IAGhC,EAAW,OAAO,GAAK,OAAU,UAAY,EAAI,MAAM,OAAS,EAChE,EACJ,GAAU,kBAAoB,IAC9B,GAAU,qBAAuB,IACjC,GAAK,YAAc,eAErB,OAAO,GAAY,CACrB,CAEA,SAAgB,EACd,EACA,EACA,EACA,EACA,EACS,CAiBT,MARA,GARI,EAAwB,CAAY,GAIpC,GAIA,EAA2B,CAAQ,EASzC"}

package/dist/components/features/sidebar/sidebar-onboarding-checklist-llm-complete.d.ts

@@ -0,0 +1,3 @@
+import type { ProfileListResponse } from "#/api/profiles-service/profiles-service.api";
+import type { Settings } from "#/types/settings";
+export declare function isConfigureLlmChecklistItemComplete(settings: Settings | undefined, isLlmConfigured: boolean, isLlmConfiguredLoading: boolean, profilesData: ProfileListResponse | undefined, isProfilesLoading: boolean): boolean;

package/dist/components/features/sidebar/sidebar-onboarding-checklist-llm-complete.js

@@ -0,0 +1,15 @@
+//#region src/components/features/sidebar/sidebar-onboarding-checklist-llm-complete.ts
+function e(e) {
+	return e?.profiles.some((e) => e.api_key_set === !0) ?? !1;
+}
+function t(e) {
+	let t = e?.agent_settings?.llm, n = typeof t?.model == "string" && t.model.length > 0, r = e?.llm_api_key_set === !0 || e?.llm_api_key_is_set === !0 || t?.auth_type === "subscription";
+	return n && r;
+}
+function n(n, r, i, a, o) {
+	return !!(e(a) || r || t(n));
+}
+//#endregion
+export { n as isConfigureLlmChecklistItemComplete };
+
+//# sourceMappingURL=sidebar-onboarding-checklist-llm-complete.js.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist-llm-complete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist-llm-complete.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist-llm-complete.ts"],"sourcesContent":["import type { ProfileListResponse } from \"#/api/profiles-service/profiles-service.api\";\nimport type { Settings } from \"#/types/settings\";\n\nfunction hasLlmProfileWithApiKey(\n  profilesData: ProfileListResponse | undefined,\n): boolean {\n  return (\n    profilesData?.profiles.some((profile) => profile.api_key_set === true) ??\n    false\n  );\n}\n\nfunction hasConfiguredLlmInSettings(settings: Settings | undefined): boolean {\n  const llm = settings?.agent_settings?.llm as\n    | { model?: unknown; auth_type?: unknown }\n    | undefined;\n  const hasModel = typeof llm?.model === \"string\" && llm.model.length > 0;\n  const hasAuth =\n    settings?.llm_api_key_set === true ||\n    settings?.llm_api_key_is_set === true ||\n    llm?.auth_type === \"subscription\";\n\n  return hasModel && hasAuth;\n}\n\nexport function isConfigureLlmChecklistItemComplete(\n  settings: Settings | undefined,\n  isLlmConfigured: boolean,\n  isLlmConfiguredLoading: boolean,\n  profilesData: ProfileListResponse | undefined,\n  isProfilesLoading: boolean,\n): boolean {\n  if (hasLlmProfileWithApiKey(profilesData)) {\n    return true;\n  }\n\n  if (isLlmConfigured) {\n    return true;\n  }\n\n  if (hasConfiguredLlmInSettings(settings)) {\n    return true;\n  }\n\n  if (isLlmConfiguredLoading || (isProfilesLoading && !profilesData)) {\n    return false;\n  }\n\n  return false;\n}\n"],"mappings":";AAGA,SAAS,EACP,GACS;CACT,OACE,GAAc,SAAS,MAAM,MAAY,EAAQ,gBAAgB,EAAI,KACrE;AAEJ;AAEA,SAAS,EAA2B,GAAyC;CAC3E,IAAM,IAAM,GAAU,gBAAgB,KAGhC,IAAW,OAAO,GAAK,SAAU,YAAY,EAAI,MAAM,SAAS,GAChE,IACJ,GAAU,oBAAoB,MAC9B,GAAU,uBAAuB,MACjC,GAAK,cAAc;CAErB,OAAO,KAAY;AACrB;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACS;CAiBT,OARA,GARI,EAAwB,CAAY,KAIpC,KAIA,EAA2B,CAAQ;AASzC"}

package/dist/components/features/sidebar/sidebar-onboarding-checklist-storage.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("./sidebar-onboarding-checklist.constants.cjs");function t(){return typeof window>`u`?!1:window.localStorage.getItem(e.SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY)===`true`}function n(){return t()}function r(t){let n=()=>t();return window.addEventListener(`storage`,n),window.addEventListener(e.SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT,n),()=>{window.removeEventListener(`storage`,n),window.removeEventListener(e.SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT,n)}}function i(t){window.localStorage.setItem(e.SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY,t?`true`:`false`),window.dispatchEvent(new Event(e.SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT))}function a(){return typeof window>`u`?!1:window.localStorage.getItem(e.SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY)===`true`}function o(t){window.localStorage.setItem(e.SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY,t?`true`:`false`)}function s(){return typeof window>`u`?!1:window.localStorage.getItem(e.SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY)===`true`}function c(t){window.localStorage.setItem(e.SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY,t?`true`:`false`)}function l(){return typeof window>`u`?!1:window.localStorage.getItem(e.SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY)===`true`}function u(t){window.localStorage.setItem(e.SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY,t?`true`:`false`)}exports.getSidebarOnboardingChecklistDismissedSnapshot=n,exports.readSidebarOnboardingChecklistCustomizeExplored=s,exports.readSidebarOnboardingChecklistMinimized=a,exports.readSidebarOnboardingChecklistSlackJoined=l,exports.subscribeSidebarOnboardingChecklistDismissed=r,exports.writeSidebarOnboardingChecklistCustomizeExplored=c,exports.writeSidebarOnboardingChecklistDismissed=i,exports.writeSidebarOnboardingChecklistMinimized=o,exports.writeSidebarOnboardingChecklistSlackJoined=u;
+//# sourceMappingURL=sidebar-onboarding-checklist-storage.cjs.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist-storage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist-storage.cjs","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist-storage.ts"],"sourcesContent":["import {\n  SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY,\n  SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT,\n  SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY,\n  SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY,\n  SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY,\n} from \"./sidebar-onboarding-checklist.constants\";\n\nexport function readSidebarOnboardingChecklistDismissed(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return (\n    window.localStorage.getItem(\n      SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY,\n    ) === \"true\"\n  );\n}\n\nexport function getSidebarOnboardingChecklistDismissedSnapshot(): boolean {\n  return readSidebarOnboardingChecklistDismissed();\n}\n\nexport function subscribeSidebarOnboardingChecklistDismissed(\n  onStoreChange: () => void,\n): () => void {\n  const handleChange = () => onStoreChange();\n  window.addEventListener(\"storage\", handleChange);\n  window.addEventListener(\n    SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT,\n    handleChange,\n  );\n\n  return () => {\n    window.removeEventListener(\"storage\", handleChange);\n    window.removeEventListener(\n      SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT,\n      handleChange,\n    );\n  };\n}\n\nexport function writeSidebarOnboardingChecklistDismissed(\n  dismissed: boolean,\n): void {\n  window.localStorage.setItem(\n    SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY,\n    dismissed ? \"true\" : \"false\",\n  );\n  window.dispatchEvent(\n    new Event(SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT),\n  );\n}\n\nexport function readSidebarOnboardingChecklistMinimized(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return (\n    window.localStorage.getItem(\n      SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY,\n    ) === \"true\"\n  );\n}\n\nexport function writeSidebarOnboardingChecklistMinimized(\n  minimized: boolean,\n): void {\n  window.localStorage.setItem(\n    SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY,\n    minimized ? \"true\" : \"false\",\n  );\n}\n\nexport function readSidebarOnboardingChecklistCustomizeExplored(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return (\n    window.localStorage.getItem(\n      SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY,\n    ) === \"true\"\n  );\n}\n\nexport function writeSidebarOnboardingChecklistCustomizeExplored(\n  explored: boolean,\n): void {\n  window.localStorage.setItem(\n    SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY,\n    explored ? \"true\" : \"false\",\n  );\n}\n\nexport function readSidebarOnboardingChecklistSlackJoined(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return (\n    window.localStorage.getItem(\n      SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY,\n    ) === \"true\"\n  );\n}\n\nexport function writeSidebarOnboardingChecklistSlackJoined(\n  joined: boolean,\n): void {\n  window.localStorage.setItem(\n    SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY,\n    joined ? \"true\" : \"false\",\n  );\n}\n"],"mappings":"mHAQA,SAAgB,GAAmD,CAKjE,OAJI,OAAO,OAAW,IACb,GAIP,OAAO,aAAa,QAClB,EAAA,kDACF,IAAM,MAEV,CAEA,SAAgB,GAA0D,CACxE,OAAO,EAAwC,CACjD,CAEA,SAAgB,EACd,EACY,CACZ,IAAM,MAAqB,EAAc,EAOzC,OANA,OAAO,iBAAiB,UAAW,CAAY,EAC/C,OAAO,iBACL,EAAA,oDACA,CACF,MAEa,CACX,OAAO,oBAAoB,UAAW,CAAY,EAClD,OAAO,oBACL,EAAA,oDACA,CACF,CACF,CACF,CAEA,SAAgB,EACd,EACM,CACN,OAAO,aAAa,QAClB,EAAA,mDACA,EAAY,OAAS,OACvB,EACA,OAAO,cACL,IAAI,MAAM,EAAA,mDAAmD,CAC/D,CACF,CAEA,SAAgB,GAAmD,CAKjE,OAJI,OAAO,OAAW,IACb,GAIP,OAAO,aAAa,QAClB,EAAA,kDACF,IAAM,MAEV,CAEA,SAAgB,EACd,EACM,CACN,OAAO,aAAa,QAClB,EAAA,mDACA,EAAY,OAAS,OACvB,CACF,CAEA,SAAgB,GAA2D,CAKzE,OAJI,OAAO,OAAW,IACb,GAIP,OAAO,aAAa,QAClB,EAAA,2DACF,IAAM,MAEV,CAEA,SAAgB,EACd,EACM,CACN,OAAO,aAAa,QAClB,EAAA,4DACA,EAAW,OAAS,OACtB,CACF,CAEA,SAAgB,GAAqD,CAKnE,OAJI,OAAO,OAAW,IACb,GAIP,OAAO,aAAa,QAClB,EAAA,qDACF,IAAM,MAEV,CAEA,SAAgB,EACd,EACM,CACN,OAAO,aAAa,QAClB,EAAA,sDACA,EAAS,OAAS,OACpB,CACF"}

package/dist/components/features/sidebar/sidebar-onboarding-checklist-storage.d.ts

@@ -0,0 +1,10 @@
+export declare function readSidebarOnboardingChecklistDismissed(): boolean;
+export declare function getSidebarOnboardingChecklistDismissedSnapshot(): boolean;
+export declare function subscribeSidebarOnboardingChecklistDismissed(onStoreChange: () => void): () => void;
+export declare function writeSidebarOnboardingChecklistDismissed(dismissed: boolean): void;
+export declare function readSidebarOnboardingChecklistMinimized(): boolean;
+export declare function writeSidebarOnboardingChecklistMinimized(minimized: boolean): void;
+export declare function readSidebarOnboardingChecklistCustomizeExplored(): boolean;
+export declare function writeSidebarOnboardingChecklistCustomizeExplored(explored: boolean): void;
+export declare function readSidebarOnboardingChecklistSlackJoined(): boolean;
+export declare function writeSidebarOnboardingChecklistSlackJoined(joined: boolean): void;

package/dist/components/features/sidebar/sidebar-onboarding-checklist-storage.js

@@ -0,0 +1,39 @@
+import { SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY as e, SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT as t, SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY as n, SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY as r, SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY as i } from "./sidebar-onboarding-checklist.constants.js";
+//#region src/components/features/sidebar/sidebar-onboarding-checklist-storage.ts
+function a() {
+	return typeof window > "u" ? !1 : window.localStorage.getItem(n) === "true";
+}
+function o() {
+	return a();
+}
+function s(e) {
+	let n = () => e();
+	return window.addEventListener("storage", n), window.addEventListener(t, n), () => {
+		window.removeEventListener("storage", n), window.removeEventListener(t, n);
+	};
+}
+function c(e) {
+	window.localStorage.setItem(n, e ? "true" : "false"), window.dispatchEvent(new Event(t));
+}
+function l() {
+	return typeof window > "u" ? !1 : window.localStorage.getItem(r) === "true";
+}
+function u(e) {
+	window.localStorage.setItem(r, e ? "true" : "false");
+}
+function d() {
+	return typeof window > "u" ? !1 : window.localStorage.getItem(e) === "true";
+}
+function f(t) {
+	window.localStorage.setItem(e, t ? "true" : "false");
+}
+function p() {
+	return typeof window > "u" ? !1 : window.localStorage.getItem(i) === "true";
+}
+function m(e) {
+	window.localStorage.setItem(i, e ? "true" : "false");
+}
+//#endregion
+export { o as getSidebarOnboardingChecklistDismissedSnapshot, d as readSidebarOnboardingChecklistCustomizeExplored, l as readSidebarOnboardingChecklistMinimized, p as readSidebarOnboardingChecklistSlackJoined, s as subscribeSidebarOnboardingChecklistDismissed, f as writeSidebarOnboardingChecklistCustomizeExplored, c as writeSidebarOnboardingChecklistDismissed, u as writeSidebarOnboardingChecklistMinimized, m as writeSidebarOnboardingChecklistSlackJoined };
+
+//# sourceMappingURL=sidebar-onboarding-checklist-storage.js.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist-storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist-storage.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist-storage.ts"],"sourcesContent":["import {\n  SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY,\n  SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT,\n  SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY,\n  SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY,\n  SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY,\n} from \"./sidebar-onboarding-checklist.constants\";\n\nexport function readSidebarOnboardingChecklistDismissed(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return (\n    window.localStorage.getItem(\n      SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY,\n    ) === \"true\"\n  );\n}\n\nexport function getSidebarOnboardingChecklistDismissedSnapshot(): boolean {\n  return readSidebarOnboardingChecklistDismissed();\n}\n\nexport function subscribeSidebarOnboardingChecklistDismissed(\n  onStoreChange: () => void,\n): () => void {\n  const handleChange = () => onStoreChange();\n  window.addEventListener(\"storage\", handleChange);\n  window.addEventListener(\n    SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT,\n    handleChange,\n  );\n\n  return () => {\n    window.removeEventListener(\"storage\", handleChange);\n    window.removeEventListener(\n      SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT,\n      handleChange,\n    );\n  };\n}\n\nexport function writeSidebarOnboardingChecklistDismissed(\n  dismissed: boolean,\n): void {\n  window.localStorage.setItem(\n    SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY,\n    dismissed ? \"true\" : \"false\",\n  );\n  window.dispatchEvent(\n    new Event(SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT),\n  );\n}\n\nexport function readSidebarOnboardingChecklistMinimized(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return (\n    window.localStorage.getItem(\n      SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY,\n    ) === \"true\"\n  );\n}\n\nexport function writeSidebarOnboardingChecklistMinimized(\n  minimized: boolean,\n): void {\n  window.localStorage.setItem(\n    SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY,\n    minimized ? \"true\" : \"false\",\n  );\n}\n\nexport function readSidebarOnboardingChecklistCustomizeExplored(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return (\n    window.localStorage.getItem(\n      SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY,\n    ) === \"true\"\n  );\n}\n\nexport function writeSidebarOnboardingChecklistCustomizeExplored(\n  explored: boolean,\n): void {\n  window.localStorage.setItem(\n    SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY,\n    explored ? \"true\" : \"false\",\n  );\n}\n\nexport function readSidebarOnboardingChecklistSlackJoined(): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return (\n    window.localStorage.getItem(\n      SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY,\n    ) === \"true\"\n  );\n}\n\nexport function writeSidebarOnboardingChecklistSlackJoined(\n  joined: boolean,\n): void {\n  window.localStorage.setItem(\n    SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY,\n    joined ? \"true\" : \"false\",\n  );\n}\n"],"mappings":";;AAQA,SAAgB,IAAmD;CAKjE,OAJI,OAAO,SAAW,MACb,KAIP,OAAO,aAAa,QAClB,CACF,MAAM;AAEV;AAEA,SAAgB,IAA0D;CACxE,OAAO,EAAwC;AACjD;AAEA,SAAgB,EACd,GACY;CACZ,IAAM,UAAqB,EAAc;CAOzC,OANA,OAAO,iBAAiB,WAAW,CAAY,GAC/C,OAAO,iBACL,GACA,CACF,SAEa;EAEX,AADA,OAAO,oBAAoB,WAAW,CAAY,GAClD,OAAO,oBACL,GACA,CACF;CACF;AACF;AAEA,SAAgB,EACd,GACM;CAKN,AAJA,OAAO,aAAa,QAClB,GACA,IAAY,SAAS,OACvB,GACA,OAAO,cACL,IAAI,MAAM,CAAmD,CAC/D;AACF;AAEA,SAAgB,IAAmD;CAKjE,OAJI,OAAO,SAAW,MACb,KAIP,OAAO,aAAa,QAClB,CACF,MAAM;AAEV;AAEA,SAAgB,EACd,GACM;CACN,OAAO,aAAa,QAClB,GACA,IAAY,SAAS,OACvB;AACF;AAEA,SAAgB,IAA2D;CAKzE,OAJI,OAAO,SAAW,MACb,KAIP,OAAO,aAAa,QAClB,CACF,MAAM;AAEV;AAEA,SAAgB,EACd,GACM;CACN,OAAO,aAAa,QAClB,GACA,IAAW,SAAS,OACtB;AACF;AAEA,SAAgB,IAAqD;CAKnE,OAJI,OAAO,SAAW,MACb,KAIP,OAAO,aAAa,QAClB,CACF,MAAM;AAEV;AAEA,SAAgB,EACd,GACM;CACN,OAAO,aAAa,QAClB,GACA,IAAS,SAAS,OACpB;AACF"}

package/dist/components/features/sidebar/sidebar-onboarding-checklist.cjs

@@ -0,0 +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/check.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../hooks/use-tracking.cjs"),o=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs"),s=require("../../shared/navigation-link.cjs"),c=require("./sidebar-onboarding-checklist.constants.cjs"),l=require("./sidebar-onboarding-checklist-item-preview.cjs"),u=require("./use-sidebar-onboarding-checklist.cjs");let d=require("react/jsx-runtime");var f=`rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl`,p=i.cn(`flex min-w-0 w-full items-center gap-2.5 rounded-md px-2.5 py-1.5 text-sm`,`transition-colors hover:bg-[var(--oh-surface)]`);function m({isComplete:e}){return(0,d.jsx)(`span`,{"aria-hidden":!0,className:i.cn(`inline-flex size-4 shrink-0 items-center justify-center rounded-full border`,e?`border-primary bg-primary text-[var(--oh-color-base)]`:`border-[var(--oh-border)] bg-transparent`),children:e?(0,d.jsx)(n.Check,{className:`size-2.5`,strokeWidth:3}):null})}function h({id:t,isComplete:n,onActivate:r}){let{t:u}=e.useTranslation(`openhands`),{trackOnboardingLinkClicked:h}=a.useTracking(),g=c.SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS[t],_=c.getSidebarOnboardingChecklistHref(t),v=c.SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS[t],y=()=>{h({linkId:v,destinationType:c.SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES[t],surface:`landing_checklist`,checklistItem:v,isExternal:_.kind===`external`}),r?.()},b=()=>{h({linkId:`open_docs`,destinationType:`documentation`,surface:`landing_checklist`,checklistItem:v,isExternal:!0})},x=i.cn(p,n?`text-muted`:`text-content`),S=(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(m,{isComplete:n}),(0,d.jsx)(`span`,{className:i.cn(`min-w-0 flex-1 truncate`,n&&`line-through`),children:u(g)})]});return(0,d.jsx)(`li`,{children:(0,d.jsx)(o.tooltip_default,{placement:`right-start`,delay:0,closeDelay:100,disableAnimation:!1,className:f,content:(0,d.jsx)(l.SidebarOnboardingChecklistItemPreview,{id:t,onActionClick:y,onDocsClick:b}),children:_.kind===`external`?(0,d.jsx)(`a`,{href:_.href,target:`_blank`,rel:`noreferrer`,"data-testid":`sidebar-onboarding-checklist-item-${t}`,className:x,onClick:y,children:S}):(0,d.jsx)(s.NavigationLink,{to:_.href,"data-testid":`sidebar-onboarding-checklist-item-${t}`,className:x,onClick:y,children:S})})})}function g({collapsed:n}){let{t:a}=e.useTranslation(`openhands`),{items:o,completedCount:s,isVisible:l,isMinimized:f,toggleMinimized:p,markJoinSlackComplete:m}=u.useSidebarOnboardingChecklist();return n||!l?null:(0,d.jsxs)(`div`,{"data-testid":`sidebar-onboarding-checklist`,"data-minimized":f?`true`:`false`,className:i.cn(`w-full shrink-0 overflow-hidden rounded-xl border border-[var(--oh-border)]`,`bg-[var(--oh-surface-raised)] shadow-sm`),children:[(0,d.jsx)(`div`,{className:i.cn(`px-1`,f?`py-1`:`pt-2 pb-1`),children:(0,d.jsxs)(`div`,{className:i.cn(`relative flex w-full items-center gap-0.5 rounded-md px-1.5`,`transition-colors hover:bg-[var(--oh-surface)]`,f?`py-1`:`py-1.5`),children:[(0,d.jsx)(`button`,{type:`button`,"data-testid":`sidebar-onboarding-checklist-toggle`,"aria-expanded":!f,"aria-label":a(f?t.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_EXPAND:t.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_COLLAPSE),onClick:p,className:`absolute inset-0 z-0 cursor-pointer rounded-md`}),(0,d.jsx)(`div`,{className:`relative z-10 min-w-0 flex-1 px-0.5 pointer-events-none`,children:(0,d.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5`,children:[(0,d.jsx)(`span`,{className:`text-sm font-semibold text-content`,children:a(t.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_TITLE)}),(0,d.jsx)(`span`,{className:`text-xs text-muted`,children:a(t.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_PROGRESS,{completed:s})})]})}),(0,d.jsx)(`span`,{"data-testid":`sidebar-onboarding-checklist-chevron`,"aria-hidden":!0,className:i.cn(`relative z-10 inline-flex size-7 shrink-0 items-center justify-center`,`pointer-events-none text-[var(--oh-muted)]`),children:(0,d.jsx)(r.ChevronDown,{className:i.cn(`size-4 transition-transform motion-reduce:transition-none`,f&&`-rotate-90`)})})]})}),f?null:(0,d.jsx)(`ul`,{className:`flex flex-col gap-0.5 px-2.5 pb-2`,children:o.map(e=>(0,d.jsx)(h,{id:e.id,isComplete:e.isComplete,onActivate:c.isExternalSidebarOnboardingChecklistItem(e.id)?m:void 0},e.id))})]})}exports.SidebarOnboardingChecklist=g;
+//# sourceMappingURL=sidebar-onboarding-checklist.cjs.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist.cjs","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  getSidebarOnboardingChecklistHref,\n  isExternalSidebarOnboardingChecklistItem,\n  SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES,\n  SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS,\n  SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS,\n  type SidebarOnboardingChecklistItemId,\n} from \"./sidebar-onboarding-checklist.constants\";\nimport { SidebarOnboardingChecklistItemPreview } from \"./sidebar-onboarding-checklist-item-preview\";\nimport { useSidebarOnboardingChecklist } from \"./use-sidebar-onboarding-checklist\";\n\nconst CHECKLIST_ITEM_TOOLTIP_CLASS =\n  \"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\";\n\nconst CHECKLIST_ITEM_CLASS = cn(\n  \"flex min-w-0 w-full items-center gap-2.5 rounded-md px-2.5 py-1.5 text-sm\",\n  \"transition-colors hover:bg-[var(--oh-surface)]\",\n);\n\ninterface SidebarOnboardingChecklistProps {\n  collapsed: boolean;\n}\n\nfunction ChecklistStatusIcon({ isComplete }: { isComplete: boolean }) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        \"inline-flex size-4 shrink-0 items-center justify-center rounded-full border\",\n        isComplete\n          ? \"border-primary bg-primary text-[var(--oh-color-base)]\"\n          : \"border-[var(--oh-border)] bg-transparent\",\n      )}\n    >\n      {isComplete ? <Check className=\"size-2.5\" strokeWidth={3} /> : null}\n    </span>\n  );\n}\n\nfunction ChecklistItem({\n  id,\n  isComplete,\n  onActivate,\n}: {\n  id: SidebarOnboardingChecklistItemId;\n  isComplete: boolean;\n  onActivate?: () => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { trackOnboardingLinkClicked } = useTracking();\n  const labelKey = SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS[id];\n  const disableAnimation = import.meta.env.MODE === \"test\";\n  const href = getSidebarOnboardingChecklistHref(id);\n  const linkId = SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS[id];\n\n  const handleLinkClick = () => {\n    trackOnboardingLinkClicked({\n      linkId,\n      destinationType: SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES[id],\n      surface: \"landing_checklist\",\n      checklistItem: linkId,\n      isExternal: href.kind === \"external\",\n    });\n    onActivate?.();\n  };\n\n  const handleDocsClick = () => {\n    trackOnboardingLinkClicked({\n      linkId: \"open_docs\",\n      destinationType: \"documentation\",\n      surface: \"landing_checklist\",\n      checklistItem: linkId,\n      isExternal: true,\n    });\n  };\n\n  const itemClassName = cn(\n    CHECKLIST_ITEM_CLASS,\n    isComplete ? \"text-muted\" : \"text-content\",\n  );\n  const label = (\n    <>\n      <ChecklistStatusIcon isComplete={isComplete} />\n      <span\n        className={cn(\"min-w-0 flex-1 truncate\", isComplete && \"line-through\")}\n      >\n        {t(labelKey)}\n      </span>\n    </>\n  );\n\n  return (\n    <li>\n      <Tooltip\n        placement=\"right-start\"\n        delay={0}\n        closeDelay={100}\n        disableAnimation={disableAnimation}\n        className={CHECKLIST_ITEM_TOOLTIP_CLASS}\n        content={\n          <SidebarOnboardingChecklistItemPreview\n            id={id}\n            onActionClick={handleLinkClick}\n            onDocsClick={handleDocsClick}\n          />\n        }\n      >\n        {href.kind === \"external\" ? (\n          <a\n            href={href.href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            data-testid={`sidebar-onboarding-checklist-item-${id}`}\n            className={itemClassName}\n            onClick={handleLinkClick}\n          >\n            {label}\n          </a>\n        ) : (\n          <NavigationLink\n            to={href.href}\n            data-testid={`sidebar-onboarding-checklist-item-${id}`}\n            className={itemClassName}\n            onClick={handleLinkClick}\n          >\n            {label}\n          </NavigationLink>\n        )}\n      </Tooltip>\n    </li>\n  );\n}\n\nexport function SidebarOnboardingChecklist({\n  collapsed,\n}: SidebarOnboardingChecklistProps) {\n  const { t } = useTranslation(\"openhands\");\n  const {\n    items,\n    completedCount,\n    isVisible,\n    isMinimized,\n    toggleMinimized,\n    markJoinSlackComplete,\n  } = useSidebarOnboardingChecklist();\n\n  if (collapsed || !isVisible) {\n    return null;\n  }\n\n  return (\n    <div\n      data-testid=\"sidebar-onboarding-checklist\"\n      data-minimized={isMinimized ? \"true\" : \"false\"}\n      className={cn(\n        \"w-full shrink-0 overflow-hidden rounded-xl border border-[var(--oh-border)]\",\n        \"bg-[var(--oh-surface-raised)] shadow-sm\",\n      )}\n    >\n      <div className={cn(\"px-1\", isMinimized ? \"py-1\" : \"pt-2 pb-1\")}>\n        <div\n          className={cn(\n            \"relative flex w-full items-center gap-0.5 rounded-md px-1.5\",\n            \"transition-colors hover:bg-[var(--oh-surface)]\",\n            isMinimized ? \"py-1\" : \"py-1.5\",\n          )}\n        >\n          <button\n            type=\"button\"\n            data-testid=\"sidebar-onboarding-checklist-toggle\"\n            aria-expanded={!isMinimized}\n            aria-label={\n              isMinimized\n                ? t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_EXPAND)\n                : t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_COLLAPSE)\n            }\n            onClick={toggleMinimized}\n            className=\"absolute inset-0 z-0 cursor-pointer rounded-md\"\n          />\n\n          <div className=\"relative z-10 min-w-0 flex-1 px-0.5 pointer-events-none\">\n            <div className=\"flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5\">\n              <span className=\"text-sm font-semibold text-content\">\n                {t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_TITLE)}\n              </span>\n              <span className=\"text-xs text-muted\">\n                {t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_PROGRESS, {\n                  completed: completedCount,\n                })}\n              </span>\n            </div>\n          </div>\n\n          <span\n            data-testid=\"sidebar-onboarding-checklist-chevron\"\n            aria-hidden\n            className={cn(\n              \"relative z-10 inline-flex size-7 shrink-0 items-center justify-center\",\n              \"pointer-events-none text-[var(--oh-muted)]\",\n            )}\n          >\n            <ChevronDown\n              className={cn(\n                \"size-4 transition-transform motion-reduce:transition-none\",\n                isMinimized && \"-rotate-90\",\n              )}\n            />\n          </span>\n        </div>\n      </div>\n\n      {!isMinimized ? (\n        <ul className=\"flex flex-col gap-0.5 px-2.5 pb-2\">\n          {items.map((item) => (\n            <ChecklistItem\n              key={item.id}\n              id={item.id}\n              isComplete={item.isComplete}\n              onActivate={\n                isExternalSidebarOnboardingChecklistItem(item.id)\n                  ? markJoinSlackComplete\n                  : undefined\n              }\n            />\n          ))}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/sidebar/sidebar-onboarding-checklist.constants.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../i18n/declaration.cjs");var t=`https://docs.openhands.dev/openhands/usage/agent-canvas/prebuilt-automations`,n=`https://openhands.dev/joinslack`,r=`openhands-sidebar-onboarding-checklist-dismissed`,i=`openhands-sidebar-onboarding-checklist-dismissed-change`,a=`openhands-sidebar-onboarding-checklist-minimized`,o=`openhands-sidebar-onboarding-checklist-customize-explored`,s=`openhands-sidebar-onboarding-checklist-slack-joined`,c=[`configure-llm`,`start-conversation`,`schedule-task`,`customize-agent`,`connect-mcp`,`join-slack`],l={"configure-llm":`/settings/llm`,"connect-mcp":`/mcp`,"start-conversation":`/conversations`,"schedule-task":`/automations`,"customize-agent":`/settings/agents`},u={"configure-llm":`configure_llm`,"start-conversation":`start_conversation`,"schedule-task":`schedule_task`,"customize-agent":`customize_agent`,"connect-mcp":`connect_mcp`,"join-slack":`join_slack`},d={"configure-llm":`settings`,"start-conversation":`conversation`,"schedule-task":`automation`,"customize-agent":`settings`,"connect-mcp":`integration`,"join-slack":`community`};function f(e){return e===`join-slack`}function p(e){return f(e)?{kind:`external`,href:n}:{kind:`internal`,href:l[e]}}var m={"configure-llm":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONFIGURE_LLM,"connect-mcp":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONNECT_MCP,"start-conversation":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_START_CHAT,"schedule-task":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_SCHEDULE_TASK,"customize-agent":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CUSTOMIZE,"join-slack":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_JOIN_SLACK},h={"configure-llm":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONFIGURE_LLM_DESC,"connect-mcp":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONNECT_MCP_DESC,"start-conversation":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_START_CHAT_DESC,"schedule-task":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_SCHEDULE_TASK_DESC,"customize-agent":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CUSTOMIZE_DESC,"join-slack":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_JOIN_SLACK_DESC},g={"configure-llm":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CONFIGURE_LLM,"connect-mcp":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CONNECT_MCP,"start-conversation":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_START_CHAT,"schedule-task":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_SCHEDULE_TASK,"customize-agent":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CUSTOMIZE,"join-slack":e.I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_JOIN_SLACK},_={"configure-llm":`https://docs.openhands.dev/openhands/usage/settings/llm-settings#llm-profiles`,"start-conversation":`https://docs.openhands.dev/openhands/usage/agent-canvas/backends`,"schedule-task":t,"customize-agent":`https://docs.openhands.dev/openhands/usage/agent-canvas/customize-and-settings`,"connect-mcp":`https://docs.openhands.dev/overview/model-context-protocol`,"join-slack":`https://docs.openhands.dev/overview/community`};function v(e){return e===`/settings/agents`||e.startsWith(`/settings/agents/`)}exports.SIDEBAR_ONBOARDING_CHECKLIST_ACTION_I18N_KEYS=g,exports.SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY=o,exports.SIDEBAR_ONBOARDING_CHECKLIST_DESCRIPTION_I18N_KEYS=h,exports.SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES=d,exports.SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT=i,exports.SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY=r,exports.SIDEBAR_ONBOARDING_CHECKLIST_DOCS_URLS=_,exports.SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS=m,exports.SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS=c,exports.SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS=u,exports.SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY=a,exports.SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY=s,exports.getSidebarOnboardingChecklistHref=p,exports.isCustomizeChecklistPath=v,exports.isExternalSidebarOnboardingChecklistItem=f;
+//# sourceMappingURL=sidebar-onboarding-checklist.constants.cjs.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist.constants.cjs","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist.constants.ts"],"sourcesContent":["import { I18nKey } from \"#/i18n/declaration\";\nimport type {\n  OnboardingLinkDestinationType,\n  OnboardingLinkId,\n} from \"#/hooks/use-tracking\";\n\nconst SCHEDULED_TASKS_DOCS_URL =\n  \"https://docs.openhands.dev/openhands/usage/agent-canvas/prebuilt-automations\";\n\n/** Canonical Slack invite redirect from openhands.dev. */\nexport const OPENHANDS_SLACK_COMMUNITY_URL = \"https://openhands.dev/joinslack\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY =\n  \"openhands-sidebar-onboarding-checklist-dismissed\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT =\n  \"openhands-sidebar-onboarding-checklist-dismissed-change\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY =\n  \"openhands-sidebar-onboarding-checklist-minimized\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY =\n  \"openhands-sidebar-onboarding-checklist-customize-explored\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY =\n  \"openhands-sidebar-onboarding-checklist-slack-joined\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS = [\n  \"configure-llm\",\n  \"start-conversation\",\n  \"schedule-task\",\n  \"customize-agent\",\n  \"connect-mcp\",\n  \"join-slack\",\n] as const;\n\nexport type SidebarOnboardingChecklistItemId =\n  (typeof SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS)[number];\n\nexport type SidebarOnboardingChecklistInternalItemId = Exclude<\n  SidebarOnboardingChecklistItemId,\n  \"join-slack\"\n>;\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_ROUTES: Record<\n  SidebarOnboardingChecklistInternalItemId,\n  string\n> = {\n  \"configure-llm\": \"/settings/llm\",\n  \"connect-mcp\": \"/mcp\",\n  \"start-conversation\": \"/conversations\",\n  \"schedule-task\": \"/automations\",\n  \"customize-agent\": \"/settings/agents\",\n};\n\n/** Semantic `link_id` values for `onboarding_link_clicked` (no `open_docs`). */\nexport const SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS: Record<\n  SidebarOnboardingChecklistItemId,\n  Exclude<OnboardingLinkId, \"open_docs\">\n> = {\n  \"configure-llm\": \"configure_llm\",\n  \"start-conversation\": \"start_conversation\",\n  \"schedule-task\": \"schedule_task\",\n  \"customize-agent\": \"customize_agent\",\n  \"connect-mcp\": \"connect_mcp\",\n  \"join-slack\": \"join_slack\",\n};\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES: Record<\n  SidebarOnboardingChecklistItemId,\n  OnboardingLinkDestinationType\n> = {\n  \"configure-llm\": \"settings\",\n  \"start-conversation\": \"conversation\",\n  \"schedule-task\": \"automation\",\n  \"customize-agent\": \"settings\",\n  \"connect-mcp\": \"integration\",\n  \"join-slack\": \"community\",\n};\n\nexport function isExternalSidebarOnboardingChecklistItem(\n  id: SidebarOnboardingChecklistItemId,\n): id is \"join-slack\" {\n  return id === \"join-slack\";\n}\n\nexport function getSidebarOnboardingChecklistHref(\n  id: SidebarOnboardingChecklistItemId,\n): { kind: \"internal\" | \"external\"; href: string } {\n  if (isExternalSidebarOnboardingChecklistItem(id)) {\n    return { kind: \"external\", href: OPENHANDS_SLACK_COMMUNITY_URL };\n  }\n\n  return { kind: \"internal\", href: SIDEBAR_ONBOARDING_CHECKLIST_ROUTES[id] };\n}\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS: Record<\n  SidebarOnboardingChecklistItemId,\n  I18nKey\n> = {\n  \"configure-llm\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONFIGURE_LLM,\n  \"connect-mcp\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONNECT_MCP,\n  \"start-conversation\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_START_CHAT,\n  \"schedule-task\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_SCHEDULE_TASK,\n  \"customize-agent\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CUSTOMIZE,\n  \"join-slack\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_JOIN_SLACK,\n};\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DESCRIPTION_I18N_KEYS: Record<\n  SidebarOnboardingChecklistItemId,\n  I18nKey\n> = {\n  \"configure-llm\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONFIGURE_LLM_DESC,\n  \"connect-mcp\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONNECT_MCP_DESC,\n  \"start-conversation\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_START_CHAT_DESC,\n  \"schedule-task\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_SCHEDULE_TASK_DESC,\n  \"customize-agent\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CUSTOMIZE_DESC,\n  \"join-slack\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_JOIN_SLACK_DESC,\n};\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_ACTION_I18N_KEYS: Record<\n  SidebarOnboardingChecklistItemId,\n  I18nKey\n> = {\n  \"configure-llm\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CONFIGURE_LLM,\n  \"connect-mcp\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CONNECT_MCP,\n  \"start-conversation\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_START_CHAT,\n  \"schedule-task\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_SCHEDULE_TASK,\n  \"customize-agent\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CUSTOMIZE,\n  \"join-slack\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_JOIN_SLACK,\n};\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DOCS_URLS: Record<\n  SidebarOnboardingChecklistItemId,\n  string\n> = {\n  \"configure-llm\":\n    \"https://docs.openhands.dev/openhands/usage/settings/llm-settings#llm-profiles\",\n  \"start-conversation\":\n    \"https://docs.openhands.dev/openhands/usage/agent-canvas/backends\",\n  \"schedule-task\": SCHEDULED_TASKS_DOCS_URL,\n  \"customize-agent\":\n    \"https://docs.openhands.dev/openhands/usage/agent-canvas/customize-and-settings\",\n  \"connect-mcp\": \"https://docs.openhands.dev/overview/model-context-protocol\",\n  \"join-slack\": \"https://docs.openhands.dev/overview/community\",\n};\n\nexport function isCustomizeChecklistPath(path: string): boolean {\n  return path === \"/settings/agents\" || path.startsWith(\"/settings/agents/\");\n}\n"],"mappings":"oGAMA,IAAM,EACJ,+EAGW,EAAgC,kCAEhC,EACX,mDAEW,EACX,0DAEW,EACX,mDAEW,EACX,4DAEW,EACX,sDAEW,EAAwC,CACnD,gBACA,qBACA,gBACA,kBACA,cACA,YACF,EAUa,EAGT,CACF,gBAAiB,gBACjB,cAAe,OACf,qBAAsB,iBACtB,gBAAiB,eACjB,kBAAmB,kBACrB,EAGa,EAGT,CACF,gBAAiB,gBACjB,qBAAsB,qBACtB,gBAAiB,gBACjB,kBAAmB,kBACnB,cAAe,cACf,aAAc,YAChB,EAEa,EAGT,CACF,gBAAiB,WACjB,qBAAsB,eACtB,gBAAiB,aACjB,kBAAmB,WACnB,cAAe,cACf,aAAc,WAChB,EAEA,SAAgB,EACd,EACoB,CACpB,OAAO,IAAO,YAChB,CAEA,SAAgB,EACd,EACiD,CAKjD,OAJI,EAAyC,CAAE,EACtC,CAAE,KAAM,WAAY,KAAM,CAA8B,EAG1D,CAAE,KAAM,WAAY,KAAM,EAAoC,EAAI,CAC3E,CAEA,IAAa,EAGT,CACF,gBAAiB,EAAA,QAAQ,2CACzB,cAAe,EAAA,QAAQ,yCACvB,qBAAsB,EAAA,QAAQ,wCAC9B,gBAAiB,EAAA,QAAQ,2CACzB,kBAAmB,EAAA,QAAQ,uCAC3B,aAAc,EAAA,QAAQ,uCACxB,EAEa,EAGT,CACF,gBAAiB,EAAA,QAAQ,gDACzB,cAAe,EAAA,QAAQ,8CACvB,qBAAsB,EAAA,QAAQ,6CAC9B,gBAAiB,EAAA,QAAQ,gDACzB,kBAAmB,EAAA,QAAQ,4CAC3B,aAAc,EAAA,QAAQ,4CACxB,EAEa,EAGT,CACF,gBAAiB,EAAA,QAAQ,kDACzB,cAAe,EAAA,QAAQ,gDACvB,qBAAsB,EAAA,QAAQ,+CAC9B,gBAAiB,EAAA,QAAQ,kDACzB,kBAAmB,EAAA,QAAQ,8CAC3B,aAAc,EAAA,QAAQ,8CACxB,EAEa,EAGT,CACF,gBACE,gFACF,qBACE,mEACF,gBAAiB,EACjB,kBACE,iFACF,cAAe,6DACf,aAAc,+CAChB,EAEA,SAAgB,EAAyB,EAAuB,CAC9D,OAAO,IAAS,oBAAsB,EAAK,WAAW,mBAAmB,CAC3E"}

package/dist/components/features/sidebar/sidebar-onboarding-checklist.constants.d.ts

@@ -0,0 +1,26 @@
+import { I18nKey } from "#/i18n/declaration";
+import type { OnboardingLinkDestinationType, OnboardingLinkId } from "#/hooks/use-tracking";
+/** Canonical Slack invite redirect from openhands.dev. */
+export declare const OPENHANDS_SLACK_COMMUNITY_URL = "https://openhands.dev/joinslack";
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY = "openhands-sidebar-onboarding-checklist-dismissed";
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT = "openhands-sidebar-onboarding-checklist-dismissed-change";
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY = "openhands-sidebar-onboarding-checklist-minimized";
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY = "openhands-sidebar-onboarding-checklist-customize-explored";
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY = "openhands-sidebar-onboarding-checklist-slack-joined";
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS: readonly ["configure-llm", "start-conversation", "schedule-task", "customize-agent", "connect-mcp", "join-slack"];
+export type SidebarOnboardingChecklistItemId = (typeof SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS)[number];
+export type SidebarOnboardingChecklistInternalItemId = Exclude<SidebarOnboardingChecklistItemId, "join-slack">;
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_ROUTES: Record<SidebarOnboardingChecklistInternalItemId, string>;
+/** Semantic `link_id` values for `onboarding_link_clicked` (no `open_docs`). */
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS: Record<SidebarOnboardingChecklistItemId, Exclude<OnboardingLinkId, "open_docs">>;
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES: Record<SidebarOnboardingChecklistItemId, OnboardingLinkDestinationType>;
+export declare function isExternalSidebarOnboardingChecklistItem(id: SidebarOnboardingChecklistItemId): id is "join-slack";
+export declare function getSidebarOnboardingChecklistHref(id: SidebarOnboardingChecklistItemId): {
+    kind: "internal" | "external";
+    href: string;
+};
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS: Record<SidebarOnboardingChecklistItemId, I18nKey>;
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_DESCRIPTION_I18N_KEYS: Record<SidebarOnboardingChecklistItemId, I18nKey>;
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_ACTION_I18N_KEYS: Record<SidebarOnboardingChecklistItemId, I18nKey>;
+export declare const SIDEBAR_ONBOARDING_CHECKLIST_DOCS_URLS: Record<SidebarOnboardingChecklistItemId, string>;
+export declare function isCustomizeChecklistPath(path: string): boolean;

package/dist/components/features/sidebar/sidebar-onboarding-checklist.constants.js

@@ -0,0 +1,78 @@
+import { I18nKey as e } from "../../../i18n/declaration.js";
+//#region src/components/features/sidebar/sidebar-onboarding-checklist.constants.ts
+var t = "https://docs.openhands.dev/openhands/usage/agent-canvas/prebuilt-automations", n = "https://openhands.dev/joinslack", r = "openhands-sidebar-onboarding-checklist-dismissed", i = "openhands-sidebar-onboarding-checklist-dismissed-change", a = "openhands-sidebar-onboarding-checklist-minimized", o = "openhands-sidebar-onboarding-checklist-customize-explored", s = "openhands-sidebar-onboarding-checklist-slack-joined", c = [
+	"configure-llm",
+	"start-conversation",
+	"schedule-task",
+	"customize-agent",
+	"connect-mcp",
+	"join-slack"
+], l = {
+	"configure-llm": "/settings/llm",
+	"connect-mcp": "/mcp",
+	"start-conversation": "/conversations",
+	"schedule-task": "/automations",
+	"customize-agent": "/settings/agents"
+}, u = {
+	"configure-llm": "configure_llm",
+	"start-conversation": "start_conversation",
+	"schedule-task": "schedule_task",
+	"customize-agent": "customize_agent",
+	"connect-mcp": "connect_mcp",
+	"join-slack": "join_slack"
+}, d = {
+	"configure-llm": "settings",
+	"start-conversation": "conversation",
+	"schedule-task": "automation",
+	"customize-agent": "settings",
+	"connect-mcp": "integration",
+	"join-slack": "community"
+};
+function f(e) {
+	return e === "join-slack";
+}
+function p(e) {
+	return f(e) ? {
+		kind: "external",
+		href: n
+	} : {
+		kind: "internal",
+		href: l[e]
+	};
+}
+var m = {
+	"configure-llm": e.SIDEBAR$ONBOARDING_CHECKLIST_CONFIGURE_LLM,
+	"connect-mcp": e.SIDEBAR$ONBOARDING_CHECKLIST_CONNECT_MCP,
+	"start-conversation": e.SIDEBAR$ONBOARDING_CHECKLIST_START_CHAT,
+	"schedule-task": e.SIDEBAR$ONBOARDING_CHECKLIST_SCHEDULE_TASK,
+	"customize-agent": e.SIDEBAR$ONBOARDING_CHECKLIST_CUSTOMIZE,
+	"join-slack": e.SIDEBAR$ONBOARDING_CHECKLIST_JOIN_SLACK
+}, h = {
+	"configure-llm": e.SIDEBAR$ONBOARDING_CHECKLIST_CONFIGURE_LLM_DESC,
+	"connect-mcp": e.SIDEBAR$ONBOARDING_CHECKLIST_CONNECT_MCP_DESC,
+	"start-conversation": e.SIDEBAR$ONBOARDING_CHECKLIST_START_CHAT_DESC,
+	"schedule-task": e.SIDEBAR$ONBOARDING_CHECKLIST_SCHEDULE_TASK_DESC,
+	"customize-agent": e.SIDEBAR$ONBOARDING_CHECKLIST_CUSTOMIZE_DESC,
+	"join-slack": e.SIDEBAR$ONBOARDING_CHECKLIST_JOIN_SLACK_DESC
+}, g = {
+	"configure-llm": e.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CONFIGURE_LLM,
+	"connect-mcp": e.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CONNECT_MCP,
+	"start-conversation": e.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_START_CHAT,
+	"schedule-task": e.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_SCHEDULE_TASK,
+	"customize-agent": e.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CUSTOMIZE,
+	"join-slack": e.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_JOIN_SLACK
+}, _ = {
+	"configure-llm": "https://docs.openhands.dev/openhands/usage/settings/llm-settings#llm-profiles",
+	"start-conversation": "https://docs.openhands.dev/openhands/usage/agent-canvas/backends",
+	"schedule-task": t,
+	"customize-agent": "https://docs.openhands.dev/openhands/usage/agent-canvas/customize-and-settings",
+	"connect-mcp": "https://docs.openhands.dev/overview/model-context-protocol",
+	"join-slack": "https://docs.openhands.dev/overview/community"
+};
+function v(e) {
+	return e === "/settings/agents" || e.startsWith("/settings/agents/");
+}
+//#endregion
+export { g as SIDEBAR_ONBOARDING_CHECKLIST_ACTION_I18N_KEYS, o as SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY, h as SIDEBAR_ONBOARDING_CHECKLIST_DESCRIPTION_I18N_KEYS, d as SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES, i as SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT, r as SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY, _ as SIDEBAR_ONBOARDING_CHECKLIST_DOCS_URLS, m as SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS, c as SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS, u as SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS, a as SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY, s as SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY, p as getSidebarOnboardingChecklistHref, v as isCustomizeChecklistPath, f as isExternalSidebarOnboardingChecklistItem };
+
+//# sourceMappingURL=sidebar-onboarding-checklist.constants.js.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist.constants.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist.constants.ts"],"sourcesContent":["import { I18nKey } from \"#/i18n/declaration\";\nimport type {\n  OnboardingLinkDestinationType,\n  OnboardingLinkId,\n} from \"#/hooks/use-tracking\";\n\nconst SCHEDULED_TASKS_DOCS_URL =\n  \"https://docs.openhands.dev/openhands/usage/agent-canvas/prebuilt-automations\";\n\n/** Canonical Slack invite redirect from openhands.dev. */\nexport const OPENHANDS_SLACK_COMMUNITY_URL = \"https://openhands.dev/joinslack\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_STORAGE_KEY =\n  \"openhands-sidebar-onboarding-checklist-dismissed\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DISMISSED_CHANGE_EVENT =\n  \"openhands-sidebar-onboarding-checklist-dismissed-change\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_MINIMIZED_STORAGE_KEY =\n  \"openhands-sidebar-onboarding-checklist-minimized\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_CUSTOMIZE_EXPLORED_STORAGE_KEY =\n  \"openhands-sidebar-onboarding-checklist-customize-explored\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_SLACK_JOINED_STORAGE_KEY =\n  \"openhands-sidebar-onboarding-checklist-slack-joined\";\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS = [\n  \"configure-llm\",\n  \"start-conversation\",\n  \"schedule-task\",\n  \"customize-agent\",\n  \"connect-mcp\",\n  \"join-slack\",\n] as const;\n\nexport type SidebarOnboardingChecklistItemId =\n  (typeof SIDEBAR_ONBOARDING_CHECKLIST_ITEM_IDS)[number];\n\nexport type SidebarOnboardingChecklistInternalItemId = Exclude<\n  SidebarOnboardingChecklistItemId,\n  \"join-slack\"\n>;\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_ROUTES: Record<\n  SidebarOnboardingChecklistInternalItemId,\n  string\n> = {\n  \"configure-llm\": \"/settings/llm\",\n  \"connect-mcp\": \"/mcp\",\n  \"start-conversation\": \"/conversations\",\n  \"schedule-task\": \"/automations\",\n  \"customize-agent\": \"/settings/agents\",\n};\n\n/** Semantic `link_id` values for `onboarding_link_clicked` (no `open_docs`). */\nexport const SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS: Record<\n  SidebarOnboardingChecklistItemId,\n  Exclude<OnboardingLinkId, \"open_docs\">\n> = {\n  \"configure-llm\": \"configure_llm\",\n  \"start-conversation\": \"start_conversation\",\n  \"schedule-task\": \"schedule_task\",\n  \"customize-agent\": \"customize_agent\",\n  \"connect-mcp\": \"connect_mcp\",\n  \"join-slack\": \"join_slack\",\n};\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES: Record<\n  SidebarOnboardingChecklistItemId,\n  OnboardingLinkDestinationType\n> = {\n  \"configure-llm\": \"settings\",\n  \"start-conversation\": \"conversation\",\n  \"schedule-task\": \"automation\",\n  \"customize-agent\": \"settings\",\n  \"connect-mcp\": \"integration\",\n  \"join-slack\": \"community\",\n};\n\nexport function isExternalSidebarOnboardingChecklistItem(\n  id: SidebarOnboardingChecklistItemId,\n): id is \"join-slack\" {\n  return id === \"join-slack\";\n}\n\nexport function getSidebarOnboardingChecklistHref(\n  id: SidebarOnboardingChecklistItemId,\n): { kind: \"internal\" | \"external\"; href: string } {\n  if (isExternalSidebarOnboardingChecklistItem(id)) {\n    return { kind: \"external\", href: OPENHANDS_SLACK_COMMUNITY_URL };\n  }\n\n  return { kind: \"internal\", href: SIDEBAR_ONBOARDING_CHECKLIST_ROUTES[id] };\n}\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS: Record<\n  SidebarOnboardingChecklistItemId,\n  I18nKey\n> = {\n  \"configure-llm\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONFIGURE_LLM,\n  \"connect-mcp\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONNECT_MCP,\n  \"start-conversation\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_START_CHAT,\n  \"schedule-task\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_SCHEDULE_TASK,\n  \"customize-agent\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CUSTOMIZE,\n  \"join-slack\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_JOIN_SLACK,\n};\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DESCRIPTION_I18N_KEYS: Record<\n  SidebarOnboardingChecklistItemId,\n  I18nKey\n> = {\n  \"configure-llm\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONFIGURE_LLM_DESC,\n  \"connect-mcp\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CONNECT_MCP_DESC,\n  \"start-conversation\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_START_CHAT_DESC,\n  \"schedule-task\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_SCHEDULE_TASK_DESC,\n  \"customize-agent\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_CUSTOMIZE_DESC,\n  \"join-slack\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_JOIN_SLACK_DESC,\n};\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_ACTION_I18N_KEYS: Record<\n  SidebarOnboardingChecklistItemId,\n  I18nKey\n> = {\n  \"configure-llm\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CONFIGURE_LLM,\n  \"connect-mcp\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CONNECT_MCP,\n  \"start-conversation\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_START_CHAT,\n  \"schedule-task\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_SCHEDULE_TASK,\n  \"customize-agent\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_CUSTOMIZE,\n  \"join-slack\": I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_ACTION_JOIN_SLACK,\n};\n\nexport const SIDEBAR_ONBOARDING_CHECKLIST_DOCS_URLS: Record<\n  SidebarOnboardingChecklistItemId,\n  string\n> = {\n  \"configure-llm\":\n    \"https://docs.openhands.dev/openhands/usage/settings/llm-settings#llm-profiles\",\n  \"start-conversation\":\n    \"https://docs.openhands.dev/openhands/usage/agent-canvas/backends\",\n  \"schedule-task\": SCHEDULED_TASKS_DOCS_URL,\n  \"customize-agent\":\n    \"https://docs.openhands.dev/openhands/usage/agent-canvas/customize-and-settings\",\n  \"connect-mcp\": \"https://docs.openhands.dev/overview/model-context-protocol\",\n  \"join-slack\": \"https://docs.openhands.dev/overview/community\",\n};\n\nexport function isCustomizeChecklistPath(path: string): boolean {\n  return path === \"/settings/agents\" || path.startsWith(\"/settings/agents/\");\n}\n"],"mappings":";;AAMA,IAAM,IACJ,gFAGW,IAAgC,mCAEhC,IACX,oDAEW,IACX,2DAEW,IACX,oDAEW,IACX,6DAEW,IACX,uDAEW,IAAwC;CACnD;CACA;CACA;CACA;CACA;CACA;AACF,GAUa,IAGT;CACF,iBAAiB;CACjB,eAAe;CACf,sBAAsB;CACtB,iBAAiB;CACjB,mBAAmB;AACrB,GAGa,IAGT;CACF,iBAAiB;CACjB,sBAAsB;CACtB,iBAAiB;CACjB,mBAAmB;CACnB,eAAe;CACf,cAAc;AAChB,GAEa,IAGT;CACF,iBAAiB;CACjB,sBAAsB;CACtB,iBAAiB;CACjB,mBAAmB;CACnB,eAAe;CACf,cAAc;AAChB;AAEA,SAAgB,EACd,GACoB;CACpB,OAAO,MAAO;AAChB;AAEA,SAAgB,EACd,GACiD;CAKjD,OAJI,EAAyC,CAAE,IACtC;EAAE,MAAM;EAAY,MAAM;CAA8B,IAG1D;EAAE,MAAM;EAAY,MAAM,EAAoC;CAAI;AAC3E;AAEA,IAAa,IAGT;CACF,iBAAiB,EAAQ;CACzB,eAAe,EAAQ;CACvB,sBAAsB,EAAQ;CAC9B,iBAAiB,EAAQ;CACzB,mBAAmB,EAAQ;CAC3B,cAAc,EAAQ;AACxB,GAEa,IAGT;CACF,iBAAiB,EAAQ;CACzB,eAAe,EAAQ;CACvB,sBAAsB,EAAQ;CAC9B,iBAAiB,EAAQ;CACzB,mBAAmB,EAAQ;CAC3B,cAAc,EAAQ;AACxB,GAEa,IAGT;CACF,iBAAiB,EAAQ;CACzB,eAAe,EAAQ;CACvB,sBAAsB,EAAQ;CAC9B,iBAAiB,EAAQ;CACzB,mBAAmB,EAAQ;CAC3B,cAAc,EAAQ;AACxB,GAEa,IAGT;CACF,iBACE;CACF,sBACE;CACF,iBAAiB;CACjB,mBACE;CACF,eAAe;CACf,cAAc;AAChB;AAEA,SAAgB,EAAyB,GAAuB;CAC9D,OAAO,MAAS,sBAAsB,EAAK,WAAW,mBAAmB;AAC3E"}

package/dist/components/features/sidebar/sidebar-onboarding-checklist.d.ts

@@ -0,0 +1,5 @@
+interface SidebarOnboardingChecklistProps {
+    collapsed: boolean;
+}
+export declare function SidebarOnboardingChecklist({ collapsed, }: SidebarOnboardingChecklistProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/sidebar/sidebar-onboarding-checklist.js

@@ -0,0 +1,127 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Check as n } from "../../../node_modules/lucide-react/dist/esm/icons/check.js";
+import { ChevronDown as r } from "../../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import { cn as i } from "../../../utils/utils.js";
+import { useTracking as a } from "../../../hooks/use-tracking.js";
+import { tooltip_default as o } from "../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.js";
+import { NavigationLink as s } from "../../shared/navigation-link.js";
+import { SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES as c, SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS as l, SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS as u, getSidebarOnboardingChecklistHref as d, isExternalSidebarOnboardingChecklistItem as f } from "./sidebar-onboarding-checklist.constants.js";
+import { SidebarOnboardingChecklistItemPreview as p } from "./sidebar-onboarding-checklist-item-preview.js";
+import { useSidebarOnboardingChecklist as m } from "./use-sidebar-onboarding-checklist.js";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/features/sidebar/sidebar-onboarding-checklist.tsx
+var v = "rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl", y = i("flex min-w-0 w-full items-center gap-2.5 rounded-md px-2.5 py-1.5 text-sm", "transition-colors hover:bg-[var(--oh-surface)]");
+function b({ isComplete: e }) {
+	return /* @__PURE__ */ g("span", {
+		"aria-hidden": !0,
+		className: i("inline-flex size-4 shrink-0 items-center justify-center rounded-full border", e ? "border-primary bg-primary text-[var(--oh-color-base)]" : "border-[var(--oh-border)] bg-transparent"),
+		children: e ? /* @__PURE__ */ g(n, {
+			className: "size-2.5",
+			strokeWidth: 3
+		}) : null
+	});
+}
+function x({ id: t, isComplete: n, onActivate: r }) {
+	let { t: f } = e("openhands"), { trackOnboardingLinkClicked: m } = a(), x = l[t], S = d(t), C = u[t], w = () => {
+		m({
+			linkId: C,
+			destinationType: c[t],
+			surface: "landing_checklist",
+			checklistItem: C,
+			isExternal: S.kind === "external"
+		}), r?.();
+	}, T = () => {
+		m({
+			linkId: "open_docs",
+			destinationType: "documentation",
+			surface: "landing_checklist",
+			checklistItem: C,
+			isExternal: !0
+		});
+	}, E = i(y, n ? "text-muted" : "text-content"), D = /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(b, { isComplete: n }), /* @__PURE__ */ g("span", {
+		className: i("min-w-0 flex-1 truncate", n && "line-through"),
+		children: f(x)
+	})] });
+	return /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(o, {
+		placement: "right-start",
+		delay: 0,
+		closeDelay: 100,
+		disableAnimation: !1,
+		className: v,
+		content: /* @__PURE__ */ g(p, {
+			id: t,
+			onActionClick: w,
+			onDocsClick: T
+		}),
+		children: S.kind === "external" ? /* @__PURE__ */ g("a", {
+			href: S.href,
+			target: "_blank",
+			rel: "noreferrer",
+			"data-testid": `sidebar-onboarding-checklist-item-${t}`,
+			className: E,
+			onClick: w,
+			children: D
+		}) : /* @__PURE__ */ g(s, {
+			to: S.href,
+			"data-testid": `sidebar-onboarding-checklist-item-${t}`,
+			className: E,
+			onClick: w,
+			children: D
+		})
+	}) });
+}
+function S({ collapsed: n }) {
+	let { t: a } = e("openhands"), { items: o, completedCount: s, isVisible: c, isMinimized: l, toggleMinimized: u, markJoinSlackComplete: d } = m();
+	return n || !c ? null : /* @__PURE__ */ _("div", {
+		"data-testid": "sidebar-onboarding-checklist",
+		"data-minimized": l ? "true" : "false",
+		className: i("w-full shrink-0 overflow-hidden rounded-xl border border-[var(--oh-border)]", "bg-[var(--oh-surface-raised)] shadow-sm"),
+		children: [/* @__PURE__ */ g("div", {
+			className: i("px-1", l ? "py-1" : "pt-2 pb-1"),
+			children: /* @__PURE__ */ _("div", {
+				className: i("relative flex w-full items-center gap-0.5 rounded-md px-1.5", "transition-colors hover:bg-[var(--oh-surface)]", l ? "py-1" : "py-1.5"),
+				children: [
+					/* @__PURE__ */ g("button", {
+						type: "button",
+						"data-testid": "sidebar-onboarding-checklist-toggle",
+						"aria-expanded": !l,
+						"aria-label": a(l ? t.SIDEBAR$ONBOARDING_CHECKLIST_EXPAND : t.SIDEBAR$ONBOARDING_CHECKLIST_COLLAPSE),
+						onClick: u,
+						className: "absolute inset-0 z-0 cursor-pointer rounded-md"
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "relative z-10 min-w-0 flex-1 px-0.5 pointer-events-none",
+						children: /* @__PURE__ */ _("div", {
+							className: "flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5",
+							children: [/* @__PURE__ */ g("span", {
+								className: "text-sm font-semibold text-content",
+								children: a(t.SIDEBAR$ONBOARDING_CHECKLIST_TITLE)
+							}), /* @__PURE__ */ g("span", {
+								className: "text-xs text-muted",
+								children: a(t.SIDEBAR$ONBOARDING_CHECKLIST_PROGRESS, { completed: s })
+							})]
+						})
+					}),
+					/* @__PURE__ */ g("span", {
+						"data-testid": "sidebar-onboarding-checklist-chevron",
+						"aria-hidden": !0,
+						className: i("relative z-10 inline-flex size-7 shrink-0 items-center justify-center", "pointer-events-none text-[var(--oh-muted)]"),
+						children: /* @__PURE__ */ g(r, { className: i("size-4 transition-transform motion-reduce:transition-none", l && "-rotate-90") })
+					})
+				]
+			})
+		}), l ? null : /* @__PURE__ */ g("ul", {
+			className: "flex flex-col gap-0.5 px-2.5 pb-2",
+			children: o.map((e) => /* @__PURE__ */ g(x, {
+				id: e.id,
+				isComplete: e.isComplete,
+				onActivate: f(e.id) ? d : void 0
+			}, e.id))
+		})]
+	});
+}
+//#endregion
+export { S as SidebarOnboardingChecklist };
+
+//# sourceMappingURL=sidebar-onboarding-checklist.js.map

package/dist/components/features/sidebar/sidebar-onboarding-checklist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-onboarding-checklist.js","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-onboarding-checklist.tsx"],"sourcesContent":["import { Tooltip } from \"@heroui/react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  getSidebarOnboardingChecklistHref,\n  isExternalSidebarOnboardingChecklistItem,\n  SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES,\n  SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS,\n  SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS,\n  type SidebarOnboardingChecklistItemId,\n} from \"./sidebar-onboarding-checklist.constants\";\nimport { SidebarOnboardingChecklistItemPreview } from \"./sidebar-onboarding-checklist-item-preview\";\nimport { useSidebarOnboardingChecklist } from \"./use-sidebar-onboarding-checklist\";\n\nconst CHECKLIST_ITEM_TOOLTIP_CLASS =\n  \"rounded-xl border border-[var(--oh-border)] bg-base-secondary p-0 text-white shadow-xl\";\n\nconst CHECKLIST_ITEM_CLASS = cn(\n  \"flex min-w-0 w-full items-center gap-2.5 rounded-md px-2.5 py-1.5 text-sm\",\n  \"transition-colors hover:bg-[var(--oh-surface)]\",\n);\n\ninterface SidebarOnboardingChecklistProps {\n  collapsed: boolean;\n}\n\nfunction ChecklistStatusIcon({ isComplete }: { isComplete: boolean }) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        \"inline-flex size-4 shrink-0 items-center justify-center rounded-full border\",\n        isComplete\n          ? \"border-primary bg-primary text-[var(--oh-color-base)]\"\n          : \"border-[var(--oh-border)] bg-transparent\",\n      )}\n    >\n      {isComplete ? <Check className=\"size-2.5\" strokeWidth={3} /> : null}\n    </span>\n  );\n}\n\nfunction ChecklistItem({\n  id,\n  isComplete,\n  onActivate,\n}: {\n  id: SidebarOnboardingChecklistItemId;\n  isComplete: boolean;\n  onActivate?: () => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { trackOnboardingLinkClicked } = useTracking();\n  const labelKey = SIDEBAR_ONBOARDING_CHECKLIST_I18N_KEYS[id];\n  const disableAnimation = import.meta.env.MODE === \"test\";\n  const href = getSidebarOnboardingChecklistHref(id);\n  const linkId = SIDEBAR_ONBOARDING_CHECKLIST_LINK_IDS[id];\n\n  const handleLinkClick = () => {\n    trackOnboardingLinkClicked({\n      linkId,\n      destinationType: SIDEBAR_ONBOARDING_CHECKLIST_DESTINATION_TYPES[id],\n      surface: \"landing_checklist\",\n      checklistItem: linkId,\n      isExternal: href.kind === \"external\",\n    });\n    onActivate?.();\n  };\n\n  const handleDocsClick = () => {\n    trackOnboardingLinkClicked({\n      linkId: \"open_docs\",\n      destinationType: \"documentation\",\n      surface: \"landing_checklist\",\n      checklistItem: linkId,\n      isExternal: true,\n    });\n  };\n\n  const itemClassName = cn(\n    CHECKLIST_ITEM_CLASS,\n    isComplete ? \"text-muted\" : \"text-content\",\n  );\n  const label = (\n    <>\n      <ChecklistStatusIcon isComplete={isComplete} />\n      <span\n        className={cn(\"min-w-0 flex-1 truncate\", isComplete && \"line-through\")}\n      >\n        {t(labelKey)}\n      </span>\n    </>\n  );\n\n  return (\n    <li>\n      <Tooltip\n        placement=\"right-start\"\n        delay={0}\n        closeDelay={100}\n        disableAnimation={disableAnimation}\n        className={CHECKLIST_ITEM_TOOLTIP_CLASS}\n        content={\n          <SidebarOnboardingChecklistItemPreview\n            id={id}\n            onActionClick={handleLinkClick}\n            onDocsClick={handleDocsClick}\n          />\n        }\n      >\n        {href.kind === \"external\" ? (\n          <a\n            href={href.href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            data-testid={`sidebar-onboarding-checklist-item-${id}`}\n            className={itemClassName}\n            onClick={handleLinkClick}\n          >\n            {label}\n          </a>\n        ) : (\n          <NavigationLink\n            to={href.href}\n            data-testid={`sidebar-onboarding-checklist-item-${id}`}\n            className={itemClassName}\n            onClick={handleLinkClick}\n          >\n            {label}\n          </NavigationLink>\n        )}\n      </Tooltip>\n    </li>\n  );\n}\n\nexport function SidebarOnboardingChecklist({\n  collapsed,\n}: SidebarOnboardingChecklistProps) {\n  const { t } = useTranslation(\"openhands\");\n  const {\n    items,\n    completedCount,\n    isVisible,\n    isMinimized,\n    toggleMinimized,\n    markJoinSlackComplete,\n  } = useSidebarOnboardingChecklist();\n\n  if (collapsed || !isVisible) {\n    return null;\n  }\n\n  return (\n    <div\n      data-testid=\"sidebar-onboarding-checklist\"\n      data-minimized={isMinimized ? \"true\" : \"false\"}\n      className={cn(\n        \"w-full shrink-0 overflow-hidden rounded-xl border border-[var(--oh-border)]\",\n        \"bg-[var(--oh-surface-raised)] shadow-sm\",\n      )}\n    >\n      <div className={cn(\"px-1\", isMinimized ? \"py-1\" : \"pt-2 pb-1\")}>\n        <div\n          className={cn(\n            \"relative flex w-full items-center gap-0.5 rounded-md px-1.5\",\n            \"transition-colors hover:bg-[var(--oh-surface)]\",\n            isMinimized ? \"py-1\" : \"py-1.5\",\n          )}\n        >\n          <button\n            type=\"button\"\n            data-testid=\"sidebar-onboarding-checklist-toggle\"\n            aria-expanded={!isMinimized}\n            aria-label={\n              isMinimized\n                ? t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_EXPAND)\n                : t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_COLLAPSE)\n            }\n            onClick={toggleMinimized}\n            className=\"absolute inset-0 z-0 cursor-pointer rounded-md\"\n          />\n\n          <div className=\"relative z-10 min-w-0 flex-1 px-0.5 pointer-events-none\">\n            <div className=\"flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5\">\n              <span className=\"text-sm font-semibold text-content\">\n                {t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_TITLE)}\n              </span>\n              <span className=\"text-xs text-muted\">\n                {t(I18nKey.SIDEBAR$ONBOARDING_CHECKLIST_PROGRESS, {\n                  completed: completedCount,\n                })}\n              </span>\n            </div>\n          </div>\n\n          <span\n            data-testid=\"sidebar-onboarding-checklist-chevron\"\n            aria-hidden\n            className={cn(\n              \"relative z-10 inline-flex size-7 shrink-0 items-center justify-center\",\n              \"pointer-events-none text-[var(--oh-muted)]\",\n            )}\n          >\n            <ChevronDown\n              className={cn(\n                \"size-4 transition-transform motion-reduce:transition-none\",\n                isMinimized && \"-rotate-90\",\n              )}\n            />\n          </span>\n        </div>\n      </div>\n\n      {!isMinimized ? (\n        <ul className=\"flex flex-col gap-0.5 px-2.5 pb-2\">\n          {items.map((item) => (\n            <ChecklistItem\n              key={item.id}\n              id={item.id}\n              isComplete={item.isComplete}\n              onActivate={\n                isExternalSidebarOnboardingChecklistItem(item.id)\n                  ? markJoinSlackComplete\n                  : undefined\n              }\n            />\n          ))}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}