@flamingo-stack/openframe-frontend-core 0.0.591 → 0.0.592-snapshot.20260905013229

package/dist/{chunk-E455M3WJ.js → chunk-GEP3O6NU.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-WMZ5AUTB.js";
+} from "./chunk-WZJOILPU.js";
 import {
   PageLayout,
   PageShell
-} from "./chunk-ZYA6274A.js";
+} from "./chunk-VUGQ3Z6E.js";
 import {
   useScrollToHash
-} from "./chunk-2TJSDSXW.js";
+} from "./chunk-MOHSA65M.js";
 import {
   buildSuggestionUrl
 } from "./chunk-GBON2OCG.js";
@@ -355,4 +355,4 @@ export {
   FaqSection,
   FaqDocumentPage
 };
-//# sourceMappingURL=chunk-E455M3WJ.js.map
+//# sourceMappingURL=chunk-GEP3O6NU.js.map

package/dist/{chunk-OKWGSJAI.js → chunk-GGQZBSFN.js}

@@ -142,4 +142,4 @@ export {
   serializeSchemaParams,
   withQuery
 };
-//# sourceMappingURL=chunk-OKWGSJAI.js.map
+//# sourceMappingURL=chunk-GGQZBSFN.js.map

package/dist/chunk-GGQZBSFN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/search-params.ts","../src/utils/embed-content-fetch.ts"],"sourcesContent":["/**\n * URL parameter schema engine — the ONE grammar for every URL/API integer,\n * the ONE omission rule, the ONE serializer.\n *\n * Hoisted out of `hooks/state/` so SERVER code (route handlers, DALs) and the\n * CLIENT hook parse the same URL with the same function: a param contract that\n * disagrees across the wire is the bug class this removes. JSX-free leaf with\n * its own `exports` subpath; `hooks/state/*` re-exports every name it used to own.\n */\n\n/** JavaScript types a URL parameter can carry. `int` is a whole number with a floor. */\nexport type JSType = 'string' | 'number' | 'int' | 'boolean' | 'array' | 'object';\n\n// ── The integer grammar ─────────────────────────────────────────────────────\n\nexport interface PositiveIntOptions {\n  /** Smallest accepted value (default 1). Anything below falls back. */\n  min?: number;\n  /** Largest accepted value. Applied to the PARSED value AND to the fallback. */\n  max?: number;\n}\n\n/**\n * THE integer grammar for URL params, env vars, and page sizes.\n *\n * `null`/`undefined`/`''` → fallback. Otherwise `Math.trunc(Number(raw))`, which\n * accepts `'12'`, `12`, `'12.9'` (→ 12) and `'0x10'` (→ 16), and rejects `'12abc'`\n * and `'abc'` (`NaN`) — the historical `parseInt` accepted `'12abc'` as 12 and\n * produced `NaN` for `'abc'`. A value below `min` falls back. The RESULT (parsed\n * value or fallback alike) is clamped to `max`, so \"never exceeds max\" has one owner.\n */\nexport function positiveInt<TFallback = number>(\n  raw: string | number | null | undefined,\n  fallback: TFallback,\n  { min = 1, max }: PositiveIntOptions = {},\n): number | TFallback {\n  // The fallback is returned AS GIVEN — capping only ever applies to a value\n  // parsed out of the input, so a caller with no default (`null`) gets its\n  // sentinel back untouched instead of `Math.min(null, max)`.\n  const capped = (v: number) => (max == null ? v : Math.min(v, max));\n  if (raw === null || raw === undefined || raw === '') {\n    return typeof fallback === 'number' ? capped(fallback) : fallback;\n  }\n  const n = Math.trunc(Number(raw));\n  if (!Number.isFinite(n) || n < min) {\n    return typeof fallback === 'number' ? capped(fallback) : fallback;\n  }\n  return capped(n);\n}\n\n/** Ceilings every paged surface shares. */\nexport const PAGE_PARAM_LIMITS = { maxPage: 10_000, maxPageSize: 100 } as const;\n\n/** Total pages for a row count. Floors at 1, so an empty result is still \"page 1 of 1\". */\nexport function pageCount(total: number, pageSize: number): number {\n  if (!Number.isFinite(total) || !Number.isFinite(pageSize) || pageSize <= 0) return 1;\n  return Math.max(1, Math.ceil(total / pageSize));\n}\n\n/** Clamp a requested page into `1..totalPages`. */\nexport function clampPageToTotal(page: number, totalPages: number): number {\n  return Math.min(page, Math.max(1, totalPages));\n}\n\n// ── Schema ──────────────────────────────────────────────────────────────────\n\ntype OutputTypeMap = {\n  string: string;\n  number: number;\n  int: number;\n  boolean: boolean;\n  array: string[];\n  object: Record<string, unknown>;\n};\n\nexport type OutputTypeForJSType<T extends JSType> = OutputTypeMap[T];\n\nexport interface BaseParamConfig<T extends JSType = JSType> {\n  type: T;\n  default?: OutputTypeMap[T];\n  required?: boolean;\n}\n\n/** An integer parameter with an optional floor and ceiling. */\nexport interface IntParamConfig extends BaseParamConfig<'int'> {\n  min?: number;\n  max?: number;\n}\n\nexport type ParamConfig<T extends JSType = JSType> = T extends 'int' ? IntParamConfig : BaseParamConfig<T>;\n\nexport type ParamSchema = Record<string, ParamConfig>;\n\n/** Identity helper that preserves literal types through a schema object. */\nexport function defineParamSchema<T extends ParamSchema>(schema: T): T {\n  return schema;\n}\n\n/**\n * Build a `Record<K, V>` from a key tuple. Keeps `keyof` EXACT when spreading a\n * shared config across derived keys (an inline `Object.fromEntries` widens to\n * `Record<string, V>` and loses the key union).\n */\nexport function fromKeys<K extends string, V>(keys: readonly K[], value: V): Record<K, V> {\n  return Object.fromEntries(keys.map(k => [k, value])) as Record<K, V>;\n}\n\n// ── Reading ─────────────────────────────────────────────────────────────────\n\n/** Anything a URL can be read from: `URLSearchParams`, Next's `searchParams`, or a plain record. */\nexport type ParamInput = URLSearchParams | Record<string, string | string[] | undefined> | null | undefined;\n\n/** THE first-value rule for a duplicated key (`?a=1&a=2` reads as `1`). */\nexport function firstParamValue(input: ParamInput, key: string): string | undefined {\n  if (!input) return undefined;\n  if (input instanceof URLSearchParams) return input.get(key) ?? undefined;\n  const value = input[key];\n  return Array.isArray(value) ? value[0] : value;\n}\n\n/** Every value for a key (arrays read repeated params, then a `,`-joined single value). */\nfunction allParamValues(input: ParamInput, key: string): string[] {\n  if (!input) return [];\n  const raw = input instanceof URLSearchParams ? input.getAll(key) : input[key];\n  const list = Array.isArray(raw) ? raw : raw === undefined ? [] : [raw];\n  if (list.length === 1 && list[0]?.includes(',')) return list[0].split(',').filter(Boolean);\n  return list.filter(v => v !== undefined && v !== '');\n}\n\nexport interface ParseSchemaOptions {\n  /**\n   * What an ABSENT scalar with no declared `default` resolves to.\n   * `'undefined'` (default) keeps today's behaviour; `'null'` is the explicit\n   * \"this filter is unset\" spelling that survives JSON and `URLSearchParams`.\n   */\n  absent?: 'undefined' | 'null';\n}\n\nexport type AbsentValue<Opts extends ParseSchemaOptions | undefined> = Opts extends { absent: 'null' }\n  ? null\n  : undefined;\n\n/**\n * The parsed shape of a schema: keys with a `default` and every array key are\n * non-nullable; an undefaulted scalar carries the caller's absent value.\n */\nexport type InferParsedParams<TSchema extends ParamSchema, Absent = undefined> = {\n  [K in keyof TSchema]: TSchema[K] extends { type: 'array' }\n    ? string[]\n    : TSchema[K] extends { default: infer D }\n      ? D\n      : TSchema[K]['type'] extends infer T\n        ? T extends JSType\n          ? OutputTypeForJSType<T> | Absent\n          : never\n        : never;\n};\n\nfunction coerceScalar(raw: string | undefined, config: ParamConfig): unknown {\n  if (raw === undefined || raw === '') return undefined;\n  switch (config.type) {\n    case 'int': {\n      const int = config;\n      // ONE integer grammar, default or not. Without a declared default the\n      // fallback is `undefined` (an unparseable value is absent), which\n      // `positiveInt` returns untouched — the branch used to open-code the\n      // truncation, the min floor and the max clamp a second time.\n      return positiveInt<undefined>(raw, int.default as undefined, { min: int.min, max: int.max });\n    }\n    case 'number': {\n      const n = Number(raw);\n      return Number.isFinite(n) ? n : undefined;\n    }\n    case 'boolean':\n      return raw === 'true' || raw === '1';\n    case 'object':\n      try {\n        return JSON.parse(raw) as Record<string, unknown>;\n      } catch {\n        return undefined;\n      }\n    default:\n      return raw;\n  }\n}\n\n/**\n * Parse a URL into a schema's shape. THE reader — the server route and the\n * client hook both call this, so a URL means exactly one thing.\n *\n * PRECEDENCE: an absent or empty SCALAR takes the declared `default` when there\n * is one, else the `absent` value. ARRAY keys never take `absent`: they are `[]`.\n */\nexport function parseSchemaParams<TSchema extends ParamSchema, Opts extends ParseSchemaOptions = Record<string, never>>(\n  schema: TSchema,\n  input: ParamInput,\n  options?: Opts,\n): InferParsedParams<TSchema, AbsentValue<Opts>> {\n  const absent = options?.absent === 'null' ? null : undefined;\n  const out: Record<string, unknown> = {};\n  for (const [key, config] of Object.entries(schema)) {\n    if (config.type === 'array') {\n      const values = allParamValues(input, key);\n      out[key] = values.length > 0 ? values : (config.default ?? []);\n      continue;\n    }\n    const coerced = coerceScalar(firstParamValue(input, key), config);\n    out[key] = coerced !== undefined ? coerced : (config.default ?? absent);\n  }\n  return out as InferParsedParams<TSchema, AbsentValue<Opts>>;\n}\n\n// ── Writing ─────────────────────────────────────────────────────────────────\n\n/**\n * A schema entry OR a legacy flattened param (which spells its default\n * `defaultValue`).\n *\n * A UNION, not a bag of two optional fields: with only `default?` and\n * `defaultValue?` this is a WEAK TYPE, and TypeScript rejects any argument\n * sharing neither — including `{ type: 'string' }`, the single most common\n * schema entry there is. Naming the real config shapes fixes that without an\n * index signature, which `FlattenedParam` (an interface) could never satisfy.\n */\ntype OmissionConfig = ParamConfig | { default?: unknown; defaultValue?: unknown };\n\n/**\n * THE omission rule: `null`, `undefined`, `''`, `[]`, and a value equal to the\n * declared default are left out, so a URL only ever carries what differs.\n */\nexport function shouldIncludeInUrl(value: unknown, config: OmissionConfig | undefined): boolean {\n  if (value === null || value === undefined) return false;\n  if (Array.isArray(value) && value.length === 0) return false;\n  if (value === '') return false;\n  // `in` narrowing rather than a cast: the union's members genuinely differ —\n  // a schema entry spells its default `default`, a flattened param spells it\n  // `defaultValue`, and neither is obliged to carry the other's field.\n  const fromDefault = config && 'default' in config ? config.default : undefined;\n  const fromLegacy = config && 'defaultValue' in config ? config.defaultValue : undefined;\n  const declared = fromDefault !== undefined ? fromDefault : fromLegacy;\n  if (declared !== undefined && value === declared) return false;\n  return true;\n}\n\nexport interface CreateSearchParamsOptions {\n  /** Join arrays with this separator instead of repeating the key (`;` for the hub's list APIs). */\n  arrayJoin?: string;\n}\n\n/** Build `URLSearchParams` from a value record (arrays repeat the key by default). */\nexport function createSearchParams(\n  params: Record<string, unknown>,\n  { arrayJoin }: CreateSearchParamsOptions = {},\n): URLSearchParams {\n  const search = new URLSearchParams();\n  for (const [key, value] of Object.entries(params)) {\n    // The emptiness half of the omission rule has ONE owner. (No config here:\n    // callers that must also drop schema DEFAULTS filter through\n    // `shouldIncludeInUrl` with the config first — see `serializeSchemaParams`.)\n    if (!shouldIncludeInUrl(value, undefined)) continue;\n    if (Array.isArray(value)) {\n      // Empty ELEMENTS are dropped, and an array that filters to nothing is\n      // absent (a cleared multi-select must not leave `?tags=` behind).\n      const items = value.filter(v => v !== null && v !== undefined && v !== '');\n      if (items.length === 0) continue;\n      if (arrayJoin) search.set(key, items.join(arrayJoin));\n      else for (const item of items) search.append(key, String(item));\n      continue;\n    }\n    if (typeof value === 'object') {\n      search.set(key, JSON.stringify(value));\n      continue;\n    }\n    search.set(key, String(value));\n  }\n  return search;\n}\n\n/** Serialize params to a query string, omitting everything `shouldIncludeInUrl` rejects. */\nexport function serializeSchemaParams<TSchema extends ParamSchema>(\n  schema: TSchema,\n  params: Record<string, unknown>,\n  options?: CreateSearchParamsOptions,\n): string {\n  const kept: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(params)) {\n    if (shouldIncludeInUrl(value, schema[key])) kept[key] = value;\n  }\n  return createSearchParams(kept, options).toString();\n}\n\n/** Append a query string to a path, or return the path unchanged when it is empty. */\nexport function withQuery(path: string, queryString: string | null | undefined): string {\n  return queryString ? `${path}?${queryString}` : path;\n}\n","'use client';\n\n/**\n * `contentFetch` — the fetch the lib's SELF-FETCHING content surfaces use:\n * roadmap (list + vote + per-task refresh), delivery, product releases,\n * onboarding guides (catalog + detail), legal docs, and the release-detail\n * injected roadmap/delivery sections.\n *\n * It deliberately reuses the SINGLE embed-auth knob — the registered\n * `EmbedAuthAdapter` — instead of introducing a second registration:\n *   - adapter registered (host opted into embedded auth, e.g. openframe-frontend\n *     for its embedded chat) → route through `embedAuthedFetch`, so content GETs/\n *     POSTs carry the SAME bearer/cookie + 401-refresh as the chat.\n *   - no adapter (the public hub, or the embedding example whose proxy injects\n *     auth server-side) → a plain, byte-for-byte unchanged `fetch`.\n *\n * So a host wires auth ONCE (the chat adapter) and content inherits it; there is\n * no content-specific fetcher to configure.\n */\n\nimport { embedAuthedFetch, hasEmbedAuthAdapter } from './embed-authed-fetch';\n\nexport const contentFetch: typeof fetch = (input, init) => {\n  if (!hasEmbedAuthAdapter()) return fetch(input, init);\n  // embedAuthedFetch takes a string url; coerce the broader `fetch` input shape\n  // (content surfaces always pass strings, but handle URL/Request defensively).\n  const url = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;\n  return embedAuthedFetch(url, init);\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-RGCBUNMJ.js → chunk-GXPOEAXL.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   PageLayout
-} from "./chunk-ZYA6274A.js";
+} from "./chunk-VUGQ3Z6E.js";
 import {
   formatBioText,
   getProxiedImageUrl
@@ -143,4 +143,4 @@ export {
   DetailPageSkeleton,
   ArticleAuthorByline
 };
-//# sourceMappingURL=chunk-RGCBUNMJ.js.map
+//# sourceMappingURL=chunk-GXPOEAXL.js.map

package/dist/{chunk-RNXY35DZ.cjs → chunk-H64ZHSYR.cjs}

@@ -142,4 +142,4 @@ var contentFetch = (input, init) => {
 
 
 exports.contentFetch = contentFetch; exports.positiveInt = positiveInt; exports.PAGE_PARAM_LIMITS = PAGE_PARAM_LIMITS; exports.pageCount = pageCount; exports.clampPageToTotal = clampPageToTotal; exports.defineParamSchema = defineParamSchema; exports.fromKeys = fromKeys; exports.firstParamValue = firstParamValue; exports.parseSchemaParams = parseSchemaParams; exports.shouldIncludeInUrl = shouldIncludeInUrl; exports.createSearchParams = createSearchParams; exports.serializeSchemaParams = serializeSchemaParams; exports.withQuery = withQuery;
-//# sourceMappingURL=chunk-RNXY35DZ.cjs.map
+//# sourceMappingURL=chunk-H64ZHSYR.cjs.map

package/dist/chunk-H64ZHSYR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-H64ZHSYR.cjs","../src/utils/search-params.ts","../src/utils/embed-content-fetch.ts"],"names":[],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-H64ZHSYR.cjs","sourcesContent":[null,"/**\n * URL parameter schema engine — the ONE grammar for every URL/API integer,\n * the ONE omission rule, the ONE serializer.\n *\n * Hoisted out of `hooks/state/` so SERVER code (route handlers, DALs) and the\n * CLIENT hook parse the same URL with the same function: a param contract that\n * disagrees across the wire is the bug class this removes. JSX-free leaf with\n * its own `exports` subpath; `hooks/state/*` re-exports every name it used to own.\n */\n\n/** JavaScript types a URL parameter can carry. `int` is a whole number with a floor. */\nexport type JSType = 'string' | 'number' | 'int' | 'boolean' | 'array' | 'object';\n\n// ── The integer grammar ─────────────────────────────────────────────────────\n\nexport interface PositiveIntOptions {\n  /** Smallest accepted value (default 1). Anything below falls back. */\n  min?: number;\n  /** Largest accepted value. Applied to the PARSED value AND to the fallback. */\n  max?: number;\n}\n\n/**\n * THE integer grammar for URL params, env vars, and page sizes.\n *\n * `null`/`undefined`/`''` → fallback. Otherwise `Math.trunc(Number(raw))`, which\n * accepts `'12'`, `12`, `'12.9'` (→ 12) and `'0x10'` (→ 16), and rejects `'12abc'`\n * and `'abc'` (`NaN`) — the historical `parseInt` accepted `'12abc'` as 12 and\n * produced `NaN` for `'abc'`. A value below `min` falls back. The RESULT (parsed\n * value or fallback alike) is clamped to `max`, so \"never exceeds max\" has one owner.\n */\nexport function positiveInt<TFallback = number>(\n  raw: string | number | null | undefined,\n  fallback: TFallback,\n  { min = 1, max }: PositiveIntOptions = {},\n): number | TFallback {\n  // The fallback is returned AS GIVEN — capping only ever applies to a value\n  // parsed out of the input, so a caller with no default (`null`) gets its\n  // sentinel back untouched instead of `Math.min(null, max)`.\n  const capped = (v: number) => (max == null ? v : Math.min(v, max));\n  if (raw === null || raw === undefined || raw === '') {\n    return typeof fallback === 'number' ? capped(fallback) : fallback;\n  }\n  const n = Math.trunc(Number(raw));\n  if (!Number.isFinite(n) || n < min) {\n    return typeof fallback === 'number' ? capped(fallback) : fallback;\n  }\n  return capped(n);\n}\n\n/** Ceilings every paged surface shares. */\nexport const PAGE_PARAM_LIMITS = { maxPage: 10_000, maxPageSize: 100 } as const;\n\n/** Total pages for a row count. Floors at 1, so an empty result is still \"page 1 of 1\". */\nexport function pageCount(total: number, pageSize: number): number {\n  if (!Number.isFinite(total) || !Number.isFinite(pageSize) || pageSize <= 0) return 1;\n  return Math.max(1, Math.ceil(total / pageSize));\n}\n\n/** Clamp a requested page into `1..totalPages`. */\nexport function clampPageToTotal(page: number, totalPages: number): number {\n  return Math.min(page, Math.max(1, totalPages));\n}\n\n// ── Schema ──────────────────────────────────────────────────────────────────\n\ntype OutputTypeMap = {\n  string: string;\n  number: number;\n  int: number;\n  boolean: boolean;\n  array: string[];\n  object: Record<string, unknown>;\n};\n\nexport type OutputTypeForJSType<T extends JSType> = OutputTypeMap[T];\n\nexport interface BaseParamConfig<T extends JSType = JSType> {\n  type: T;\n  default?: OutputTypeMap[T];\n  required?: boolean;\n}\n\n/** An integer parameter with an optional floor and ceiling. */\nexport interface IntParamConfig extends BaseParamConfig<'int'> {\n  min?: number;\n  max?: number;\n}\n\nexport type ParamConfig<T extends JSType = JSType> = T extends 'int' ? IntParamConfig : BaseParamConfig<T>;\n\nexport type ParamSchema = Record<string, ParamConfig>;\n\n/** Identity helper that preserves literal types through a schema object. */\nexport function defineParamSchema<T extends ParamSchema>(schema: T): T {\n  return schema;\n}\n\n/**\n * Build a `Record<K, V>` from a key tuple. Keeps `keyof` EXACT when spreading a\n * shared config across derived keys (an inline `Object.fromEntries` widens to\n * `Record<string, V>` and loses the key union).\n */\nexport function fromKeys<K extends string, V>(keys: readonly K[], value: V): Record<K, V> {\n  return Object.fromEntries(keys.map(k => [k, value])) as Record<K, V>;\n}\n\n// ── Reading ─────────────────────────────────────────────────────────────────\n\n/** Anything a URL can be read from: `URLSearchParams`, Next's `searchParams`, or a plain record. */\nexport type ParamInput = URLSearchParams | Record<string, string | string[] | undefined> | null | undefined;\n\n/** THE first-value rule for a duplicated key (`?a=1&a=2` reads as `1`). */\nexport function firstParamValue(input: ParamInput, key: string): string | undefined {\n  if (!input) return undefined;\n  if (input instanceof URLSearchParams) return input.get(key) ?? undefined;\n  const value = input[key];\n  return Array.isArray(value) ? value[0] : value;\n}\n\n/** Every value for a key (arrays read repeated params, then a `,`-joined single value). */\nfunction allParamValues(input: ParamInput, key: string): string[] {\n  if (!input) return [];\n  const raw = input instanceof URLSearchParams ? input.getAll(key) : input[key];\n  const list = Array.isArray(raw) ? raw : raw === undefined ? [] : [raw];\n  if (list.length === 1 && list[0]?.includes(',')) return list[0].split(',').filter(Boolean);\n  return list.filter(v => v !== undefined && v !== '');\n}\n\nexport interface ParseSchemaOptions {\n  /**\n   * What an ABSENT scalar with no declared `default` resolves to.\n   * `'undefined'` (default) keeps today's behaviour; `'null'` is the explicit\n   * \"this filter is unset\" spelling that survives JSON and `URLSearchParams`.\n   */\n  absent?: 'undefined' | 'null';\n}\n\nexport type AbsentValue<Opts extends ParseSchemaOptions | undefined> = Opts extends { absent: 'null' }\n  ? null\n  : undefined;\n\n/**\n * The parsed shape of a schema: keys with a `default` and every array key are\n * non-nullable; an undefaulted scalar carries the caller's absent value.\n */\nexport type InferParsedParams<TSchema extends ParamSchema, Absent = undefined> = {\n  [K in keyof TSchema]: TSchema[K] extends { type: 'array' }\n    ? string[]\n    : TSchema[K] extends { default: infer D }\n      ? D\n      : TSchema[K]['type'] extends infer T\n        ? T extends JSType\n          ? OutputTypeForJSType<T> | Absent\n          : never\n        : never;\n};\n\nfunction coerceScalar(raw: string | undefined, config: ParamConfig): unknown {\n  if (raw === undefined || raw === '') return undefined;\n  switch (config.type) {\n    case 'int': {\n      const int = config;\n      // ONE integer grammar, default or not. Without a declared default the\n      // fallback is `undefined` (an unparseable value is absent), which\n      // `positiveInt` returns untouched — the branch used to open-code the\n      // truncation, the min floor and the max clamp a second time.\n      return positiveInt<undefined>(raw, int.default as undefined, { min: int.min, max: int.max });\n    }\n    case 'number': {\n      const n = Number(raw);\n      return Number.isFinite(n) ? n : undefined;\n    }\n    case 'boolean':\n      return raw === 'true' || raw === '1';\n    case 'object':\n      try {\n        return JSON.parse(raw) as Record<string, unknown>;\n      } catch {\n        return undefined;\n      }\n    default:\n      return raw;\n  }\n}\n\n/**\n * Parse a URL into a schema's shape. THE reader — the server route and the\n * client hook both call this, so a URL means exactly one thing.\n *\n * PRECEDENCE: an absent or empty SCALAR takes the declared `default` when there\n * is one, else the `absent` value. ARRAY keys never take `absent`: they are `[]`.\n */\nexport function parseSchemaParams<TSchema extends ParamSchema, Opts extends ParseSchemaOptions = Record<string, never>>(\n  schema: TSchema,\n  input: ParamInput,\n  options?: Opts,\n): InferParsedParams<TSchema, AbsentValue<Opts>> {\n  const absent = options?.absent === 'null' ? null : undefined;\n  const out: Record<string, unknown> = {};\n  for (const [key, config] of Object.entries(schema)) {\n    if (config.type === 'array') {\n      const values = allParamValues(input, key);\n      out[key] = values.length > 0 ? values : (config.default ?? []);\n      continue;\n    }\n    const coerced = coerceScalar(firstParamValue(input, key), config);\n    out[key] = coerced !== undefined ? coerced : (config.default ?? absent);\n  }\n  return out as InferParsedParams<TSchema, AbsentValue<Opts>>;\n}\n\n// ── Writing ─────────────────────────────────────────────────────────────────\n\n/**\n * A schema entry OR a legacy flattened param (which spells its default\n * `defaultValue`).\n *\n * A UNION, not a bag of two optional fields: with only `default?` and\n * `defaultValue?` this is a WEAK TYPE, and TypeScript rejects any argument\n * sharing neither — including `{ type: 'string' }`, the single most common\n * schema entry there is. Naming the real config shapes fixes that without an\n * index signature, which `FlattenedParam` (an interface) could never satisfy.\n */\ntype OmissionConfig = ParamConfig | { default?: unknown; defaultValue?: unknown };\n\n/**\n * THE omission rule: `null`, `undefined`, `''`, `[]`, and a value equal to the\n * declared default are left out, so a URL only ever carries what differs.\n */\nexport function shouldIncludeInUrl(value: unknown, config: OmissionConfig | undefined): boolean {\n  if (value === null || value === undefined) return false;\n  if (Array.isArray(value) && value.length === 0) return false;\n  if (value === '') return false;\n  // `in` narrowing rather than a cast: the union's members genuinely differ —\n  // a schema entry spells its default `default`, a flattened param spells it\n  // `defaultValue`, and neither is obliged to carry the other's field.\n  const fromDefault = config && 'default' in config ? config.default : undefined;\n  const fromLegacy = config && 'defaultValue' in config ? config.defaultValue : undefined;\n  const declared = fromDefault !== undefined ? fromDefault : fromLegacy;\n  if (declared !== undefined && value === declared) return false;\n  return true;\n}\n\nexport interface CreateSearchParamsOptions {\n  /** Join arrays with this separator instead of repeating the key (`;` for the hub's list APIs). */\n  arrayJoin?: string;\n}\n\n/** Build `URLSearchParams` from a value record (arrays repeat the key by default). */\nexport function createSearchParams(\n  params: Record<string, unknown>,\n  { arrayJoin }: CreateSearchParamsOptions = {},\n): URLSearchParams {\n  const search = new URLSearchParams();\n  for (const [key, value] of Object.entries(params)) {\n    // The emptiness half of the omission rule has ONE owner. (No config here:\n    // callers that must also drop schema DEFAULTS filter through\n    // `shouldIncludeInUrl` with the config first — see `serializeSchemaParams`.)\n    if (!shouldIncludeInUrl(value, undefined)) continue;\n    if (Array.isArray(value)) {\n      // Empty ELEMENTS are dropped, and an array that filters to nothing is\n      // absent (a cleared multi-select must not leave `?tags=` behind).\n      const items = value.filter(v => v !== null && v !== undefined && v !== '');\n      if (items.length === 0) continue;\n      if (arrayJoin) search.set(key, items.join(arrayJoin));\n      else for (const item of items) search.append(key, String(item));\n      continue;\n    }\n    if (typeof value === 'object') {\n      search.set(key, JSON.stringify(value));\n      continue;\n    }\n    search.set(key, String(value));\n  }\n  return search;\n}\n\n/** Serialize params to a query string, omitting everything `shouldIncludeInUrl` rejects. */\nexport function serializeSchemaParams<TSchema extends ParamSchema>(\n  schema: TSchema,\n  params: Record<string, unknown>,\n  options?: CreateSearchParamsOptions,\n): string {\n  const kept: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(params)) {\n    if (shouldIncludeInUrl(value, schema[key])) kept[key] = value;\n  }\n  return createSearchParams(kept, options).toString();\n}\n\n/** Append a query string to a path, or return the path unchanged when it is empty. */\nexport function withQuery(path: string, queryString: string | null | undefined): string {\n  return queryString ? `${path}?${queryString}` : path;\n}\n","'use client';\n\n/**\n * `contentFetch` — the fetch the lib's SELF-FETCHING content surfaces use:\n * roadmap (list + vote + per-task refresh), delivery, product releases,\n * onboarding guides (catalog + detail), legal docs, and the release-detail\n * injected roadmap/delivery sections.\n *\n * It deliberately reuses the SINGLE embed-auth knob — the registered\n * `EmbedAuthAdapter` — instead of introducing a second registration:\n *   - adapter registered (host opted into embedded auth, e.g. openframe-frontend\n *     for its embedded chat) → route through `embedAuthedFetch`, so content GETs/\n *     POSTs carry the SAME bearer/cookie + 401-refresh as the chat.\n *   - no adapter (the public hub, or the embedding example whose proxy injects\n *     auth server-side) → a plain, byte-for-byte unchanged `fetch`.\n *\n * So a host wires auth ONCE (the chat adapter) and content inherits it; there is\n * no content-specific fetcher to configure.\n */\n\nimport { embedAuthedFetch, hasEmbedAuthAdapter } from './embed-authed-fetch';\n\nexport const contentFetch: typeof fetch = (input, init) => {\n  if (!hasEmbedAuthAdapter()) return fetch(input, init);\n  // embedAuthedFetch takes a string url; coerce the broader `fetch` input shape\n  // (content surfaces always pass strings, but handle URL/Request defensively).\n  const url = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;\n  return embedAuthedFetch(url, init);\n};\n"]}

package/dist/{chunk-AMCARR6Y.cjs → chunk-HMRWH2HC.cjs}

@@ -4,10 +4,10 @@
 
 
 
-var _chunkSW3CZ2KScjs = require('./chunk-SW3CZ2KS.cjs');
+var _chunk4DRZZWC7cjs = require('./chunk-4DRZZWC7.cjs');
 
 
-var _chunkZZF6Z7KBcjs = require('./chunk-ZZF6Z7KB.cjs');
+var _chunkFKXDDJEQcjs = require('./chunk-FKXDDJEQ.cjs');
 
 
 var _chunkY7ITKISQcjs = require('./chunk-Y7ITKISQ.cjs');
@@ -123,7 +123,7 @@ CveLink.displayName = "CveLink";
 // src/components/platform/ToolBadge.tsx
 
 var ToolBadge = ({ toolType, className, iconClassName }) => {
-  const label = _chunkSW3CZ2KScjs.getToolLabel.call(void 0, toolType);
+  const label = _chunk4DRZZWC7cjs.getToolLabel.call(void 0, toolType);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk23V5BSHDcjs.cn.call(void 0, "flex items-center gap-1 text-ods-text-secondary", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXWGSDK4cjs.ToolIcon, { toolType, className: iconClassName, size: 16 }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: label })
@@ -134,31 +134,31 @@ ToolBadge.displayName = "ToolBadge";
 // src/components/platform/ShellTypeBadge.tsx
 
 var shellIconMap = {
-  [_chunkSW3CZ2KScjs.ShellTypeValues.POWERSHELL]: {
+  [_chunk4DRZZWC7cjs.ShellTypeValues.POWERSHELL]: {
     icon: _chunkGSQM4PDRcjs.PowershellLogoGreyIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkSW3CZ2KScjs.ShellTypeValues.CMD]: {
+  [_chunk4DRZZWC7cjs.ShellTypeValues.CMD]: {
     icon: _chunk5EM6NGBKcjs.CmdIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkSW3CZ2KScjs.ShellTypeValues.BASH]: {
+  [_chunk4DRZZWC7cjs.ShellTypeValues.BASH]: {
     icon: _chunk5EM6NGBKcjs.BashIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkSW3CZ2KScjs.ShellTypeValues.PYTHON]: {
+  [_chunk4DRZZWC7cjs.ShellTypeValues.PYTHON]: {
     icon: _chunkGSQM4PDRcjs.PythonLogoIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkSW3CZ2KScjs.ShellTypeValues.NUSHELL]: {
+  [_chunk4DRZZWC7cjs.ShellTypeValues.NUSHELL]: {
     icon: _chunk5EM6NGBKcjs.NushellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkSW3CZ2KScjs.ShellTypeValues.DENO]: {
+  [_chunk4DRZZWC7cjs.ShellTypeValues.DENO]: {
     icon: _chunk5EM6NGBKcjs.DenoIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkSW3CZ2KScjs.ShellTypeValues.SHELL]: {
+  [_chunk4DRZZWC7cjs.ShellTypeValues.SHELL]: {
     icon: _chunk5EM6NGBKcjs.ShellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   }
@@ -169,7 +169,7 @@ var defaultIconConfig = {
 };
 var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const normalizedType = _optionalChain([shellType, 'optionalAccess', _ => _.toUpperCase, 'call', _2 => _2()]);
-  const label = _chunkSW3CZ2KScjs.getShellLabel.call(void 0, normalizedType);
+  const label = _chunk4DRZZWC7cjs.getShellLabel.call(void 0, normalizedType);
   const { icon: IconComponent, props: iconProps } = _nullishCoalesce(shellIconMap[normalizedType], () => ( defaultIconConfig));
   const defaultIconClassName = "className" in iconProps ? iconProps.className : void 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk23V5BSHDcjs.cn.call(void 0, "flex items-center gap-1", className), children: [
@@ -185,7 +185,7 @@ function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
   }
-  return platforms.map((platform) => _chunkSW3CZ2KScjs.getOSLabel.call(void 0, platform)).join(", ");
+  return platforms.map((platform) => _chunk4DRZZWC7cjs.getOSLabel.call(void 0, platform)).join(", ");
 }
 function InfoCell({ label, value, avatar, className }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk23V5BSHDcjs.cn.call(void 0, "flex min-w-0 items-center gap-2", className), children: [
@@ -205,7 +205,7 @@ var ScriptInfoSection = ({
   author,
   className
 }) => {
-  const shellLabel = _chunkSW3CZ2KScjs.getShellLabel.call(void 0, shellType);
+  const shellLabel = _chunk4DRZZWC7cjs.getShellLabel.call(void 0, shellType);
   const platformsLabel = formatSupportedPlatforms(supportedPlatforms);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk23V5BSHDcjs.cn.call(void 0, "overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
@@ -416,7 +416,7 @@ function OnboardingWalkthrough({
     isStepSkipped,
     allStepsComplete,
     markMultipleComplete
-  } = _chunkZZF6Z7KBcjs.useOnboardingState.call(void 0, storageKey);
+  } = _chunkFKXDDJEQcjs.useOnboardingState.call(void 0, storageKey);
   const hasAutoMarkedRef = _react.useRef.call(void 0, false);
   const autoMarkingInProgressRef = _react.useRef.call(void 0, false);
   const lastCompletionStatusRef = _react.useRef.call(void 0, null);
@@ -524,4 +524,4 @@ function OnboardingWalkthrough({
 
 
 exports.SoftwareInfo = SoftwareInfo; exports.SoftwareSourceBadge = SoftwareSourceBadge; exports.CveLink = CveLink; exports.ToolBadge = ToolBadge; exports.ShellTypeBadge = ShellTypeBadge; exports.ScriptInfoSection = ScriptInfoSection; exports.ScriptArguments = ScriptArguments; exports.OnboardingStepCard = OnboardingStepCard; exports.OnboardingWalkthrough = OnboardingWalkthrough;
-//# sourceMappingURL=chunk-AMCARR6Y.cjs.map
+//# sourceMappingURL=chunk-HMRWH2HC.cjs.map

package/dist/{chunk-AMCARR6Y.cjs.map → chunk-HMRWH2HC.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-AMCARR6Y.cjs","../src/components/platform/SoftwareInfo.tsx","../src/components/platform/SoftwareSourceBadge.tsx","../src/components/platform/CveLink.tsx","../src/components/platform/ToolBadge.tsx","../src/components/platform/ShellTypeBadge.tsx","../src/components/platform/ScriptInfoSection.tsx","../src/components/platform/ScriptArguments.tsx","../src/components/shared/onboarding/onboarding-step-card.tsx","../src/components/shared/onboarding/onboarding-walkthrough.tsx"],"names":["jsx","jsxs","cn"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-AMCARR6Y.cjs","sourcesContent":[null,"/**\n * SoftwareInfo Component\n *\n * Displays software name with optional vendor information below it.\n * Part of the ODS (OpenFrame Design System) platform components.\n *\n * @example\n * ```tsx\n * <SoftwareInfo name=\"Visual Studio Code\" vendor=\"Microsoft\" />\n * <SoftwareInfo name=\"Chrome\" /> // Without vendor\n * ```\n */\n\nimport type React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface SoftwareInfoProps {\n  /** Software name (required) */\n  name: string;\n  /** Software vendor (optional) */\n  vendor?: string;\n  /** Software version (optional) */\n  version?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport const SoftwareInfo: React.FC<SoftwareInfoProps> = ({ name, vendor, version, className }) => {\n  return (\n    <div className={cn('flex flex-col gap-1', className)}>\n      <div className=\"flex items-center gap-2\">\n        <div className=\"text-ods-text-primary text-h4\">{name}</div>\n        {version && (\n          <div className=\"rounded bg-ods-bg-surface px-2 py-1 text-ods-text-secondary text-h6\">{version}</div>\n        )}\n      </div>\n      {vendor && <div className=\"text-ods-text-secondary text-h6\">{vendor}</div>}\n    </div>\n  );\n};\n\nSoftwareInfo.displayName = 'SoftwareInfo';\n","/**\n * SoftwareSourceBadge Component\n *\n * Displays a badge for software source types from Fleet MDM.\n * Supports all osquery software source types with appropriate styling.\n *\n * Fleet MDM Software Sources:\n * - apps: macOS Applications\n * - chrome_extensions: Chrome Browser Extensions\n * - firefox_addons: Firefox Browser Extensions\n * - safari_extensions: Safari Browser Extensions\n * - ie_extensions: Internet Explorer Extensions\n * - vscode_extensions: VS Code Extensions\n * - atom_packages: Atom Packages\n * - homebrew_packages: Homebrew Packages (macOS)\n * - npm_packages: NPM Packages\n * - python_packages: Python Packages\n * - apt_sources: APT Packages (Debian/Ubuntu)\n * - deb_packages: DEB Packages\n * - rpm_packages: RPM Packages (Red Hat/CentOS)\n * - yum_sources: YUM Packages\n * - portage_packages: Portage Packages (Gentoo)\n * - chocolatey_packages: Chocolatey Packages (Windows)\n * - programs: Windows Programs\n * - pkg_packages: PKG Packages\n *\n * @example\n * ```tsx\n * <SoftwareSourceBadge source=\"apps\" />\n * <SoftwareSourceBadge source=\"chrome_extensions\" />\n * <SoftwareSourceBadge source=\"python_packages\" />\n * ```\n */\n\nimport type React from 'react';\nimport { cn } from '../../utils/common';\nimport { PackageIcon, WindowsIcon, MacOSIcon, LinuxIcon } from '../icons';\n\nexport type SoftwareSource =\n  | 'apps'\n  | 'chrome_extensions'\n  | 'firefox_addons'\n  | 'safari_extensions'\n  | 'ie_extensions'\n  | 'vscode_extensions'\n  | 'atom_packages'\n  | 'homebrew_packages'\n  | 'npm_packages'\n  | 'python_packages'\n  | 'apt_sources'\n  | 'deb_packages'\n  | 'rpm_packages'\n  | 'yum_sources'\n  | 'portage_packages'\n  | 'chocolatey_packages'\n  | 'programs'\n  | 'pkg_packages';\n\nexport interface SoftwareSourceBadgeProps {\n  /** Software source type from Fleet MDM */\n  source: SoftwareSource;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Maps source types to human-readable labels and icons\n */\nconst sourceConfig: Record<SoftwareSource, { label: string; icon: React.ReactNode }> = {\n  apps: { label: 'App', icon: <MacOSIcon className=\"h-4 w-4\" /> },\n  chrome_extensions: { label: 'Chrome', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  firefox_addons: { label: 'Firefox', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  safari_extensions: { label: 'Safari', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  ie_extensions: { label: 'IE', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  vscode_extensions: { label: 'VS Code', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  atom_packages: { label: 'Atom', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  homebrew_packages: { label: 'Homebrew', icon: <MacOSIcon className=\"h-4 w-4\" /> },\n  npm_packages: { label: 'NPM', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  python_packages: { label: 'Python', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  apt_sources: { label: 'APT', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  deb_packages: { label: 'DEB', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  rpm_packages: { label: 'RPM', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  yum_sources: { label: 'YUM', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  portage_packages: { label: 'Portage', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  chocolatey_packages: { label: 'Chocolatey', icon: <WindowsIcon className=\"h-4 w-4\" /> },\n  programs: { label: 'Windows', icon: <WindowsIcon className=\"h-4 w-4\" /> },\n  pkg_packages: { label: 'PKG', icon: <PackageIcon className=\"h-4 w-4\" /> },\n};\n\nexport const SoftwareSourceBadge: React.FC<SoftwareSourceBadgeProps> = ({ source, className }) => {\n  const config = sourceConfig[source] || { label: source, icon: <PackageIcon className=\"h-4 w-4\" /> };\n\n  return (\n    <span className={cn('inline-flex items-center gap-2 text-ods-text-primary', className)}>\n      {config.icon}\n      {config.label}\n    </span>\n  );\n};\n\nSoftwareSourceBadge.displayName = 'SoftwareSourceBadge';\n","/**\n * CveLink Component\n *\n * Displays a CVE ID with an external link icon that links to the NIST NVD database.\n * Part of the ODS (OpenFrame Design System) platform components.\n *\n * @example\n * ```tsx\n * <CveLink cveId=\"CVE-2024-1234\" />\n * ```\n */\n\nimport type React from 'react';\nimport { cn } from '../../utils/cn';\nimport { CustomExternalLinkIcon } from '../icons';\n\nexport interface CveLinkProps {\n  /** CVE ID (e.g., \"CVE-2024-1234\") */\n  cveId: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport const CveLink: React.FC<CveLinkProps> = ({ cveId, className }) => {\n  const nistUrl = `https://nvd.nist.gov/vuln/detail/${cveId}`;\n\n  return (\n    <a\n      href={nistUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        'group inline-flex items-center gap-2 text-ods-text-primary transition-colors text-code hover:text-ods-accent',\n        className,\n      )}\n    >\n      <span>{cveId}</span>\n      <CustomExternalLinkIcon className=\"h-4 w-4 text-ods-text-secondary transition-colors group-hover:text-ods-accent\" />\n    </a>\n  );\n};\n\nCveLink.displayName = 'CveLink';\n","/**\n * ToolBadge Component\n *\n * Displays a tool type badge with icon for OpenFrame integrated tools.\n * Used in tables to show tool sources like Fleet MDM, MeshCentral, etc.\n *\n * @example\n * ```tsx\n * <ToolBadge toolType=\"OPENFRAME_RMM\" />\n * <ToolBadge toolType=\"FLEET\" />\n * <ToolBadge toolType=\"MESHCENTRAL\" />\n * ```\n */\n\nimport type React from 'react';\nimport type { ToolType } from '../../types/tool.types';\nimport { cn } from '../../utils/cn';\nimport { getToolLabel } from '../../utils/tool-utils';\nimport { ToolIcon } from '../tool-icon';\n\nexport type { ToolType } from '../../types/tool.types';\n\nexport interface ToolBadgeProps {\n  /** Tool type */\n  toolType: ToolType;\n  /** Additional CSS classes */\n  className?: string;\n  iconClassName?: string;\n}\n\nexport const ToolBadge: React.FC<ToolBadgeProps> = ({ toolType, className, iconClassName }) => {\n  const label = getToolLabel(toolType);\n\n  return (\n    <div className={cn('flex items-center gap-1 text-ods-text-secondary', className)}>\n      <ToolIcon toolType={toolType} className={iconClassName} size={16} />\n      <span className=\"text-ods-text-primary text-h4\">{label}</span>\n    </div>\n  );\n};\n\nToolBadge.displayName = 'ToolBadge';\n","/**\n * ShellTypeBadge Component\n *\n * Displays a badge for shell/script types with appropriate icon and label.\n * Supports all RMM shell types.\n */\n\nimport type React from 'react';\nimport { type ShellType, ShellTypeValues } from '../../types/shell.types';\nimport { cn } from '../../utils/cn';\nimport { getShellLabel } from '../../utils/shell-utils';\nimport { BashIcon, CmdIcon, DenoIcon, NushellIcon, ShellIcon } from '../icons';\nimport { PowershellLogoGreyIcon } from '../icons-v2-generated/brand-logos/powershell-logo-grey-icon';\nimport { PythonLogoIcon } from '../icons-v2-generated/brand-logos/python-logo-icon';\n\n/**\n * Shell icon configuration with typed mapping\n */\ninterface ShellIconConfig {\n  icon: React.ComponentType<{ size?: number; color?: string; className?: string }>;\n  props: { size: number } & ({ className: string } | { color: string });\n}\n\n/**\n * Typed mapping of shell types to their icon configurations\n * Using Record<ShellType, ...> ensures all shell types are covered\n */\nconst shellIconMap: Record<ShellType, ShellIconConfig> = {\n  [ShellTypeValues.POWERSHELL]: {\n    icon: PowershellLogoGreyIcon,\n    props: { size: 16, className: 'text-ods-text-secondary' },\n  },\n  [ShellTypeValues.CMD]: {\n    icon: CmdIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n  [ShellTypeValues.BASH]: {\n    icon: BashIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n  [ShellTypeValues.PYTHON]: {\n    icon: PythonLogoIcon,\n    props: { size: 16, className: 'text-ods-text-secondary' },\n  },\n  [ShellTypeValues.NUSHELL]: {\n    icon: NushellIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n  [ShellTypeValues.DENO]: {\n    icon: DenoIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n  [ShellTypeValues.SHELL]: {\n    icon: ShellIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n} as const;\n\nconst defaultIconConfig: ShellIconConfig = {\n  icon: ShellIcon,\n  props: { size: 16, color: 'var(--color-text-secondary)' },\n};\n\nexport interface ShellTypeBadgeProps {\n  shellType: ShellType;\n  className?: string;\n  iconClassName?: string;\n}\n\nexport const ShellTypeBadge: React.FC<ShellTypeBadgeProps> = ({ shellType, className, iconClassName }) => {\n  const normalizedType = shellType?.toUpperCase() as ShellType;\n  const label = getShellLabel(normalizedType);\n  const { icon: IconComponent, props: iconProps } = shellIconMap[normalizedType] ?? defaultIconConfig;\n  const defaultIconClassName = 'className' in iconProps ? iconProps.className : undefined;\n\n  return (\n    <div className={cn('flex items-center gap-1', className)}>\n      <IconComponent size={16} className={cn(defaultIconClassName, iconClassName)} />\n      <span className=\"text-ods-text-primary text-h4\">{label}</span>\n    </div>\n  );\n};\n\nShellTypeBadge.displayName = 'ShellTypeBadge';\n","/**\n * ScriptInfoSection Component\n *\n * Displays script information in a card with header (title, description)\n * and detail cells (shell type, supported platforms, category, author).\n * Responsive layout: stacks cells on mobile, shows grid on desktop.\n */\n\nimport type React from 'react';\nimport Image from '../../embed-shims/next-image';\nimport { cn } from '../../utils/cn';\nimport { nameInitials } from '../../utils/format';\nimport { getOSLabel } from '../../utils/os-utils';\nimport { getShellLabel } from '../../utils/shell-utils';\n\n/**\n * Props for author avatar display\n */\nexport interface ScriptAuthor {\n  /** Author name */\n  name: string;\n  /** Author initials (used when no photo) */\n  initials?: string;\n  /** URL to author's photo */\n  photoUrl?: string;\n}\n\n/**\n * Props for ScriptInfoSection component\n */\nexport interface ScriptInfoSectionProps {\n  /** Script title/name */\n  headline: string;\n  /** Script description */\n  subheadline?: string;\n  /** Shell type (POWERSHELL, BASH, CMD, etc.) */\n  shellType?: string;\n  /** Array of supported platform strings (windows, darwin, linux, etc.) */\n  supportedPlatforms?: string[];\n  /** Script category */\n  category: string;\n  /** Author information */\n  author?: ScriptAuthor;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Formats supported platforms array into a display string\n * @param platforms - Array of platform strings (e.g., ['windows', 'darwin', 'linux'])\n * @returns Formatted string (e.g., 'Windows, macOS, Linux')\n */\nfunction formatSupportedPlatforms(platforms?: string[]): string {\n  if (!platforms || platforms.length === 0) {\n    return 'All Platforms';\n  }\n  return platforms.map(platform => getOSLabel(platform)).join(', ');\n}\n\n/**\n * InfoCell - Single info cell with label and value\n */\ninterface InfoCellProps {\n  label: string;\n  value: string;\n  avatar?: ScriptAuthor;\n  className?: string;\n}\n\nfunction InfoCell({ label, value, avatar, className }: InfoCellProps) {\n  return (\n    <div className={cn('flex min-w-0 items-center gap-2', className)}>\n      {/* Avatar for author cell */}\n      {avatar && (\n        <div className=\"relative size-8 shrink-0 overflow-hidden rounded-full border border-ods-border bg-ods-bg\">\n          {avatar.photoUrl ? (\n            <Image src={avatar.photoUrl} alt={avatar.name} className=\"object-cover\" fill sizes=\"32px\" unoptimized />\n          ) : (\n            <div className=\"flex size-full items-center justify-center text-ods-text-secondary text-h6\">\n              {avatar.initials || nameInitials(avatar.name)}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Text content */}\n      <div className=\"flex min-w-0 flex-col\">\n        <span className=\"truncate text-ods-text-primary text-h4\" title={value}>\n          {value}\n        </span>\n        <span className=\"truncate text-ods-text-secondary text-h6\">{label}</span>\n      </div>\n    </div>\n  );\n}\n\n/**\n * ScriptInfoSection - Displays script information in a structured card\n *\n * @example\n * ```tsx\n * <ScriptInfoSection\n *   title=\"System Backup Script\"\n *   description=\"Comprehensive Linux system backup script...\"\n *   shellType=\"BASH\"\n *   supportedPlatforms={['linux']}\n *   category=\"System Maintenance\"\n *   author={{ name: 'John Doe', photoUrl: '/avatars/john.jpg' }}\n * />\n * ```\n */\nexport const ScriptInfoSection: React.FC<ScriptInfoSectionProps> = ({\n  headline,\n  subheadline,\n  shellType,\n  supportedPlatforms,\n  category,\n  author,\n  className,\n}) => {\n  const shellLabel = getShellLabel(shellType);\n  const platformsLabel = formatSupportedPlatforms(supportedPlatforms);\n\n  return (\n    <div className={cn('overflow-hidden rounded-[6px] border border-ods-border bg-ods-card', className)}>\n      {/* Header row with title and description */}\n      <div className=\"border-b border-ods-border p-4\">\n        <div className=\"flex flex-col gap-1\">\n          <h3 className=\"text-ods-text-primary text-h4\">{headline}</h3>\n          {subheadline && <p className=\"break-words text-ods-text-secondary text-h6\">{subheadline}</p>}\n        </div>\n      </div>\n\n      {/* Details section with info cells\n          - Mobile/Tablet (<lg): 2x2 grid with divider between rows\n          - Desktop (lg+): 4 columns in single row\n      */}\n      {/* First row: Shell Type, Supported Platforms */}\n      <div className=\"grid grid-cols-2 gap-4 border-b border-ods-border px-4 py-4 lg:grid-cols-4 lg:border-b-0\">\n        <InfoCell label=\"Shell Type\" value={shellLabel} />\n        <InfoCell label=\"Supported Platforms\" value={platformsLabel} />\n        {/* Desktop only: Category and Author in same row */}\n        <InfoCell label=\"Category\" value={category} className=\"hidden lg:flex\" />\n        {author && <InfoCell label=\"Added by\" value={author.name} avatar={author} className=\"hidden lg:flex\" />}\n      </div>\n      {/* Second row (mobile/tablet only): Category, Author */}\n      <div className=\"grid grid-cols-2 gap-4 px-4 py-4 lg:hidden\">\n        <InfoCell label=\"Category\" value={category} />\n        {author && <InfoCell label=\"Added by\" value={author.name} avatar={author} />}\n      </div>\n    </div>\n  );\n};\n\nScriptInfoSection.displayName = 'ScriptInfoSection';\n","/**\n * ScriptArguments Component\n *\n * Displays and manages script arguments as key-value pairs.\n * Each argument has a name (key) and value input field with delete button.\n * Includes an \"Add Script Argument\" button to add new entries.\n */\n\nimport { Trash2 } from 'lucide-react';\nimport type React from 'react';\nimport { cn } from '../../utils/cn';\nimport { PlusCircleIcon } from '../icons-v2-generated';\nimport { Button } from '../ui/button';\nimport { Input } from '../ui/input';\nimport { Label } from '../ui/label';\n\n/**\n * Single script argument with key and value\n */\nexport interface ScriptArgument {\n  /** Unique identifier for the argument */\n  id: string;\n  /** Argument name/key */\n  key: string;\n  /** Argument value (empty string for flag-type arguments) */\n  value: string;\n}\n\n/**\n * Props for ScriptArguments component\n */\nexport interface ScriptArgumentsProps {\n  /** Array of script arguments */\n  arguments: ScriptArgument[];\n  /** Callback when arguments change */\n  onArgumentsChange?: (args: ScriptArgument[]) => void;\n  /** Placeholder for key input */\n  keyPlaceholder?: string;\n  /** Placeholder for value input */\n  valuePlaceholder?: string;\n  /** Label for the add button */\n  addButtonLabel?: string;\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes */\n  className?: string;\n  /** Label for the title input */\n  titleLabel: string;\n}\n\n/**\n * ScriptArguments - Displays and manages script arguments\n *\n * @example\n * ```tsx\n * <ScriptArguments\n *   arguments={[\n *     { id: '1', key: 'port', value: '3000' },\n *     { id: '2', key: 'verbose', value: '' },\n *   ]}\n *   onArgumentsChange={(args) => setArguments(args)}\n * />\n * ```\n */\nexport const ScriptArguments: React.FC<ScriptArgumentsProps> = ({\n  arguments: args,\n  onArgumentsChange,\n  keyPlaceholder = 'Enter Key',\n  valuePlaceholder = 'Enter Value (empty=flag)',\n  addButtonLabel = 'Add Script Argument',\n  disabled = false,\n  className,\n  titleLabel,\n}) => {\n  const handleKeyChange = (id: string, newKey: string) => {\n    if (!onArgumentsChange) return;\n    const updated = args.map(arg => (arg.id === id ? { ...arg, key: newKey } : arg));\n    onArgumentsChange(updated);\n  };\n\n  const handleValueChange = (id: string, newValue: string) => {\n    if (!onArgumentsChange) return;\n    const updated = args.map(arg => (arg.id === id ? { ...arg, value: newValue } : arg));\n    onArgumentsChange(updated);\n  };\n\n  const handleDelete = (id: string) => {\n    if (!onArgumentsChange) return;\n    const updated = args.filter(arg => arg.id !== id);\n    onArgumentsChange(updated);\n  };\n\n  const handleAdd = () => {\n    if (!onArgumentsChange) return;\n    const newArg: ScriptArgument = {\n      id: crypto.randomUUID(),\n      key: '',\n      value: '',\n    };\n    onArgumentsChange([...args, newArg]);\n  };\n\n  const isFirstRow = (index: number) => index === 0;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      {args.map((arg, index) => (\n        <div key={arg.id} className=\"flex w-full items-end gap-2\">\n          {/* Key input - with label only on first row */}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n            {isFirstRow(index) && <Label spacing=\"tight\">{titleLabel}</Label>}\n            <Input\n              value={arg.key}\n              onChange={e => handleKeyChange(arg.id, e.target.value)}\n              placeholder={keyPlaceholder}\n              disabled={disabled}\n            />\n          </div>\n\n          {/* Value input with delete button */}\n          {/* Value input with delete button */}\n          <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n            <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n              <Input\n                value={arg.value}\n                onChange={e => handleValueChange(arg.id, e.target.value)}\n                placeholder={valuePlaceholder}\n                disabled={disabled}\n                className={cn(!arg.value && 'placeholder:text-ods-text-muted')}\n              />\n            </div>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"icon\"\n              onClick={() => handleDelete(arg.id)}\n              disabled={disabled}\n              aria-label=\"Delete argument\"\n              leftIcon={<Trash2 className=\"size-4 md:size-6\" color=\"var(--color-error)\" />}\n            />\n          </div>\n        </div>\n      ))}\n\n      {/* Add button - aligned left */}\n      <div className=\"flex justify-start\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"small\"\n          onClick={handleAdd}\n          disabled={disabled}\n          className=\"self-start\"\n          leftIcon={<PlusCircleIcon className=\"text-ods-text-secondary\" />}\n        >\n          {addButtonLabel}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nScriptArguments.displayName = 'ScriptArguments';\n","'use client';\n\nimport React from 'react';\nimport { cn } from '../../../utils/cn';\nimport { Button } from '../../ui/button';\nimport { InteractiveCard } from '../../ui/interactive-card';\nimport { StatusBadge } from '../../ui/status-badge';\n\nexport interface OnboardingStepCardProps {\n  step: {\n    id: string;\n    title: string;\n    description: string;\n    actionIcon: (color?: string) => React.ReactNode;\n    actionText: string;\n    completedText: string;\n    onAction: () => void | Promise<void>;\n    onSkip?: () => void;\n  };\n  isCompleted: boolean;\n  isSkipped: boolean;\n  isCheckingCompletion: boolean;\n  onAction: () => void | Promise<void>;\n  onSkip: () => void;\n  className?: string;\n}\n\nexport function OnboardingStepCard({\n  step,\n  isCompleted,\n  isSkipped,\n  isCheckingCompletion,\n  onAction,\n  onSkip,\n  className,\n}: OnboardingStepCardProps) {\n  const [isProcessing, setIsProcessing] = React.useState(false);\n\n  const handleAction = async (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setIsProcessing(true);\n    try {\n      await onAction();\n    } finally {\n      setIsProcessing(false);\n    }\n  };\n\n  const handleSkip = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onSkip();\n  };\n\n  return (\n    <InteractiveCard\n      clickable={false}\n      className={cn(\n        'rounded-[6px] border border-ods-border bg-ods-card',\n        'flex flex-col md:flex-row',\n        'min-h-[80px] md:h-[80px]',\n        'items-start md:items-center',\n        'gap-3 md:gap-4',\n        'px-4 py-4 md:py-0',\n        className,\n      )}\n    >\n      {/* Left column - content */}\n      <div className=\"flex w-full min-w-0 flex-1 flex-col justify-center gap-1 md:w-auto\">\n        <h3 className=\"truncate text-ods-text-primary text-h4\" title={step.title}>\n          {step.title}\n        </h3>\n        <p className=\"h-[20px] truncate text-ods-text-secondary text-h6\" title={step.description}>\n          {step.description}\n        </p>\n      </div>\n\n      {/* Right column - action buttons, completed badge, or skipped badge */}\n      <div\n        className=\"flex w-full shrink-0 items-center justify-start gap-2 md:w-auto md:justify-end\"\n        onClick={e => e.stopPropagation()}\n      >\n        {isCheckingCompletion ? (\n          <>\n            <div className=\"h-[32px] w-[100px] animate-pulse rounded-[6px] bg-ods-border\" />\n            <div className=\"h-[32px] w-[120px] animate-pulse rounded-[6px] bg-ods-border\" />\n          </>\n        ) : isCompleted ? (\n          <>\n            <StatusBadge text=\"COMPLETED\" variant=\"card\" colorScheme=\"success\" />\n            <Button\n              variant=\"outline\"\n              onClick={handleAction}\n              disabled={isProcessing}\n              leftIcon={step.actionIcon('white')}\n            >\n              {step.completedText}\n            </Button>\n          </>\n        ) : isSkipped ? (\n          <>\n            <StatusBadge text=\"SKIPPED\" variant=\"card\" colorScheme=\"default\" />\n          </>\n        ) : (\n          <>\n            <Button variant=\"outline\" onClick={handleSkip}>\n              Skip Step\n            </Button>\n            <Button variant=\"accent\" onClick={handleAction} disabled={isProcessing} leftIcon={step.actionIcon('black')}>\n              {step.actionText}\n            </Button>\n          </>\n        )}\n      </div>\n    </InteractiveCard>\n  );\n}\n","'use client';\n\nimport React, { useRef, useCallback } from 'react';\nimport { useOnboardingState, type OnboardingStepConfig } from '../../../hooks/ui/use-onboarding-state';\nimport { cn } from '../../../utils/cn';\nimport { SECTION_HEADING_CLASS } from '../../layout/page-heading';\nimport { Button } from '../../ui/button';\nimport { OnboardingStepCard } from './onboarding-step-card';\n\nexport interface OnboardingWalkthroughProps {\n  steps: OnboardingStepConfig[];\n  onDismiss?: () => void;\n  storageKey?: string;\n  className?: string;\n  spacing?: string;\n  /**\n   * Completion status from hook-based checks (e.g., useOnboardingCompletion)\n   * Object mapping step IDs to boolean completion status\n   */\n  completionStatus?: Record<string, boolean>;\n  /**\n   * Whether completion checks are still loading\n   */\n  isLoadingCompletion?: boolean;\n}\n\nexport function OnboardingWalkthrough({\n  steps,\n  onDismiss,\n  storageKey = 'openframe-onboarding-state',\n  className,\n  spacing = 'space-y-4',\n  completionStatus,\n  isLoadingCompletion = false,\n}: OnboardingWalkthroughProps) {\n  const {\n    state,\n    markComplete,\n    markSkipped,\n    dismissOnboarding,\n    isStepComplete,\n    isStepSkipped,\n    allStepsComplete,\n    markMultipleComplete,\n  } = useOnboardingState(storageKey);\n\n  // Refs to prevent race conditions - ALL refs must be declared before any conditional returns\n  const hasAutoMarkedRef = useRef(false);\n  const autoMarkingInProgressRef = useRef(false);\n  const lastCompletionStatusRef = useRef<string | null>(null);\n  // Ref to track in-flight action handlers - moved here to be before conditional return\n  const actionInProgressRef = useRef<Set<string>>(new Set());\n\n  // Sync completion status from hooks to localStorage\n  // Uses refs to prevent duplicate calls and race conditions\n  React.useEffect(() => {\n    // Skip if still loading\n    if (isLoadingCompletion) {\n      hasAutoMarkedRef.current = false; // Reset when loading starts\n      return;\n    }\n\n    // Skip if no completion status\n    if (!completionStatus) return;\n\n    // Create a stable key from completion status to detect actual changes\n    const statusKey = JSON.stringify(completionStatus);\n\n    // Skip if we've already processed this exact status\n    if (lastCompletionStatusRef.current === statusKey) return;\n\n    // Skip if auto-marking is currently in progress\n    if (autoMarkingInProgressRef.current) return;\n\n    // Find steps that need to be marked complete\n    // Read directly from state to avoid stale closure issues\n    const completedStepIds = Object.entries(completionStatus)\n      .filter(([stepId, isComplete]) => {\n        if (!isComplete) return false;\n        // Check against current state, not the callback\n        return !state.completedSteps.includes(stepId);\n      })\n      .map(([stepId]) => stepId);\n\n    if (completedStepIds.length > 0) {\n      // Mark as in progress to prevent concurrent calls\n      autoMarkingInProgressRef.current = true;\n\n      console.log('📊 Auto-marking steps as complete from hook data:', completedStepIds);\n      markMultipleComplete(completedStepIds);\n\n      // Update the last processed status key\n      lastCompletionStatusRef.current = statusKey;\n\n      // Reset the in-progress flag after a short delay\n      // This prevents rapid successive calls while allowing future updates\n      setTimeout(() => {\n        autoMarkingInProgressRef.current = false;\n      }, 100);\n    } else {\n      // Even if no steps to mark, update the status key to prevent re-processing\n      lastCompletionStatusRef.current = statusKey;\n    }\n  }, [completionStatus, isLoadingCompletion, state.completedSteps, markMultipleComplete]);\n\n  // useCallback must be called unconditionally (before any early returns)\n  const handleStepAction = useCallback(\n    async (step: OnboardingStepConfig) => {\n      // Prevent duplicate action handling for the same step\n      if (actionInProgressRef.current.has(step.id)) {\n        console.log(`⏳ Action already in progress for \"${step.id}\", skipping`);\n        return;\n      }\n\n      // Mark as in progress\n      actionInProgressRef.current.add(step.id);\n\n      try {\n        await step.onAction();\n\n        // Skip if already completed (could have been auto-marked while action was running)\n        if (state.completedSteps.includes(step.id)) {\n          console.log(`✓ Step \"${step.id}\" already completed, skipping mark`);\n          return;\n        }\n\n        // Auto-mark Knowledge Base as complete (no verification needed)\n        if (step.id === 'knowledge-base') {\n          console.log(`🎯 Auto-completing Knowledge Base`);\n          markComplete(step.id);\n          return;\n        }\n\n        // For other steps, re-check completion after action\n        if (step.checkComplete) {\n          try {\n            const isComplete = await step.checkComplete();\n            console.log(`🔍 Post-action check for \"${step.id}\": isComplete=${isComplete}`);\n\n            // Double-check it wasn't completed while we were checking\n            if (isComplete && !state.completedSteps.includes(step.id)) {\n              markComplete(step.id);\n            }\n          } catch (error) {\n            console.error(`Error checking completion for \"${step.id}\":`, error);\n          }\n        }\n      } finally {\n        // Remove from in-progress set\n        actionInProgressRef.current.delete(step.id);\n      }\n    },\n    [state.completedSteps, markComplete],\n  );\n\n  const handleStepSkip = (step: OnboardingStepConfig) => {\n    step.onSkip?.();\n    markSkipped(step.id);\n  };\n\n  const handleDismiss = () => {\n    dismissOnboarding();\n    onDismiss?.();\n  };\n\n  // ALL hooks have been called above - now safe to do conditional returns\n  // Don't render if dismissed\n  if (state.dismissed) {\n    return null;\n  }\n\n  const isAllComplete = allStepsComplete(steps);\n\n  return (\n    <div className={cn('w-full space-y-4', className)}>\n      {/* Header - responsive: stacks on mobile */}\n      <div className=\"flex flex-col items-start justify-between gap-3 md:flex-row md:items-center md:gap-0\">\n        <h2 className={SECTION_HEADING_CLASS}>Get Started</h2>\n\n        {isLoadingCompletion ? (\n          <div className=\"h-[48px] w-full animate-pulse rounded-[6px] bg-ods-border md:w-[160px]\" />\n        ) : isAllComplete ? (\n          <Button variant=\"accent\" onClick={handleDismiss} className=\"w-full md:w-auto\">\n            Close Onboarding\n          </Button>\n        ) : (\n          <Button variant=\"outline\" onClick={handleDismiss} className=\"w-full md:w-auto\">\n            Skip Onboarding\n          </Button>\n        )}\n      </div>\n\n      {/* Step cards - no wrapper, direct rendering */}\n      <div className={cn(spacing)}>\n        {steps.map(step => (\n          <OnboardingStepCard\n            key={step.id}\n            step={step}\n            isCompleted={isStepComplete(step.id)}\n            isSkipped={isStepSkipped(step.id)}\n            isCheckingCompletion={isLoadingCompletion}\n            onAction={() => handleStepAction(step)}\n            onSkip={() => handleStepSkip(step)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-HMRWH2HC.cjs","../src/components/platform/SoftwareInfo.tsx","../src/components/platform/SoftwareSourceBadge.tsx","../src/components/platform/CveLink.tsx","../src/components/platform/ToolBadge.tsx","../src/components/platform/ShellTypeBadge.tsx","../src/components/platform/ScriptInfoSection.tsx","../src/components/platform/ScriptArguments.tsx","../src/components/shared/onboarding/onboarding-step-card.tsx","../src/components/shared/onboarding/onboarding-walkthrough.tsx"],"names":["jsx","jsxs","cn"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-HMRWH2HC.cjs","sourcesContent":[null,"/**\n * SoftwareInfo Component\n *\n * Displays software name with optional vendor information below it.\n * Part of the ODS (OpenFrame Design System) platform components.\n *\n * @example\n * ```tsx\n * <SoftwareInfo name=\"Visual Studio Code\" vendor=\"Microsoft\" />\n * <SoftwareInfo name=\"Chrome\" /> // Without vendor\n * ```\n */\n\nimport type React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface SoftwareInfoProps {\n  /** Software name (required) */\n  name: string;\n  /** Software vendor (optional) */\n  vendor?: string;\n  /** Software version (optional) */\n  version?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport const SoftwareInfo: React.FC<SoftwareInfoProps> = ({ name, vendor, version, className }) => {\n  return (\n    <div className={cn('flex flex-col gap-1', className)}>\n      <div className=\"flex items-center gap-2\">\n        <div className=\"text-ods-text-primary text-h4\">{name}</div>\n        {version && (\n          <div className=\"rounded bg-ods-bg-surface px-2 py-1 text-ods-text-secondary text-h6\">{version}</div>\n        )}\n      </div>\n      {vendor && <div className=\"text-ods-text-secondary text-h6\">{vendor}</div>}\n    </div>\n  );\n};\n\nSoftwareInfo.displayName = 'SoftwareInfo';\n","/**\n * SoftwareSourceBadge Component\n *\n * Displays a badge for software source types from Fleet MDM.\n * Supports all osquery software source types with appropriate styling.\n *\n * Fleet MDM Software Sources:\n * - apps: macOS Applications\n * - chrome_extensions: Chrome Browser Extensions\n * - firefox_addons: Firefox Browser Extensions\n * - safari_extensions: Safari Browser Extensions\n * - ie_extensions: Internet Explorer Extensions\n * - vscode_extensions: VS Code Extensions\n * - atom_packages: Atom Packages\n * - homebrew_packages: Homebrew Packages (macOS)\n * - npm_packages: NPM Packages\n * - python_packages: Python Packages\n * - apt_sources: APT Packages (Debian/Ubuntu)\n * - deb_packages: DEB Packages\n * - rpm_packages: RPM Packages (Red Hat/CentOS)\n * - yum_sources: YUM Packages\n * - portage_packages: Portage Packages (Gentoo)\n * - chocolatey_packages: Chocolatey Packages (Windows)\n * - programs: Windows Programs\n * - pkg_packages: PKG Packages\n *\n * @example\n * ```tsx\n * <SoftwareSourceBadge source=\"apps\" />\n * <SoftwareSourceBadge source=\"chrome_extensions\" />\n * <SoftwareSourceBadge source=\"python_packages\" />\n * ```\n */\n\nimport type React from 'react';\nimport { cn } from '../../utils/common';\nimport { PackageIcon, WindowsIcon, MacOSIcon, LinuxIcon } from '../icons';\n\nexport type SoftwareSource =\n  | 'apps'\n  | 'chrome_extensions'\n  | 'firefox_addons'\n  | 'safari_extensions'\n  | 'ie_extensions'\n  | 'vscode_extensions'\n  | 'atom_packages'\n  | 'homebrew_packages'\n  | 'npm_packages'\n  | 'python_packages'\n  | 'apt_sources'\n  | 'deb_packages'\n  | 'rpm_packages'\n  | 'yum_sources'\n  | 'portage_packages'\n  | 'chocolatey_packages'\n  | 'programs'\n  | 'pkg_packages';\n\nexport interface SoftwareSourceBadgeProps {\n  /** Software source type from Fleet MDM */\n  source: SoftwareSource;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Maps source types to human-readable labels and icons\n */\nconst sourceConfig: Record<SoftwareSource, { label: string; icon: React.ReactNode }> = {\n  apps: { label: 'App', icon: <MacOSIcon className=\"h-4 w-4\" /> },\n  chrome_extensions: { label: 'Chrome', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  firefox_addons: { label: 'Firefox', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  safari_extensions: { label: 'Safari', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  ie_extensions: { label: 'IE', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  vscode_extensions: { label: 'VS Code', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  atom_packages: { label: 'Atom', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  homebrew_packages: { label: 'Homebrew', icon: <MacOSIcon className=\"h-4 w-4\" /> },\n  npm_packages: { label: 'NPM', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  python_packages: { label: 'Python', icon: <PackageIcon className=\"h-4 w-4\" /> },\n  apt_sources: { label: 'APT', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  deb_packages: { label: 'DEB', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  rpm_packages: { label: 'RPM', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  yum_sources: { label: 'YUM', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  portage_packages: { label: 'Portage', icon: <LinuxIcon className=\"h-4 w-4\" /> },\n  chocolatey_packages: { label: 'Chocolatey', icon: <WindowsIcon className=\"h-4 w-4\" /> },\n  programs: { label: 'Windows', icon: <WindowsIcon className=\"h-4 w-4\" /> },\n  pkg_packages: { label: 'PKG', icon: <PackageIcon className=\"h-4 w-4\" /> },\n};\n\nexport const SoftwareSourceBadge: React.FC<SoftwareSourceBadgeProps> = ({ source, className }) => {\n  const config = sourceConfig[source] || { label: source, icon: <PackageIcon className=\"h-4 w-4\" /> };\n\n  return (\n    <span className={cn('inline-flex items-center gap-2 text-ods-text-primary', className)}>\n      {config.icon}\n      {config.label}\n    </span>\n  );\n};\n\nSoftwareSourceBadge.displayName = 'SoftwareSourceBadge';\n","/**\n * CveLink Component\n *\n * Displays a CVE ID with an external link icon that links to the NIST NVD database.\n * Part of the ODS (OpenFrame Design System) platform components.\n *\n * @example\n * ```tsx\n * <CveLink cveId=\"CVE-2024-1234\" />\n * ```\n */\n\nimport type React from 'react';\nimport { cn } from '../../utils/cn';\nimport { CustomExternalLinkIcon } from '../icons';\n\nexport interface CveLinkProps {\n  /** CVE ID (e.g., \"CVE-2024-1234\") */\n  cveId: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport const CveLink: React.FC<CveLinkProps> = ({ cveId, className }) => {\n  const nistUrl = `https://nvd.nist.gov/vuln/detail/${cveId}`;\n\n  return (\n    <a\n      href={nistUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        'group inline-flex items-center gap-2 text-ods-text-primary transition-colors text-code hover:text-ods-accent',\n        className,\n      )}\n    >\n      <span>{cveId}</span>\n      <CustomExternalLinkIcon className=\"h-4 w-4 text-ods-text-secondary transition-colors group-hover:text-ods-accent\" />\n    </a>\n  );\n};\n\nCveLink.displayName = 'CveLink';\n","/**\n * ToolBadge Component\n *\n * Displays a tool type badge with icon for OpenFrame integrated tools.\n * Used in tables to show tool sources like Fleet MDM, MeshCentral, etc.\n *\n * @example\n * ```tsx\n * <ToolBadge toolType=\"OPENFRAME_RMM\" />\n * <ToolBadge toolType=\"FLEET\" />\n * <ToolBadge toolType=\"MESHCENTRAL\" />\n * ```\n */\n\nimport type React from 'react';\nimport type { ToolType } from '../../types/tool.types';\nimport { cn } from '../../utils/cn';\nimport { getToolLabel } from '../../utils/tool-utils';\nimport { ToolIcon } from '../tool-icon';\n\nexport type { ToolType } from '../../types/tool.types';\n\nexport interface ToolBadgeProps {\n  /** Tool type */\n  toolType: ToolType;\n  /** Additional CSS classes */\n  className?: string;\n  iconClassName?: string;\n}\n\nexport const ToolBadge: React.FC<ToolBadgeProps> = ({ toolType, className, iconClassName }) => {\n  const label = getToolLabel(toolType);\n\n  return (\n    <div className={cn('flex items-center gap-1 text-ods-text-secondary', className)}>\n      <ToolIcon toolType={toolType} className={iconClassName} size={16} />\n      <span className=\"text-ods-text-primary text-h4\">{label}</span>\n    </div>\n  );\n};\n\nToolBadge.displayName = 'ToolBadge';\n","/**\n * ShellTypeBadge Component\n *\n * Displays a badge for shell/script types with appropriate icon and label.\n * Supports all RMM shell types.\n */\n\nimport type React from 'react';\nimport { type ShellType, ShellTypeValues } from '../../types/shell.types';\nimport { cn } from '../../utils/cn';\nimport { getShellLabel } from '../../utils/shell-utils';\nimport { BashIcon, CmdIcon, DenoIcon, NushellIcon, ShellIcon } from '../icons';\nimport { PowershellLogoGreyIcon } from '../icons-v2-generated/brand-logos/powershell-logo-grey-icon';\nimport { PythonLogoIcon } from '../icons-v2-generated/brand-logos/python-logo-icon';\n\n/**\n * Shell icon configuration with typed mapping\n */\ninterface ShellIconConfig {\n  icon: React.ComponentType<{ size?: number; color?: string; className?: string }>;\n  props: { size: number } & ({ className: string } | { color: string });\n}\n\n/**\n * Typed mapping of shell types to their icon configurations\n * Using Record<ShellType, ...> ensures all shell types are covered\n */\nconst shellIconMap: Record<ShellType, ShellIconConfig> = {\n  [ShellTypeValues.POWERSHELL]: {\n    icon: PowershellLogoGreyIcon,\n    props: { size: 16, className: 'text-ods-text-secondary' },\n  },\n  [ShellTypeValues.CMD]: {\n    icon: CmdIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n  [ShellTypeValues.BASH]: {\n    icon: BashIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n  [ShellTypeValues.PYTHON]: {\n    icon: PythonLogoIcon,\n    props: { size: 16, className: 'text-ods-text-secondary' },\n  },\n  [ShellTypeValues.NUSHELL]: {\n    icon: NushellIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n  [ShellTypeValues.DENO]: {\n    icon: DenoIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n  [ShellTypeValues.SHELL]: {\n    icon: ShellIcon,\n    props: { size: 16, color: 'var(--color-text-secondary)' },\n  },\n} as const;\n\nconst defaultIconConfig: ShellIconConfig = {\n  icon: ShellIcon,\n  props: { size: 16, color: 'var(--color-text-secondary)' },\n};\n\nexport interface ShellTypeBadgeProps {\n  shellType: ShellType;\n  className?: string;\n  iconClassName?: string;\n}\n\nexport const ShellTypeBadge: React.FC<ShellTypeBadgeProps> = ({ shellType, className, iconClassName }) => {\n  const normalizedType = shellType?.toUpperCase() as ShellType;\n  const label = getShellLabel(normalizedType);\n  const { icon: IconComponent, props: iconProps } = shellIconMap[normalizedType] ?? defaultIconConfig;\n  const defaultIconClassName = 'className' in iconProps ? iconProps.className : undefined;\n\n  return (\n    <div className={cn('flex items-center gap-1', className)}>\n      <IconComponent size={16} className={cn(defaultIconClassName, iconClassName)} />\n      <span className=\"text-ods-text-primary text-h4\">{label}</span>\n    </div>\n  );\n};\n\nShellTypeBadge.displayName = 'ShellTypeBadge';\n","/**\n * ScriptInfoSection Component\n *\n * Displays script information in a card with header (title, description)\n * and detail cells (shell type, supported platforms, category, author).\n * Responsive layout: stacks cells on mobile, shows grid on desktop.\n */\n\nimport type React from 'react';\nimport Image from '../../embed-shims/next-image';\nimport { cn } from '../../utils/cn';\nimport { nameInitials } from '../../utils/format';\nimport { getOSLabel } from '../../utils/os-utils';\nimport { getShellLabel } from '../../utils/shell-utils';\n\n/**\n * Props for author avatar display\n */\nexport interface ScriptAuthor {\n  /** Author name */\n  name: string;\n  /** Author initials (used when no photo) */\n  initials?: string;\n  /** URL to author's photo */\n  photoUrl?: string;\n}\n\n/**\n * Props for ScriptInfoSection component\n */\nexport interface ScriptInfoSectionProps {\n  /** Script title/name */\n  headline: string;\n  /** Script description */\n  subheadline?: string;\n  /** Shell type (POWERSHELL, BASH, CMD, etc.) */\n  shellType?: string;\n  /** Array of supported platform strings (windows, darwin, linux, etc.) */\n  supportedPlatforms?: string[];\n  /** Script category */\n  category: string;\n  /** Author information */\n  author?: ScriptAuthor;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Formats supported platforms array into a display string\n * @param platforms - Array of platform strings (e.g., ['windows', 'darwin', 'linux'])\n * @returns Formatted string (e.g., 'Windows, macOS, Linux')\n */\nfunction formatSupportedPlatforms(platforms?: string[]): string {\n  if (!platforms || platforms.length === 0) {\n    return 'All Platforms';\n  }\n  return platforms.map(platform => getOSLabel(platform)).join(', ');\n}\n\n/**\n * InfoCell - Single info cell with label and value\n */\ninterface InfoCellProps {\n  label: string;\n  value: string;\n  avatar?: ScriptAuthor;\n  className?: string;\n}\n\nfunction InfoCell({ label, value, avatar, className }: InfoCellProps) {\n  return (\n    <div className={cn('flex min-w-0 items-center gap-2', className)}>\n      {/* Avatar for author cell */}\n      {avatar && (\n        <div className=\"relative size-8 shrink-0 overflow-hidden rounded-full border border-ods-border bg-ods-bg\">\n          {avatar.photoUrl ? (\n            <Image src={avatar.photoUrl} alt={avatar.name} className=\"object-cover\" fill sizes=\"32px\" unoptimized />\n          ) : (\n            <div className=\"flex size-full items-center justify-center text-ods-text-secondary text-h6\">\n              {avatar.initials || nameInitials(avatar.name)}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Text content */}\n      <div className=\"flex min-w-0 flex-col\">\n        <span className=\"truncate text-ods-text-primary text-h4\" title={value}>\n          {value}\n        </span>\n        <span className=\"truncate text-ods-text-secondary text-h6\">{label}</span>\n      </div>\n    </div>\n  );\n}\n\n/**\n * ScriptInfoSection - Displays script information in a structured card\n *\n * @example\n * ```tsx\n * <ScriptInfoSection\n *   title=\"System Backup Script\"\n *   description=\"Comprehensive Linux system backup script...\"\n *   shellType=\"BASH\"\n *   supportedPlatforms={['linux']}\n *   category=\"System Maintenance\"\n *   author={{ name: 'John Doe', photoUrl: '/avatars/john.jpg' }}\n * />\n * ```\n */\nexport const ScriptInfoSection: React.FC<ScriptInfoSectionProps> = ({\n  headline,\n  subheadline,\n  shellType,\n  supportedPlatforms,\n  category,\n  author,\n  className,\n}) => {\n  const shellLabel = getShellLabel(shellType);\n  const platformsLabel = formatSupportedPlatforms(supportedPlatforms);\n\n  return (\n    <div className={cn('overflow-hidden rounded-[6px] border border-ods-border bg-ods-card', className)}>\n      {/* Header row with title and description */}\n      <div className=\"border-b border-ods-border p-4\">\n        <div className=\"flex flex-col gap-1\">\n          <h3 className=\"text-ods-text-primary text-h4\">{headline}</h3>\n          {subheadline && <p className=\"break-words text-ods-text-secondary text-h6\">{subheadline}</p>}\n        </div>\n      </div>\n\n      {/* Details section with info cells\n          - Mobile/Tablet (<lg): 2x2 grid with divider between rows\n          - Desktop (lg+): 4 columns in single row\n      */}\n      {/* First row: Shell Type, Supported Platforms */}\n      <div className=\"grid grid-cols-2 gap-4 border-b border-ods-border px-4 py-4 lg:grid-cols-4 lg:border-b-0\">\n        <InfoCell label=\"Shell Type\" value={shellLabel} />\n        <InfoCell label=\"Supported Platforms\" value={platformsLabel} />\n        {/* Desktop only: Category and Author in same row */}\n        <InfoCell label=\"Category\" value={category} className=\"hidden lg:flex\" />\n        {author && <InfoCell label=\"Added by\" value={author.name} avatar={author} className=\"hidden lg:flex\" />}\n      </div>\n      {/* Second row (mobile/tablet only): Category, Author */}\n      <div className=\"grid grid-cols-2 gap-4 px-4 py-4 lg:hidden\">\n        <InfoCell label=\"Category\" value={category} />\n        {author && <InfoCell label=\"Added by\" value={author.name} avatar={author} />}\n      </div>\n    </div>\n  );\n};\n\nScriptInfoSection.displayName = 'ScriptInfoSection';\n","/**\n * ScriptArguments Component\n *\n * Displays and manages script arguments as key-value pairs.\n * Each argument has a name (key) and value input field with delete button.\n * Includes an \"Add Script Argument\" button to add new entries.\n */\n\nimport { Trash2 } from 'lucide-react';\nimport type React from 'react';\nimport { cn } from '../../utils/cn';\nimport { PlusCircleIcon } from '../icons-v2-generated';\nimport { Button } from '../ui/button';\nimport { Input } from '../ui/input';\nimport { Label } from '../ui/label';\n\n/**\n * Single script argument with key and value\n */\nexport interface ScriptArgument {\n  /** Unique identifier for the argument */\n  id: string;\n  /** Argument name/key */\n  key: string;\n  /** Argument value (empty string for flag-type arguments) */\n  value: string;\n}\n\n/**\n * Props for ScriptArguments component\n */\nexport interface ScriptArgumentsProps {\n  /** Array of script arguments */\n  arguments: ScriptArgument[];\n  /** Callback when arguments change */\n  onArgumentsChange?: (args: ScriptArgument[]) => void;\n  /** Placeholder for key input */\n  keyPlaceholder?: string;\n  /** Placeholder for value input */\n  valuePlaceholder?: string;\n  /** Label for the add button */\n  addButtonLabel?: string;\n  /** Whether the component is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes */\n  className?: string;\n  /** Label for the title input */\n  titleLabel: string;\n}\n\n/**\n * ScriptArguments - Displays and manages script arguments\n *\n * @example\n * ```tsx\n * <ScriptArguments\n *   arguments={[\n *     { id: '1', key: 'port', value: '3000' },\n *     { id: '2', key: 'verbose', value: '' },\n *   ]}\n *   onArgumentsChange={(args) => setArguments(args)}\n * />\n * ```\n */\nexport const ScriptArguments: React.FC<ScriptArgumentsProps> = ({\n  arguments: args,\n  onArgumentsChange,\n  keyPlaceholder = 'Enter Key',\n  valuePlaceholder = 'Enter Value (empty=flag)',\n  addButtonLabel = 'Add Script Argument',\n  disabled = false,\n  className,\n  titleLabel,\n}) => {\n  const handleKeyChange = (id: string, newKey: string) => {\n    if (!onArgumentsChange) return;\n    const updated = args.map(arg => (arg.id === id ? { ...arg, key: newKey } : arg));\n    onArgumentsChange(updated);\n  };\n\n  const handleValueChange = (id: string, newValue: string) => {\n    if (!onArgumentsChange) return;\n    const updated = args.map(arg => (arg.id === id ? { ...arg, value: newValue } : arg));\n    onArgumentsChange(updated);\n  };\n\n  const handleDelete = (id: string) => {\n    if (!onArgumentsChange) return;\n    const updated = args.filter(arg => arg.id !== id);\n    onArgumentsChange(updated);\n  };\n\n  const handleAdd = () => {\n    if (!onArgumentsChange) return;\n    const newArg: ScriptArgument = {\n      id: crypto.randomUUID(),\n      key: '',\n      value: '',\n    };\n    onArgumentsChange([...args, newArg]);\n  };\n\n  const isFirstRow = (index: number) => index === 0;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      {args.map((arg, index) => (\n        <div key={arg.id} className=\"flex w-full items-end gap-2\">\n          {/* Key input - with label only on first row */}\n          <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n            {isFirstRow(index) && <Label spacing=\"tight\">{titleLabel}</Label>}\n            <Input\n              value={arg.key}\n              onChange={e => handleKeyChange(arg.id, e.target.value)}\n              placeholder={keyPlaceholder}\n              disabled={disabled}\n            />\n          </div>\n\n          {/* Value input with delete button */}\n          {/* Value input with delete button */}\n          <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n            <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n              <Input\n                value={arg.value}\n                onChange={e => handleValueChange(arg.id, e.target.value)}\n                placeholder={valuePlaceholder}\n                disabled={disabled}\n                className={cn(!arg.value && 'placeholder:text-ods-text-muted')}\n              />\n            </div>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"icon\"\n              onClick={() => handleDelete(arg.id)}\n              disabled={disabled}\n              aria-label=\"Delete argument\"\n              leftIcon={<Trash2 className=\"size-4 md:size-6\" color=\"var(--color-error)\" />}\n            />\n          </div>\n        </div>\n      ))}\n\n      {/* Add button - aligned left */}\n      <div className=\"flex justify-start\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"small\"\n          onClick={handleAdd}\n          disabled={disabled}\n          className=\"self-start\"\n          leftIcon={<PlusCircleIcon className=\"text-ods-text-secondary\" />}\n        >\n          {addButtonLabel}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nScriptArguments.displayName = 'ScriptArguments';\n","'use client';\n\nimport React from 'react';\nimport { cn } from '../../../utils/cn';\nimport { Button } from '../../ui/button';\nimport { InteractiveCard } from '../../ui/interactive-card';\nimport { StatusBadge } from '../../ui/status-badge';\n\nexport interface OnboardingStepCardProps {\n  step: {\n    id: string;\n    title: string;\n    description: string;\n    actionIcon: (color?: string) => React.ReactNode;\n    actionText: string;\n    completedText: string;\n    onAction: () => void | Promise<void>;\n    onSkip?: () => void;\n  };\n  isCompleted: boolean;\n  isSkipped: boolean;\n  isCheckingCompletion: boolean;\n  onAction: () => void | Promise<void>;\n  onSkip: () => void;\n  className?: string;\n}\n\nexport function OnboardingStepCard({\n  step,\n  isCompleted,\n  isSkipped,\n  isCheckingCompletion,\n  onAction,\n  onSkip,\n  className,\n}: OnboardingStepCardProps) {\n  const [isProcessing, setIsProcessing] = React.useState(false);\n\n  const handleAction = async (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setIsProcessing(true);\n    try {\n      await onAction();\n    } finally {\n      setIsProcessing(false);\n    }\n  };\n\n  const handleSkip = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onSkip();\n  };\n\n  return (\n    <InteractiveCard\n      clickable={false}\n      className={cn(\n        'rounded-[6px] border border-ods-border bg-ods-card',\n        'flex flex-col md:flex-row',\n        'min-h-[80px] md:h-[80px]',\n        'items-start md:items-center',\n        'gap-3 md:gap-4',\n        'px-4 py-4 md:py-0',\n        className,\n      )}\n    >\n      {/* Left column - content */}\n      <div className=\"flex w-full min-w-0 flex-1 flex-col justify-center gap-1 md:w-auto\">\n        <h3 className=\"truncate text-ods-text-primary text-h4\" title={step.title}>\n          {step.title}\n        </h3>\n        <p className=\"h-[20px] truncate text-ods-text-secondary text-h6\" title={step.description}>\n          {step.description}\n        </p>\n      </div>\n\n      {/* Right column - action buttons, completed badge, or skipped badge */}\n      <div\n        className=\"flex w-full shrink-0 items-center justify-start gap-2 md:w-auto md:justify-end\"\n        onClick={e => e.stopPropagation()}\n      >\n        {isCheckingCompletion ? (\n          <>\n            <div className=\"h-[32px] w-[100px] animate-pulse rounded-[6px] bg-ods-border\" />\n            <div className=\"h-[32px] w-[120px] animate-pulse rounded-[6px] bg-ods-border\" />\n          </>\n        ) : isCompleted ? (\n          <>\n            <StatusBadge text=\"COMPLETED\" variant=\"card\" colorScheme=\"success\" />\n            <Button\n              variant=\"outline\"\n              onClick={handleAction}\n              disabled={isProcessing}\n              leftIcon={step.actionIcon('white')}\n            >\n              {step.completedText}\n            </Button>\n          </>\n        ) : isSkipped ? (\n          <>\n            <StatusBadge text=\"SKIPPED\" variant=\"card\" colorScheme=\"default\" />\n          </>\n        ) : (\n          <>\n            <Button variant=\"outline\" onClick={handleSkip}>\n              Skip Step\n            </Button>\n            <Button variant=\"accent\" onClick={handleAction} disabled={isProcessing} leftIcon={step.actionIcon('black')}>\n              {step.actionText}\n            </Button>\n          </>\n        )}\n      </div>\n    </InteractiveCard>\n  );\n}\n","'use client';\n\nimport React, { useRef, useCallback } from 'react';\nimport { useOnboardingState, type OnboardingStepConfig } from '../../../hooks/ui/use-onboarding-state';\nimport { cn } from '../../../utils/cn';\nimport { SECTION_HEADING_CLASS } from '../../layout/page-heading';\nimport { Button } from '../../ui/button';\nimport { OnboardingStepCard } from './onboarding-step-card';\n\nexport interface OnboardingWalkthroughProps {\n  steps: OnboardingStepConfig[];\n  onDismiss?: () => void;\n  storageKey?: string;\n  className?: string;\n  spacing?: string;\n  /**\n   * Completion status from hook-based checks (e.g., useOnboardingCompletion)\n   * Object mapping step IDs to boolean completion status\n   */\n  completionStatus?: Record<string, boolean>;\n  /**\n   * Whether completion checks are still loading\n   */\n  isLoadingCompletion?: boolean;\n}\n\nexport function OnboardingWalkthrough({\n  steps,\n  onDismiss,\n  storageKey = 'openframe-onboarding-state',\n  className,\n  spacing = 'space-y-4',\n  completionStatus,\n  isLoadingCompletion = false,\n}: OnboardingWalkthroughProps) {\n  const {\n    state,\n    markComplete,\n    markSkipped,\n    dismissOnboarding,\n    isStepComplete,\n    isStepSkipped,\n    allStepsComplete,\n    markMultipleComplete,\n  } = useOnboardingState(storageKey);\n\n  // Refs to prevent race conditions - ALL refs must be declared before any conditional returns\n  const hasAutoMarkedRef = useRef(false);\n  const autoMarkingInProgressRef = useRef(false);\n  const lastCompletionStatusRef = useRef<string | null>(null);\n  // Ref to track in-flight action handlers - moved here to be before conditional return\n  const actionInProgressRef = useRef<Set<string>>(new Set());\n\n  // Sync completion status from hooks to localStorage\n  // Uses refs to prevent duplicate calls and race conditions\n  React.useEffect(() => {\n    // Skip if still loading\n    if (isLoadingCompletion) {\n      hasAutoMarkedRef.current = false; // Reset when loading starts\n      return;\n    }\n\n    // Skip if no completion status\n    if (!completionStatus) return;\n\n    // Create a stable key from completion status to detect actual changes\n    const statusKey = JSON.stringify(completionStatus);\n\n    // Skip if we've already processed this exact status\n    if (lastCompletionStatusRef.current === statusKey) return;\n\n    // Skip if auto-marking is currently in progress\n    if (autoMarkingInProgressRef.current) return;\n\n    // Find steps that need to be marked complete\n    // Read directly from state to avoid stale closure issues\n    const completedStepIds = Object.entries(completionStatus)\n      .filter(([stepId, isComplete]) => {\n        if (!isComplete) return false;\n        // Check against current state, not the callback\n        return !state.completedSteps.includes(stepId);\n      })\n      .map(([stepId]) => stepId);\n\n    if (completedStepIds.length > 0) {\n      // Mark as in progress to prevent concurrent calls\n      autoMarkingInProgressRef.current = true;\n\n      console.log('📊 Auto-marking steps as complete from hook data:', completedStepIds);\n      markMultipleComplete(completedStepIds);\n\n      // Update the last processed status key\n      lastCompletionStatusRef.current = statusKey;\n\n      // Reset the in-progress flag after a short delay\n      // This prevents rapid successive calls while allowing future updates\n      setTimeout(() => {\n        autoMarkingInProgressRef.current = false;\n      }, 100);\n    } else {\n      // Even if no steps to mark, update the status key to prevent re-processing\n      lastCompletionStatusRef.current = statusKey;\n    }\n  }, [completionStatus, isLoadingCompletion, state.completedSteps, markMultipleComplete]);\n\n  // useCallback must be called unconditionally (before any early returns)\n  const handleStepAction = useCallback(\n    async (step: OnboardingStepConfig) => {\n      // Prevent duplicate action handling for the same step\n      if (actionInProgressRef.current.has(step.id)) {\n        console.log(`⏳ Action already in progress for \"${step.id}\", skipping`);\n        return;\n      }\n\n      // Mark as in progress\n      actionInProgressRef.current.add(step.id);\n\n      try {\n        await step.onAction();\n\n        // Skip if already completed (could have been auto-marked while action was running)\n        if (state.completedSteps.includes(step.id)) {\n          console.log(`✓ Step \"${step.id}\" already completed, skipping mark`);\n          return;\n        }\n\n        // Auto-mark Knowledge Base as complete (no verification needed)\n        if (step.id === 'knowledge-base') {\n          console.log(`🎯 Auto-completing Knowledge Base`);\n          markComplete(step.id);\n          return;\n        }\n\n        // For other steps, re-check completion after action\n        if (step.checkComplete) {\n          try {\n            const isComplete = await step.checkComplete();\n            console.log(`🔍 Post-action check for \"${step.id}\": isComplete=${isComplete}`);\n\n            // Double-check it wasn't completed while we were checking\n            if (isComplete && !state.completedSteps.includes(step.id)) {\n              markComplete(step.id);\n            }\n          } catch (error) {\n            console.error(`Error checking completion for \"${step.id}\":`, error);\n          }\n        }\n      } finally {\n        // Remove from in-progress set\n        actionInProgressRef.current.delete(step.id);\n      }\n    },\n    [state.completedSteps, markComplete],\n  );\n\n  const handleStepSkip = (step: OnboardingStepConfig) => {\n    step.onSkip?.();\n    markSkipped(step.id);\n  };\n\n  const handleDismiss = () => {\n    dismissOnboarding();\n    onDismiss?.();\n  };\n\n  // ALL hooks have been called above - now safe to do conditional returns\n  // Don't render if dismissed\n  if (state.dismissed) {\n    return null;\n  }\n\n  const isAllComplete = allStepsComplete(steps);\n\n  return (\n    <div className={cn('w-full space-y-4', className)}>\n      {/* Header - responsive: stacks on mobile */}\n      <div className=\"flex flex-col items-start justify-between gap-3 md:flex-row md:items-center md:gap-0\">\n        <h2 className={SECTION_HEADING_CLASS}>Get Started</h2>\n\n        {isLoadingCompletion ? (\n          <div className=\"h-[48px] w-full animate-pulse rounded-[6px] bg-ods-border md:w-[160px]\" />\n        ) : isAllComplete ? (\n          <Button variant=\"accent\" onClick={handleDismiss} className=\"w-full md:w-auto\">\n            Close Onboarding\n          </Button>\n        ) : (\n          <Button variant=\"outline\" onClick={handleDismiss} className=\"w-full md:w-auto\">\n            Skip Onboarding\n          </Button>\n        )}\n      </div>\n\n      {/* Step cards - no wrapper, direct rendering */}\n      <div className={cn(spacing)}>\n        {steps.map(step => (\n          <OnboardingStepCard\n            key={step.id}\n            step={step}\n            isCompleted={isStepComplete(step.id)}\n            isSkipped={isStepSkipped(step.id)}\n            isCheckingCompletion={isLoadingCompletion}\n            onAction={() => handleStepAction(step)}\n            onSkip={() => handleStepSkip(step)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-ZFHIMK4W.js → chunk-J3D2WHWC.js}

@@ -2,14 +2,14 @@
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "./chunk-RGCBUNMJ.js";
+} from "./chunk-GXPOEAXL.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-LUWFLC3T.js";
+} from "./chunk-3ZHDEZQB.js";
 import {
   useSelfFetch
-} from "./chunk-WMZ5AUTB.js";
+} from "./chunk-WZJOILPU.js";
 import {
   EntityTagBadges,
   FilterPillRow,
@@ -18,7 +18,7 @@ import {
   PageShell,
   RichMarkdownRenderer,
   resolveContentHref
-} from "./chunk-ZYA6274A.js";
+} from "./chunk-VUGQ3Z6E.js";
 import {
   EntityVideoSection,
   VideoBitesStrip,
@@ -389,4 +389,4 @@ export {
   useOnboardingGuide,
   useOnboardingGuideSections
 };
-//# sourceMappingURL=chunk-ZFHIMK4W.js.map
+//# sourceMappingURL=chunk-J3D2WHWC.js.map

package/dist/{chunk-T6RY2MC6.js → chunk-KPO6TWEV.js}

@@ -1,24 +1,24 @@
 "use client";
 import {
   ContactForm
-} from "./chunk-LL6J6N76.js";
+} from "./chunk-R2J6XMP6.js";
 import {
   DeliveryRow,
   DevCardRowContent,
   DevCardRowSkeletonList,
   DevSectionPage
-} from "./chunk-VGBTCUPG.js";
+} from "./chunk-2645GIM2.js";
 import {
   EmptyState,
   UnifiedPagination
-} from "./chunk-BQE4HTDR.js";
+} from "./chunk-2JNCZDJR.js";
 import {
   TICKET_MARK_READ_DEBOUNCE_MS,
   TICKET_TEXT_MAX_CHARS,
   TOAST_COPY,
   isOptimistic,
   useOptionalTicketLive
-} from "./chunk-QVAKJB64.js";
+} from "./chunk-X7XO73M5.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -33,16 +33,16 @@ import {
   Textarea,
   TicketAttachmentsList,
   devSectionAnchorId
-} from "./chunk-ZYA6274A.js";
+} from "./chunk-VUGQ3Z6E.js";
 import {
   toast,
   useScrollToHash
-} from "./chunk-2TJSDSXW.js";
+} from "./chunk-MOHSA65M.js";
 import {
   PAGE_PARAM_LIMITS,
   pageCount,
   positiveInt
-} from "./chunk-OKWGSJAI.js";
+} from "./chunk-GGQZBSFN.js";
 import {
   Input
 } from "./chunk-T2NQSKH4.js";
@@ -1842,4 +1842,4 @@ export {
   HelpCenterCreateForm,
   HelpCenterList
 };
-//# sourceMappingURL=chunk-T6RY2MC6.js.map
+//# sourceMappingURL=chunk-KPO6TWEV.js.map

package/dist/{chunk-CWO3YFVZ.js → chunk-LRQCKSZC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   UnifiedPagination
-} from "./chunk-BQE4HTDR.js";
+} from "./chunk-2JNCZDJR.js";
 import {
   cn
 } from "./chunk-O4MCCKKN.js";
@@ -136,4 +136,4 @@ export {
   usePaginationLoading,
   PersistentPaginationWrapper
 };
-//# sourceMappingURL=chunk-CWO3YFVZ.js.map
+//# sourceMappingURL=chunk-LRQCKSZC.js.map

package/dist/{chunk-2TJSDSXW.js → chunk-MOHSA65M.js}

@@ -9,7 +9,7 @@ import {
   parseSchemaParams,
   positiveInt,
   shouldIncludeInUrl
-} from "./chunk-OKWGSJAI.js";
+} from "./chunk-GGQZBSFN.js";
 import {
   ToolIcon,
   apiErrorMessage,
@@ -3140,4 +3140,4 @@ export {
   splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-2TJSDSXW.js.map
+//# sourceMappingURL=chunk-MOHSA65M.js.map

package/dist/{chunk-4UP2SGSO.js → chunk-MPNCYET3.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   EmbedViewerFrame
-} from "./chunk-ZYA6274A.js";
+} from "./chunk-VUGQ3Z6E.js";
 import {
   toGoogleSheetsEmbedUrl,
   toGoogleSheetsOriginalUrl
-} from "./chunk-2TJSDSXW.js";
+} from "./chunk-MOHSA65M.js";
 import {
   AdobePdfIcon,
   GoogleSheetsIcon
@@ -124,4 +124,4 @@ export {
   GoogleSheetsViewer,
   PdfViewer
 };
-//# sourceMappingURL=chunk-4UP2SGSO.js.map
+//# sourceMappingURL=chunk-MPNCYET3.js.map