impact-nova 2.5.6 → 2.5.8

package/dist/components/feedback/tooltip/overflow-tooltip.js

@@ -1,92 +1,92 @@
-import { jsx as n, jsxs as A } from "react/jsx-runtime";
-import { cn as b } from "../../../lib/utils.js";
-import { Tooltip as G, TooltipTrigger as H, TooltipContent as R } from "./tooltip.js";
-import { useOverflowTooltip as q } from "./use-overflow-tooltip.js";
-function M({
+import { jsx as n, jsxs as G } from "react/jsx-runtime";
+import { cn as m } from "../../../lib/utils.js";
+import { Tooltip as H, TooltipTrigger as R, TooltipContent as q } from "./tooltip.js";
+import { useOverflowTooltip as z } from "./use-overflow-tooltip.js";
+function N({
   children: o,
   content: i,
-  overflowMode: m = "ellipsis",
-  side: P = "top",
+  overflowMode: P = "ellipsis",
+  side: x = "top",
   align: l,
   variant: s,
   className: t,
   triggerClassName: r,
-  as: x = "span",
-  alwaysShow: C = !1,
+  as: C = "span",
+  alwaysShow: w = !1,
   disabled: p = !1,
-  focusable: w = !1
+  focusable: d = !1
 }) {
-  const a = x, d = i ?? o, {
-    setTriggerRef: v,
-    onTriggerPointerEnter: h,
-    onTriggerPointerLeave: L,
-    onTriggerFocus: E,
-    onContentPointerEnter: O,
-    onContentPointerDown: F,
-    onContentPointerLeave: k,
-    onContentPointerUp: y,
-    triggerTabIndex: D,
+  const a = C, v = i ?? o, {
+    setTriggerRef: h,
+    onTriggerPointerEnter: L,
+    onTriggerPointerLeave: E,
+    onTriggerFocus: O,
+    onContentPointerEnter: F,
+    onContentPointerDown: k,
+    onContentPointerLeave: y,
+    onContentPointerUp: D,
+    triggerTabIndex: I,
     isTooltipArmed: c,
-    isTooltipOpen: I,
-    tooltipContent: j,
-    handleTooltipOpenChange: U
-  } = q(o, {
+    isTooltipOpen: j,
+    tooltipContent: U,
+    handleTooltipOpenChange: $
+  } = z(o, {
     content: i,
-    overflowMode: m,
-    alwaysShow: C,
+    overflowMode: P,
+    alwaysShow: w,
     disabled: p,
-    focusable: w,
-    contentDependency: d
+    focusable: d,
+    contentDependency: v
   }), e = `${r ?? ""} ${t ?? ""}`, f = /\btruncate\b/.test(e), g = /\b(inline-block|inline-flex|inline)\b/.test(
     e
-  ), T = /\bflex\b/.test(e), u = /\bflex-1\b/.test(e), $ = b(
+  ), T = /\bflex\b/.test(e), u = /\bflex-1\b/.test(e), A = m(
     "outline-none min-w-0 max-w-full",
     f && !g && !T && !u && "block w-full",
     f && !g && !T && u && "block",
     r,
     t
+  ), b = /* @__PURE__ */ n(
+    a,
+    {
+      ref: h,
+      "data-component": "overflow-tooltip-trigger",
+      className: A,
+      onPointerEnter: L,
+      onPointerLeave: E,
+      tabIndex: I,
+      onFocus: O,
+      children: o
+    }
   );
-  return p ? /* @__PURE__ */ n(a, { className: b(r, t), children: o }) : /* @__PURE__ */ A(
-    G,
+  return p ? /* @__PURE__ */ n(a, { className: m(r, t), children: o }) : c ? /* @__PURE__ */ G(
+    H,
     {
       disableHoverableContent: !1,
-      open: c && I,
-      onOpenChange: U,
+      open: c && j,
+      onOpenChange: $,
       children: [
-        /* @__PURE__ */ n(H, { asChild: !0, children: /* @__PURE__ */ n(
-          a,
+        /* @__PURE__ */ n(R, { asChild: !0, children: b }),
+        /* @__PURE__ */ n(
+          q,
           {
-            ref: v,
-            "data-component": "overflow-tooltip-trigger",
-            className: $,
-            onPointerEnter: h,
-            onPointerLeave: L,
-            tabIndex: D,
-            onFocus: E,
-            children: o
-          }
-        ) }),
-        c ? /* @__PURE__ */ n(
-          R,
-          {
-            side: P,
+            side: x,
             ...l ? { align: l } : {},
             ...s ? { variant: s } : {},
-            onPointerEnter: O,
-            onPointerLeave: k,
+            onPointerEnter: F,
+            onPointerLeave: y,
             onPointerDown: () => {
-              F();
+              k();
             },
             onPointerUp: () => {
-              y();
+              D();
             },
-            children: j
+            children: U
           }
-        ) : null
+        )
       ]
     }
-  );
+  ) : b;
 }
 export {
-  M as OverflowTooltip
+  N as OverflowTooltip
 };

package/dist/components/flows/guidance/guidance-error-boundary.js

@@ -1,25 +1,25 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import * as a from "react";
 import { useGuidanceContext as d } from "./guidance-context.js";
-class u extends a.Component {
-  constructor(e) {
-    super(e), this.state = { hasError: !1 };
+class l extends a.Component {
+  constructor(r) {
+    super(r), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(e) {
-    this.props.onError?.(e);
+  componentDidCatch(r) {
+    this.props.onError?.(r);
   }
   render() {
     return this.state.hasError ? null : this.props.children;
   }
 }
-function l() {
-  const { engine: r, debug: e } = d();
-  if (!e)
+function u() {
+  const { engine: n, debug: r } = d();
+  if (!r)
     return null;
-  const s = r.registry.getAll(), n = r.state;
+  const s = n.registry.getAll(), e = n.state;
   return /* @__PURE__ */ t(
     "div",
     {
@@ -29,21 +29,29 @@ function l() {
         /* @__PURE__ */ o("div", { className: "font-semibold text-content-primary", children: "Guidance Debug" }),
         /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
           "Status: ",
-          n.status
+          e.status
         ] }),
+        e.stepId ? /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
+          "Step: ",
+          e.stepId
+        ] }) : null,
+        "reason" in e && e.reason ? /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
+          "Reason: ",
+          e.reason
+        ] }) : null,
         /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
           "Registered guides: ",
           s.length
         ] }),
-        n.guideId ? /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
+        e.guideId ? /* @__PURE__ */ t("div", { className: "mt-1 text-content-secondary", children: [
           "Active: ",
-          n.guideId
+          e.guideId
         ] }) : null
       ]
     }
   );
 }
 export {
-  l as GuidanceDebugPanel,
-  u as GuidanceErrorBoundary
+  u as GuidanceDebugPanel,
+  l as GuidanceErrorBoundary
 };

package/dist/components/flows/guidance/guidance-layer.js

@@ -1,49 +1,51 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import * as s from "react";
-import { useSyncExternalStore as d } from "react";
-import { useGuidanceContext as m } from "./guidance-context.js";
-import { SpotlightRenderer as p } from "./renderers/spotlight-renderer.js";
-import { CoachMarkRenderer as f } from "./renderers/coach-mark-renderer.js";
-import { AnnouncementRenderer as b } from "./renderers/announcement-renderer.js";
-import { endTourScrollSnapshot as h } from "./renderers/guidance-renderer-shared.js";
-import { Button as l } from "../../primitives/button/button.js";
-function k(e, n) {
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import * as t from "react";
+import { useSyncExternalStore as c } from "react";
+import { useGuidanceContext as p } from "./guidance-context.js";
+import { SpotlightRenderer as f } from "./renderers/spotlight-renderer.js";
+import { CoachMarkRenderer as b } from "./renderers/coach-mark-renderer.js";
+import { AnnouncementRenderer as h } from "./renderers/announcement-renderer.js";
+import { endTourScrollSnapshot as k } from "./renderers/guidance-renderer-shared.js";
+import { Button as d } from "../../primitives/button/button.js";
+function x(e, s) {
   const r = {
     instruction: e,
-    ...n
+    ...s
   };
   switch (e.renderer) {
     case "spotlight":
-      return /* @__PURE__ */ t(p, { ...r });
+      return /* @__PURE__ */ n(f, { ...r });
     case "coach-mark":
-      return /* @__PURE__ */ t(f, { ...r });
+      return /* @__PURE__ */ n(b, { ...r });
     case "announcement":
-      return /* @__PURE__ */ t(b, { ...r });
+      return /* @__PURE__ */ n(h, { ...r });
     default:
       return null;
   }
 }
-function G() {
-  const { engine: e } = m();
-  s.useEffect(() => e.on("guideEnd", () => {
-    h();
+function z() {
+  const { engine: e } = p();
+  t.useEffect(() => e.on("guideEnd", () => {
+    k();
   }), [e]);
-  const n = d(
+  const s = c(
     (o) => e.subscribe(o),
     () => e.state,
     () => ({ status: "idle" })
-  ), r = d(
+  ), r = c(
     (o) => e.subscribe(o),
     () => e.getRenderInstruction(),
     () => null
-  ), a = s.useCallback(() => {
+  ), l = t.useCallback(() => {
     e.advanceStep();
-  }, [e]), u = s.useCallback(() => {
-    e.skipStep();
-  }, [e]), c = s.useCallback(() => {
+  }, [e]), u = t.useCallback(() => {
     e.dismiss("session");
+  }, [e]), a = t.useCallback(() => {
+    e.dismiss("session");
+  }, [e]), m = t.useCallback(() => {
+    e.retryCurrentStep();
   }, [e]);
-  return n.status === "blocked" ? /* @__PURE__ */ i(
+  return s.status === "blocked" ? /* @__PURE__ */ i(
     "div",
     {
       "data-component": "guidance-blocked",
@@ -52,20 +54,20 @@ function G() {
       children: [
         /* @__PURE__ */ i("p", { className: "text-sm text-content-secondary", children: [
           "Guide step is blocked: ",
-          n.reason
+          s.reason
         ] }),
         /* @__PURE__ */ i("div", { className: "mt-2 flex gap-2", children: [
-          /* @__PURE__ */ t(l, { size: "sm", onClick: a, children: "Retry" }),
-          /* @__PURE__ */ t(l, { variant: "secondary", size: "sm", onClick: c, children: "Dismiss" })
+          /* @__PURE__ */ n(d, { size: "sm", onClick: m, children: "Retry" }),
+          /* @__PURE__ */ n(d, { variant: "secondary", size: "sm", onClick: a, children: "Dismiss" })
         ] })
       ]
     }
-  ) : r ? k(r, {
-    onNext: a,
+  ) : r ? x(r, {
+    onNext: l,
     onSkip: u,
-    onDismiss: c
+    onDismiss: a
   }) : null;
 }
 export {
-  G as GuidanceLayer
+  z as GuidanceLayer
 };

package/dist/components/flows/guidance/help-center/assets/whats-new-guide-icon.svg.js

@@ -0,0 +1,4 @@
+const c = "data:image/svg+xml,%3csvg%20viewBox='0%200%20128%20128'%20xmlns='http://www.w3.org/2000/svg'%20aria-hidden='true'%3e%3cpath%20d='M121.59%2060.83l-13.93-4.49c-8.91-2.94-14.13-10.15-16.58-19.21L84.95%207.27c-.16-.59-.55-1.38-1.75-1.38c-1.01%200-1.59.79-1.75%201.38l-6.13%2029.87c-2.46%209.06-7.67%2016.27-16.58%2019.21l-13.93%204.49c-1.97.64-2%203.42-.04%204.09l14.03%204.83c8.88%202.95%2014.06%2010.15%2016.52%2019.17l6.14%2029.53c.16.59.49%201.65%201.75%201.65c1.33%200%201.59-1.06%201.75-1.65l6.14-29.53c2.46-9.03%207.64-16.23%2016.52-19.17l14.03-4.83c1.94-.68%201.91-3.46-.06-4.1z'%20fill='%23fdd835'/%3e%3cpath%20d='M122.91%2062.08c-.22-.55-.65-1.03-1.32-1.25l-13.93-4.49c-8.91-2.94-14.13-10.15-16.58-19.21L84.95%207.27c-.09-.34-.41-.96-.78-1.14l1.98%2029.97c1.47%2013.68%202.73%2020.12%2013.65%2022c9.38%201.62%2020.23%203.48%2023.11%203.98z'%20fill='%23ffee58'/%3e%3cpath%20d='M122.94%2063.64l-24.16%205.54c-8.51%202.16-13.2%207.09-13.2%2019.99l-2.37%2030.94c.81-.08%201.47-.52%201.75-1.65l6.14-29.53c2.46-9.03%207.64-16.23%2016.52-19.17l14.03-4.83c.66-.24%201.08-.73%201.29-1.29z'%20fill='%23f4b400'/%3e%3cpath%20d='M41.81%2086.81c-8.33-2.75-9.09-5.85-10.49-11.08l-3.49-12.24c-.21-.79-2.27-.79-2.49%200L22.97%2074.8c-1.41%205.21-4.41%209.35-9.53%2011.04l-8.16%203.54c-1.13.37-1.15%201.97-.02%202.35l8.22%202.91c5.1%201.69%208.08%205.83%209.5%2011.02l2.37%2010.82c.22.79%202.27.79%202.48%200l2.78-10.77c1.41-5.22%203.57-9.37%2010.5-11.07l7.72-2.91c1.13-.39%201.12-1.99-.02-2.36l-7-2.56z'%20fill='%23fdd835'/%3e%3cpath%20d='M28.49%2075.55c.85%207.86%201.28%2010.04%207.65%2011.67l13.27%202.59c-.14-.19-.34-.35-.61-.43l-7-2.57c-7.31-2.5-9.33-5.68-10.7-12.04c-1.37-6.36-2.83-10.51-2.83-10.51c-.51-1.37-1.24-1.3-1.24-1.3l1.46%2012.59z'%20fill='%23ffee58'/%3e%3cpath%20d='M28.73%20102.99c0-7.41%204.05-11.08%2010.49-11.08l10.02-.41s-.58.77-1.59%201.01l-6.54%202.13c-5.55%202.23-8.08%203.35-9.8%2010.94c0%200-2.22%208.83-2.64%209.76c-.58%201.3-1.27%201.57-1.27%201.57l1.33-13.92z'%20fill='%23f4b400'/%3e%3cpath%20d='M59.74%2028.14c.56-.19.54-.99-.03-1.15l-7.72-2.08a4.77%204.77%200%200%201-3.34-3.3L45.61%209.06c-.15-.61-1.02-.61-1.17.01l-2.86%2012.5a4.734%204.734%200%200%201-3.4%203.37l-7.67%201.99c-.57.15-.61.95-.05%201.15l8.09%202.8c1.45.5%202.57%201.68%203.01%203.15l2.89%2011.59c.15.6%201.01.61%201.16%200l2.99-11.63a4.773%204.773%200%200%201%203.04-3.13l8.1-2.72z'%20fill='%23f4b400'%20stroke='%23f4b400'%20stroke-miterlimit='10'/%3e%3c/svg%3e";
+export {
+  c as default
+};

package/dist/components/flows/guidance/help-center/filter-help-center-guides.js

@@ -1,11 +1,14 @@
-import { HELP_CENTER_ALL_CATEGORY_VALUE as u } from "./help-center.constants.js";
-function y(o, e) {
-  const l = e.allCategoryValue ?? u, r = e.categoryValue === l ? null : e.categoryValue, t = e.searchQuery.trim().toLowerCase();
-  return o.filter((a) => {
-    const c = a.metadata.category ?? "general", s = !r || c === r, n = !t || a.metadata.title?.toLowerCase().includes(t) || a.metadata.description?.toLowerCase().includes(t) || a.id.toLowerCase().includes(t);
-    return s && n;
+import { HELP_CENTER_ALL_CATEGORY_VALUE as i } from "./help-center.constants.js";
+import { getGuideTypeSearchTerms as y, resolveGuideType as C } from "./guide-catalog-utils.js";
+function g(o, r) {
+  const c = r.allCategoryValue ?? i, a = r.categoryValue === c ? null : r.categoryValue, e = r.searchQuery.trim().toLowerCase();
+  return o.filter((t) => {
+    const s = t.metadata.category ?? "general", l = !a || s === a, n = y(C(t)), u = !e || t.metadata.title?.toLowerCase().includes(e) || t.metadata.description?.toLowerCase().includes(e) || t.id.toLowerCase().includes(e) || n.some(
+      (m) => m.toLowerCase().includes(e)
+    );
+    return l && u;
   });
 }
 export {
-  y as filterHelpCenterGuides
+  g as filterHelpCenterGuides
 };

package/dist/components/flows/guidance/help-center/guide-catalog-section.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface GuideCatalogSectionProps {
+    title: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function GuideCatalogSection({ title, children, className, }: GuideCatalogSectionProps): React.ReactElement;

package/dist/components/flows/guidance/help-center/guide-catalog-section.js

@@ -0,0 +1,24 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import "react";
+import { cn as r } from "../../../../lib/utils.js";
+function m({
+  title: t,
+  children: e,
+  className: a
+}) {
+  return /* @__PURE__ */ i(
+    "section",
+    {
+      className: r("px-4 pb-2 last:pb-3", a),
+      "data-component": "guidance-guide-catalog-section",
+      "aria-label": t,
+      children: [
+        /* @__PURE__ */ o("h2", { className: "mb-2 mt-5 text-xs font-semibold uppercase tracking-wider text-content-tertiary first:mt-3", children: t }),
+        e
+      ]
+    }
+  );
+}
+export {
+  m as GuideCatalogSection
+};

package/dist/components/flows/guidance/help-center/guide-catalog-utils.d.ts

@@ -0,0 +1,3 @@
+import { GuideManifest, GuideType } from '../../../../lib/guidance';
+export declare function resolveGuideType(guide: GuideManifest): GuideType;
+export declare function getGuideTypeSearchTerms(guideType: GuideType): string[];

package/dist/components/flows/guidance/help-center/guide-catalog-utils.js

@@ -0,0 +1,19 @@
+function t(e) {
+  return e.metadata.guideType ? e.metadata.guideType : e.metadata.category === "announcements" ? "whats-new" : "tour";
+}
+function r(e) {
+  switch (e) {
+    case "whats-new":
+      return ["whats new", "what's new", "update", "release", "announcement"];
+    case "how-to":
+      return ["how to", "how-to", "workflow", "walkthrough"];
+    case "tip":
+      return ["tip", "quick tip", "shortcut"];
+    default:
+      return ["tour", "guided tour", "onboarding"];
+  }
+}
+export {
+  r as getGuideTypeSearchTerms,
+  t as resolveGuideType
+};

package/dist/components/flows/guidance/help-center/guide-catalog.d.ts

@@ -1,3 +1,3 @@
 import { GuideCatalogProps } from './help-center.types';
 import * as React from 'react';
-export declare function GuideCatalog({ guides, onLaunchGuide, replayLabel, emptyStateMessage, getStepCountLabel, className, }: GuideCatalogProps): React.ReactElement;
+export declare function GuideCatalog({ guides, onLaunchGuide, replayLabel, getLaunchLabel, getGuideTypeLabel, emptyStateMessage, scrollable, className, }: GuideCatalogProps): React.ReactElement;

package/dist/components/flows/guidance/help-center/guide-catalog.js

@@ -1,118 +1,128 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import * as f from "react";
-import { useVirtualizer as x } from "@tanstack/react-virtual";
-import { Button as g } from "../../../primitives/button/button.js";
-import { cn as u } from "../../../../lib/utils.js";
-import { GUIDE_LIST_VIRTUALIZATION_THRESHOLD as b, GUIDE_LIST_ROW_GAP as N, GUIDE_CARD_ESTIMATE_HEIGHT as v } from "./help-center.constants.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as x from "react";
+import { useVirtualizer as T } from "@tanstack/react-virtual";
+import { cn as h } from "../../../../lib/utils.js";
+import { resolveGuideType as v } from "./guide-catalog-utils.js";
+import { HelpCenterGuideRow as y } from "./help-center-guide-row.js";
+import { GUIDE_LIST_VIRTUALIZATION_THRESHOLD as w, GUIDE_LIST_ROW_GAP as I, GUIDE_CARD_ESTIMATE_HEIGHT as E } from "./help-center.constants.js";
 /* empty css                */
-function R({
-  guides: t,
+function z({
+  guides: e,
   onLaunchGuide: r,
-  replayLabel: n = "Replay",
-  emptyStateMessage: i = "No guides match your search.",
-  getStepCountLabel: d = (a) => `${a} steps`,
-  className: m
+  replayLabel: i = "Replay",
+  getLaunchLabel: c,
+  getGuideTypeLabel: d,
+  emptyStateMessage: s = "No guides match your search.",
+  scrollable: a = !0,
+  className: o
 }) {
-  const a = f.useRef(null), p = t.length >= b, c = x({
-    count: p ? t.length : 0,
-    getScrollElement: () => a.current,
-    estimateSize: () => v,
-    gap: N,
+  const l = x.useRef(null), p = a && e.length >= w, m = T({
+    count: p ? e.length : 0,
+    getScrollElement: () => l.current,
+    estimateSize: () => E,
+    gap: I,
     overscan: 5
   });
-  return t.length ? /* @__PURE__ */ e(
+  if (!e.length)
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: h(
+          a ? "guidance-help-center-scroll min-h-0 flex-1 overflow-y-auto px-4 pb-4 pt-2" : "px-0 pb-0 pt-0",
+          o
+        ),
+        "data-component": "guidance-help-center-scroll",
+        children: /* @__PURE__ */ t("p", { className: "py-6 text-center text-sm text-content-secondary", children: s })
+      }
+    );
+  const f = e.map((n) => /* @__PURE__ */ t(
+    g,
+    {
+      guide: n,
+      onLaunchGuide: r,
+      replayLabel: i,
+      getLaunchLabel: c,
+      getGuideTypeLabel: d
+    },
+    n.id
+  ));
+  return a ? /* @__PURE__ */ t(
     "div",
     {
-      ref: a,
-      className: u(
-        "guidance-help-center-scroll min-h-0 flex-1 overflow-y-auto px-4 pb-3 pt-3",
-        m
+      ref: l,
+      className: h(
+        "guidance-help-center-scroll min-h-0 flex-1 overflow-y-auto px-4 pb-4 pt-2",
+        o
       ),
       "data-component": "guidance-help-center-scroll",
-      children: p ? /* @__PURE__ */ e(
+      children: p ? /* @__PURE__ */ t(
         "div",
         {
           className: "relative w-full",
           "data-component": "guidance-guide-catalog",
-          style: { height: c.getTotalSize() },
-          children: c.getVirtualItems().map((l) => {
-            const s = t[l.index];
-            return s ? /* @__PURE__ */ e(
+          style: { height: m.getTotalSize() },
+          children: m.getVirtualItems().map((n) => {
+            const u = e[n.index];
+            return u ? /* @__PURE__ */ t(
               "div",
               {
-                ref: c.measureElement,
-                "data-index": l.index,
+                ref: m.measureElement,
+                "data-index": n.index,
                 className: "absolute left-0 top-0 w-full",
-                style: { transform: `translateY(${l.start}px)` },
-                children: /* @__PURE__ */ e(
-                  h,
+                style: { transform: `translateY(${n.start}px)` },
+                children: /* @__PURE__ */ t(
+                  g,
                   {
-                    guide: s,
+                    guide: u,
                     onLaunchGuide: r,
-                    replayLabel: n,
-                    getStepCountLabel: d
+                    replayLabel: i,
+                    getLaunchLabel: c,
+                    getGuideTypeLabel: d
                   }
                 )
               },
-              s.id
+              u.id
             ) : null;
           })
         }
-      ) : /* @__PURE__ */ e(
-        "ul",
+      ) : /* @__PURE__ */ t(
+        "div",
         {
           className: "flex flex-col gap-2",
           "data-component": "guidance-guide-catalog",
-          children: t.map((l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-            h,
-            {
-              guide: l,
-              onLaunchGuide: r,
-              replayLabel: n,
-              getStepCountLabel: d
-            }
-          ) }, l.id))
+          children: f
         }
       )
     }
-  ) : /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ t("div", { className: o, "data-component": "guidance-guide-catalog-embedded", children: /* @__PURE__ */ t(
     "div",
     {
-      className: u(
-        "guidance-help-center-scroll min-h-0 flex-1 overflow-y-auto px-4 pb-3 pt-3",
-        m
-      ),
-      "data-component": "guidance-help-center-scroll",
-      children: /* @__PURE__ */ e("p", { className: "rounded-lg border border-dashed border-border-subtle px-4 py-8 text-center text-sm text-content-secondary", children: i })
+      className: "flex flex-col gap-2",
+      "data-component": "guidance-guide-catalog",
+      children: f
     }
-  );
+  ) });
 }
-function h({
-  guide: t,
+function g({
+  guide: e,
   onLaunchGuide: r,
-  replayLabel: n,
-  getStepCountLabel: i
+  replayLabel: i,
+  getLaunchLabel: c,
+  getGuideTypeLabel: d
 }) {
-  return /* @__PURE__ */ e("article", { className: "rounded-lg border border-border-subtle bg-canvas-elevated px-3 py-2.5", children: /* @__PURE__ */ o("div", { className: "flex items-start justify-between gap-3", children: [
-    /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ o("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ e("h3", { className: "truncate text-sm font-semibold text-content-primary", children: t.metadata.title ?? t.id }),
-        /* @__PURE__ */ e("span", { className: "shrink-0 rounded-full bg-brand-tint px-2 py-0.5 text-[11px] font-medium leading-none text-brand", children: i(t.steps.length) })
-      ] }),
-      t.metadata.description ? /* @__PURE__ */ e("p", { className: "mt-1 line-clamp-2 text-xs leading-relaxed text-content-secondary", children: t.metadata.description }) : null
-    ] }),
-    /* @__PURE__ */ e(
-      g,
-      {
-        variant: "outline",
-        size: "sm",
-        className: "shrink-0",
-        onClick: () => r(t.id),
-        children: n
-      }
-    )
-  ] }) });
+  const s = e.metadata.title ?? e.id, a = c?.(e) ?? i, o = d?.(e), l = v(e), p = o && l !== "whats-new" && !s.toLowerCase().includes(o.toLowerCase());
+  return /* @__PURE__ */ t(
+    y,
+    {
+      title: s,
+      description: e.metadata.description,
+      typeLabel: p ? o : void 0,
+      launchLabel: a,
+      guideType: l,
+      onLaunch: () => r(e.id)
+    }
+  );
 }
 export {
-  R as GuideCatalog
+  z as GuideCatalog
 };

package/dist/components/flows/guidance/help-center/help-center-guide-labels.d.ts

@@ -0,0 +1,6 @@
+import { GuideManifest } from '../../../../lib/guidance';
+type HelpCenterTranslate = (key: string, params?: Record<string, string | number>) => string;
+export declare function getHelpCenterGuideTypeLabel(guide: GuideManifest, translate: HelpCenterTranslate): string;
+export declare function getHelpCenterGuideLaunchLabel(guide: GuideManifest, translate: HelpCenterTranslate): string;
+export declare function getHelpCenterGuideStepCountLabel(guide: GuideManifest, stepCount: number, translate: HelpCenterTranslate): string;
+export {};