@wildo-ai/saas-frontend-lib 1.1.2 → 1.1.3

package/dist/esm/core/monitoring/error-monitoring-bridge.frontend.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-monitoring-bridge.frontend.service.js","sourceRoot":"","sources":["../../../../src/core/monitoring/error-monitoring-bridge.frontend.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The only path by which a caught interface crash leaves the browser.\n *\n * ## The defect this closes (#437)\n *\n * `logger.frontend.service.ts` wrote to the console and a bounded in-memory ring, and\n * the place a remote sink would go was a `TODO`. So an application had NO server-side\n * record of any crash its error boundaries caught — the operator learned about a\n * broken screen when a user described it.\n *\n * Installing a vendor SDK does not fix that, and this is the detail the whole design\n * turns on: `Sentry.init` (and every equivalent) hooks `window.onerror` and\n * `unhandledrejection`, and a React ERROR BOUNDARY catches the error before either\n * fires. On a surface built out of boundaries the vendor's global handlers see the\n * accidents and miss the crashes.\n *\n * What DOES see every one of them already exists: `ErrorBoundary`,\n * `RouterErrorBoundary` and `error-management` all publish `ERROR_OCCURED`. One\n * subscriber on that bus therefore covers every crash path, which is why this is a\n * bus bridge rather than a `componentDidCatch` edit or a React 19\n * `createRoot({ onCaughtError })` hook — both of which would cover the component\n * boundary and leave the other two emitters unreported.\n *\n * ## Why it is NOT a React component\n *\n * `AnalyticsEventBridge` is the sibling precedent and is a component, correctly: it\n * needs config from context and it has nothing useful to say before the tree mounts.\n * This one must survive exactly the situation a component cannot — a tree that is\n * unmounting because it crashed. A module-level subscription installed beside SDK\n * activation is live from the moment the SDKs are, holds no React state, and cannot\n * be torn down by the failure it is reporting.\n *\n * ## Why the analytics bridge does not already do this\n *\n * It subscribes to the same event and forwards `errorType` and `errorSeverity` and\n * nothing else. That is right for analytics — it is a COUNTER, privacy-safe by\n * construction — and useless for debugging: an operator learns that an error of some\n * class occurred and nothing about what or where. The two subscribers coexist on\n * purpose, carrying different payloads to different destinations.\n */\n\nimport type { ProviderCapability } from '@wildo-ai/saas-models';\nimport {\n  BUILTIN_PROVIDER_CAPABILITY,\n  isFrontendErrorMonitoringSink,\n  type FrontendCrashReport,\n  type FrontendErrorMonitoringSink,\n} from '@wildo-ai/saas-models/public-runtime';\nimport { FrontendEvents } from '~wildo-frontend-lib/core/events/events.frontend.schemas';\nimport { frontendEventBus } from '~wildo-frontend-lib/core/events/event-bus.frontend.service';\n\n/** Why a declared error-monitoring provider is not receiving crash reports. */\nexport enum ErrorMonitoringBridgeDiagnosticKind {\n  /**\n   * A provider declares `FRONTEND_ERROR_MONITORING` but its activated handle does not\n   * implement `FrontendErrorMonitoringSink`. Almost always a module returning its bare\n   * vendor namespace as the handle. No type can catch it — `handle` is `unknown` by\n   * design — so it is reported here rather than throwing while handling a crash.\n   */\n  HANDLE_IS_NOT_A_SINK = 'HANDLE_IS_NOT_A_SINK',\n  /**\n   * A provider declares the capability and has no activated SDK at all: its `activate`\n   * failed, or it declares no `sdk`. The capability is selected and nothing serves it,\n   * which is the state most worth naming — it looks identical to a healthy application\n   * that simply has not crashed yet.\n   */\n  NO_ACTIVATED_SDK = 'NO_ACTIVATED_SDK',\n  /** A sink's own `reportCrash` threw. That sink is skipped; the others still receive the report. */\n  REPORT_FAILED = 'REPORT_FAILED',\n}\n\nexport interface ErrorMonitoringBridgeDiagnostic {\n  readonly kind: ErrorMonitoringBridgeDiagnosticKind;\n  readonly providerRef: string;\n  readonly message: string;\n  readonly cause?: unknown;\n}\n\n/** The DATA shape this bridge needs off a hydrated provider module. */\ninterface CapabilityBearingProviderModule {\n  metadata: { ref: string };\n  providerCapabilities: ReadonlyArray<ProviderCapability>;\n}\n\ninterface ActivationBearing {\n  readonly handle: unknown;\n}\n\nexport interface CreateErrorMonitoringBridgeInput {\n  /** Every hydrated provider module for this surface, in registry order. */\n  readonly modules: Iterable<CapabilityBearingProviderModule>;\n  /** The live SDK handles, keyed by provider ref, as `activateFrontendProviderSdks` returns them. */\n  readonly activations: ReadonlyMap<string, ActivationBearing>;\n  readonly onDiagnostic?: (diagnostic: ErrorMonitoringBridgeDiagnostic) => void;\n  /** Swappable for tests. Defaults to the application's own bus. */\n  readonly subscribe?: typeof frontendEventBus.on;\n}\n\n/**\n * Builds the report the framework sends, from the error the bus carried.\n *\n * The React-crash fields were assembled by `ErrorsBuilderFrontendService.buildReactError`\n * and travel inside `context`. `context` is a free-form bag (`catchall(z.any())`), so\n * each field is read defensively — a non-string there must not become the reason a\n * crash goes unreported.\n *\n * ## What is deliberately dropped\n *\n * `WildoError_Frontend` carries `userId` and `organizationId`, and NEITHER is copied.\n * A crash report is a diagnostic about CODE; attributing it to a PERSON is a separate\n * decision an application would have to take deliberately, and there is no field on\n * `FrontendCrashReport` through which it could happen by accident. Pinned, because\n * \"we did not copy those two\" is invisible in a diff that adds a mapping.\n */\nfunction buildCrashReport(error: {\n  type: string;\n  severity: string;\n  operationPathKey?: string;\n  context?: Record<string, unknown>;\n}): FrontendCrashReport {\n  const context = error.context ?? {};\n  const readString = (key: string): string | undefined => {\n    const value = context[key];\n    return typeof value === 'string' && value.length > 0 ? value : undefined;\n  };\n\n  return {\n    name: readString('errorName') ?? 'Error',\n    /*\n     * `context.message` is the modelled human-readable slot every producer in this\n     * codebase reaches for; `errorMessage` is what `buildReactError` writes. Falling\n     * back to the error TYPE rather than to an empty string keeps a report groupable:\n     * a vendor issue titled with nothing collapses every unlabelled crash into one.\n     */\n    message: readString('errorMessage') ?? readString('message') ?? error.type,\n    stack: readString('errorStack'),\n    componentStack: readString('componentStack'),\n    tags: {\n      // Stringified at this boundary on purpose — see `FrontendCrashReport.tags`.\n      errorType: error.type,\n      errorSeverity: error.severity,\n      ...(error.operationPathKey !== undefined ? { operationPathKey: error.operationPathKey } : {}),\n    },\n  };\n}\n\n/**\n * Subscribes the live `FRONTEND_ERROR_MONITORING` providers to the application's\n * crash bus. Returns the unsubscribe.\n *\n * Installing it with NO such provider is the ordinary case and costs one bus\n * subscription that returns immediately — an application that has not selected the\n * capability is not paying for a decision it did not take.\n */\nexport function createFrontendErrorMonitoringBridge(input: CreateErrorMonitoringBridgeInput): () => void {\n  const raise = (diagnostic: ErrorMonitoringBridgeDiagnostic): void => {\n    input.onDiagnostic?.(diagnostic);\n  };\n\n  const sinks: Array<{ providerRef: string; sink: FrontendErrorMonitoringSink }> = [];\n\n  for (const module of input.modules) {\n    if (!module.providerCapabilities.includes(BUILTIN_PROVIDER_CAPABILITY.FRONTEND_ERROR_MONITORING)) {\n      continue;\n    }\n    const providerRef = module.metadata.ref;\n    const activation = input.activations.get(providerRef);\n\n    if (activation === undefined) {\n      raise({\n        kind: ErrorMonitoringBridgeDiagnosticKind.NO_ACTIVATED_SDK,\n        providerRef,\n        message:\n          `Provider \"${providerRef}\" declares FRONTEND_ERROR_MONITORING but has no activated SDK, so crashes `\n          + 'are not being reported anywhere. Its activation diagnostic says why.',\n      });\n      continue;\n    }\n\n    if (!isFrontendErrorMonitoringSink(activation.handle)) {\n      raise({\n        kind: ErrorMonitoringBridgeDiagnosticKind.HANDLE_IS_NOT_A_SINK,\n        providerRef,\n        message:\n          `Provider \"${providerRef}\" declares FRONTEND_ERROR_MONITORING but its activated handle has no `\n          + 'reportCrash(report). Return a FrontendErrorMonitoringSink from activate() rather than the vendor '\n          + 'namespace; crashes are not being reported until it does.',\n      });\n      continue;\n    }\n\n    sinks.push({ providerRef, sink: activation.handle });\n  }\n\n  /*\n   * EVERY declared sink receives the report, in registry order — no first-match\n   * winner. Same reasoning as the provider COMPONENT registry: several providers may\n   * answer one capability, and a lookup table that silently picked one would be making\n   * a product decision. An application running two collectors during a migration wants\n   * both to see the crash.\n   */\n  const subscribe = input.subscribe ?? frontendEventBus.on.bind(frontendEventBus);\n\n  return subscribe(FrontendEvents.ERROR_OCCURED, (payload) => {\n    if (sinks.length === 0) {\n      return;\n    }\n    const report = buildCrashReport(payload.error);\n    for (const { providerRef, sink } of sinks) {\n      try {\n        sink.reportCrash(report);\n      } catch (cause) {\n        /*\n         * A vendor SDK that throws while receiving a crash must not take the next\n         * sink — or the surface — with it. This handler runs while the application is\n         * already failing; a second throw here would surface as an unrelated error and\n         * send whoever investigates to the wrong place entirely.\n         */\n        raise({\n          kind: ErrorMonitoringBridgeDiagnosticKind.REPORT_FAILED,\n          providerRef,\n          message: `Provider \"${providerRef}\" threw while reporting a crash; the crash itself is unaffected.`,\n          cause,\n        });\n      }\n    }\n  });\n}\n"]}

package/dist/esm/core/monitoring/logger.frontend.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logger.frontend.service.d.ts","sourceRoot":"","sources":["../../../../../src/core/monitoring/logger.frontend.service.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,qBAAqB;IAMpB,OAAO,CAAC,mBAAmB;IALvC,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAsC;gBAEzC,mBAAmB,UAAO;IAE9C,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAIzD,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI;IAQnE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI1C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI1C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C;;OAEG;IACH,OAAO,CAAC,GAAG;IAsBX;;OAEG;IACH,OAAO,CAAC,eAAe;IA0BvB;;OAEG;IACH,aAAa,CAAC,KAAK,SAAM,GAAG,QAAQ,EAAE;IAItC;;OAEG;IACH,SAAS,IAAI,IAAI;IAIjB,OAAO,CAAC,MAAM,CAAC,YAAY;WAOb,SAAS,IAAI,qBAAqB;CAGjD"}
+{"version":3,"file":"logger.frontend.service.d.ts","sourceRoot":"","sources":["../../../../src/core/monitoring/logger.frontend.service.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,qBAAqB;IAMpB,OAAO,CAAC,mBAAmB;IALvC,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAsC;gBAEzC,mBAAmB,UAAO;IAE9C,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAIzD,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI;IAQnE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI1C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI1C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;IAI3C;;OAEG;IACH,OAAO,CAAC,GAAG;IAsBX;;OAEG;IACH,OAAO,CAAC,eAAe;IA0BvB;;OAEG;IACH,aAAa,CAAC,KAAK,SAAM,GAAG,QAAQ,EAAE;IAItC;;OAEG;IACH,SAAS,IAAI,IAAI;IAIjB,OAAO,CAAC,MAAM,CAAC,YAAY;WAOb,SAAS,IAAI,qBAAqB;CAGjD"}

package/dist/esm/core/monitoring/logger.frontend.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"logger.frontend.service.js","sourceRoot":"","sources":["../../../../../src/core/monitoring/logger.frontend.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Frontend Logger Service\n * Provides logging functionality for frontend applications\n * Mirrors backend logger patterns but adapted for browser environment\n */\n\nimport { LogLevel } from '@wildo-ai/saas-models';\n\nexport interface LogEntry {\n  level: LogLevel;\n  message: string;\n  timestamp: Date;\n  context?: any;\n  type?: string;\n}\n\nexport class LoggerFrontendService {\n  private debugTypes = new Map<string, boolean>();\n  private logEntries: LogEntry[] = [];\n  private maxEntries = 1000;\n  private static instance: LoggerFrontendService | null = null;\n  \n  constructor(private enableConsoleOutput = true) {}\n\n  setDebugTypeLogging(type: string, enabled: boolean): void {\n    this.debugTypes.set(type, enabled);\n  }\n\n  debugByType(type: string): (message: string, context?: any) => void {\n    return (message: string, context?: any) => {\n      if (this.debugTypes.get(type)) {\n        this.debug(`[${type}] ${message}`, context);\n      }\n    };\n  }\n\n  trace(message: string, context?: any): void {\n    this.log(LogLevel.TRACE, message, context);\n  }\n\n  debug(message: string, context?: any): void {\n    this.log(LogLevel.DEBUG, message, context);\n  }\n\n  info(message: string, context?: any): void {\n    this.log(LogLevel.INFO, message, context);\n  }\n\n  warn(message: string, context?: any): void {\n    this.log(LogLevel.WARN, message, context);\n  }\n\n  error(message: string, context?: any): void {\n    this.log(LogLevel.ERROR, message, context);\n  }\n\n  fatal(message: string, context?: any): void {\n    this.log(LogLevel.FATAL, message, context);\n  }\n\n  /**\n   * Core logging method\n   */\n  private log(level: LogLevel, message: string, context?: any): void {\n    const entry: LogEntry = {\n      level,\n      message,\n      timestamp: new Date(),\n      context\n    };\n\n    // Add to memory store\n    this.logEntries.push(entry);\n    if (this.logEntries.length > this.maxEntries) {\n      this.logEntries.shift();\n    }\n\n    // Console output\n    if (this.enableConsoleOutput) {\n      this.outputToConsole(entry);\n    }\n\n    // TODO: Send to remote logging service if configured\n  }\n\n  /**\n   * Output to browser console\n   */\n  private outputToConsole(entry: LogEntry): void {\n    const { level, message, context } = entry;\n    const timestamp = entry.timestamp.toISOString().split('T')[1].split('.')[0];\n    \n    switch (level) {\n      case LogLevel.TRACE:\n        console.debug(`[${timestamp}][TRACE] ${message}`, context || '');\n        break;\n      case LogLevel.DEBUG:\n        console.log(`[${timestamp}][DEBUG] ${message}`, context || '');\n        break;\n      case LogLevel.INFO:\n        console.info(`[${timestamp}] ${message}`, context || '');\n        break;\n      case LogLevel.WARN:\n        console.warn(`[${timestamp}] ${message}`, context || '');\n        break;\n      case LogLevel.ERROR:\n        console.error(`[${timestamp}] ${message}`, context || '');\n        break;\n      case LogLevel.FATAL:\n        console.error(`[FATAL ${timestamp}] ${message}`, context || '');\n        break;\n    }\n  }\n\n  /**\n   * Get recent log entries\n   */\n  getRecentLogs(count = 100): LogEntry[] {\n    return this.logEntries.slice(-count);\n  }\n\n  /**\n   * Clear log entries\n   */\n  clearLogs(): void {\n    this.logEntries = [];\n  }\n  \n  private static _getInstance(): LoggerFrontendService {\n    if (!LoggerFrontendService.instance) {\n      LoggerFrontendService.instance = new LoggerFrontendService();\n    }\n    return LoggerFrontendService.instance;\n  }\n\n  public static getLogger(): LoggerFrontendService {\n    return LoggerFrontendService._getInstance();\n  }\n}\n\n\n"]}
+{"version":3,"file":"logger.frontend.service.js","sourceRoot":"","sources":["../../../../src/core/monitoring/logger.frontend.service.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Frontend Logger Service\n * Provides logging functionality for frontend applications\n * Mirrors backend logger patterns but adapted for browser environment\n */\n\nimport { LogLevel } from '@wildo-ai/saas-models';\n\nexport interface LogEntry {\n  level: LogLevel;\n  message: string;\n  timestamp: Date;\n  context?: any;\n  type?: string;\n}\n\nexport class LoggerFrontendService {\n  private debugTypes = new Map<string, boolean>();\n  private logEntries: LogEntry[] = [];\n  private maxEntries = 1000;\n  private static instance: LoggerFrontendService | null = null;\n  \n  constructor(private enableConsoleOutput = true) {}\n\n  setDebugTypeLogging(type: string, enabled: boolean): void {\n    this.debugTypes.set(type, enabled);\n  }\n\n  debugByType(type: string): (message: string, context?: any) => void {\n    return (message: string, context?: any) => {\n      if (this.debugTypes.get(type)) {\n        this.debug(`[${type}] ${message}`, context);\n      }\n    };\n  }\n\n  trace(message: string, context?: any): void {\n    this.log(LogLevel.TRACE, message, context);\n  }\n\n  debug(message: string, context?: any): void {\n    this.log(LogLevel.DEBUG, message, context);\n  }\n\n  info(message: string, context?: any): void {\n    this.log(LogLevel.INFO, message, context);\n  }\n\n  warn(message: string, context?: any): void {\n    this.log(LogLevel.WARN, message, context);\n  }\n\n  error(message: string, context?: any): void {\n    this.log(LogLevel.ERROR, message, context);\n  }\n\n  fatal(message: string, context?: any): void {\n    this.log(LogLevel.FATAL, message, context);\n  }\n\n  /**\n   * Core logging method\n   */\n  private log(level: LogLevel, message: string, context?: any): void {\n    const entry: LogEntry = {\n      level,\n      message,\n      timestamp: new Date(),\n      context\n    };\n\n    // Add to memory store\n    this.logEntries.push(entry);\n    if (this.logEntries.length > this.maxEntries) {\n      this.logEntries.shift();\n    }\n\n    // Console output\n    if (this.enableConsoleOutput) {\n      this.outputToConsole(entry);\n    }\n\n    // TODO: Send to remote logging service if configured\n  }\n\n  /**\n   * Output to browser console\n   */\n  private outputToConsole(entry: LogEntry): void {\n    const { level, message, context } = entry;\n    const timestamp = entry.timestamp.toISOString().split('T')[1].split('.')[0];\n    \n    switch (level) {\n      case LogLevel.TRACE:\n        console.debug(`[${timestamp}][TRACE] ${message}`, context || '');\n        break;\n      case LogLevel.DEBUG:\n        console.log(`[${timestamp}][DEBUG] ${message}`, context || '');\n        break;\n      case LogLevel.INFO:\n        console.info(`[${timestamp}] ${message}`, context || '');\n        break;\n      case LogLevel.WARN:\n        console.warn(`[${timestamp}] ${message}`, context || '');\n        break;\n      case LogLevel.ERROR:\n        console.error(`[${timestamp}] ${message}`, context || '');\n        break;\n      case LogLevel.FATAL:\n        console.error(`[FATAL ${timestamp}] ${message}`, context || '');\n        break;\n    }\n  }\n\n  /**\n   * Get recent log entries\n   */\n  getRecentLogs(count = 100): LogEntry[] {\n    return this.logEntries.slice(-count);\n  }\n\n  /**\n   * Clear log entries\n   */\n  clearLogs(): void {\n    this.logEntries = [];\n  }\n  \n  private static _getInstance(): LoggerFrontendService {\n    if (!LoggerFrontendService.instance) {\n      LoggerFrontendService.instance = new LoggerFrontendService();\n    }\n    return LoggerFrontendService.instance;\n  }\n\n  public static getLogger(): LoggerFrontendService {\n    return LoggerFrontendService._getInstance();\n  }\n}\n\n\n"]}

package/dist/esm/core/navigation/NavigationContentAreas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationContentAreas.d.ts","sourceRoot":"","sources":["../../../../../src/core/navigation/NavigationContentAreas.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAsB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIhF,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAyB,0BAA0B,EAAwB,MAAM,sBAAsB,CAAC;AAuDlJ,UAAU,2BAA2B;IACnC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAgDD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/C,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAkKA,CAAC;AA6HF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,4CAA4C,CAC1D,WAAW,EAAE,gBAAgB,GAAG,SAAS,GACxC,gBAAgB,CAIlB;AA4CD,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,6FAA6F;IAC7F,MAAM,EAAE,OAAO,CAAC;CACjB;AA6BD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAChC,KAAK,EAAE,WAAW,GAAG,SAAS,EAC9B,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,cAAc,EAAE,MAAM,GACrB;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,CAwFA;AA+FD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA4UxE,CAAC;AAqGF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAEtC,CAAC"}
+{"version":3,"file":"NavigationContentAreas.d.ts","sourceRoot":"","sources":["../../../../src/core/navigation/NavigationContentAreas.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAsB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAKhF,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAyB,0BAA0B,EAAwB,MAAM,sBAAsB,CAAC;AAyDlJ,UAAU,2BAA2B;IACnC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAgDD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/C,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAkKA,CAAC;AAqLF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,4CAA4C,CAC1D,WAAW,EAAE,gBAAgB,GAAG,SAAS,GACxC,gBAAgB,CAIlB;AA4CD,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,6FAA6F;IAC7F,MAAM,EAAE,OAAO,CAAC;CACjB;AA6BD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAChC,KAAK,EAAE,WAAW,GAAG,SAAS,EAC9B,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,cAAc,EAAE,MAAM,GACrB;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B,CAwFA;AA+FD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA4UxE,CAAC;AAqGF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAEtC,CAAC"}

package/dist/esm/core/navigation/NavigationContentAreas.js

@@ -10,6 +10,7 @@ import React, { useCallback, useMemo, useRef, useState, useEffect } from 'react'
 import { useNavigate } from 'react-router-dom';
 import { NavigationZoneName, OverlayAppearance, } from '@wildo-ai/saas-models';
 import { ViewportBreakpoint, DisplayDirection } from '@wildo-ai/zod-decorators';
+import { NavigationZoneContentModel } from '@wildo-ai/saas-models';
 import { useNavigationState } from './useNavigationState.js';
 import { NavigationUtils } from './navigation.utils.js';
 import { useHostedPaneRouteSync, useNavigationController, useSettingsHubOverlaySync, useStructuralZoneBackForwardSync } from './useNavigationController.js';
@@ -20,6 +21,8 @@ import { useI18n } from '../../core/i18n/useI18n.js';
 import { resolveComponentLabel } from '../../core/i18n/component-label-resolution.utils.js';
 import { useResourceRegistry } from '../../core/resources/useResourceRegistry.js';
 import { useOverlayTitle } from './useOverlayTitle.js';
+import { resolveVisibleEntryIndex } from './zone-visible-entry.js';
+import { Tabs, TabsList, TabsTrigger } from '../../components/sections/tabs.js';
 import { ResourceOperationSurface } from '../../components/resources/ResourceOperationSurface.js';
 import { FullCustomView } from '../../components/views/full-custom-view/FullCustomView.js';
 import { FlowsActorsView } from '../../components/views/flows-actors-view/FlowsActorsView.js';
@@ -159,6 +162,23 @@ export const NavigationContentRenderer = ({ content, zone, initiator, entryId })
     }
     return null;
 };
+/**
+ * The tab bar of a `NavigationZoneContentModel.TABBED` zone — one trigger per stack entry.
+ *
+ * A label needs `useOverlayTitle`, which is a hook, so each trigger is its own component rather than
+ * a `.map` in the parent: calling a hook per entry inside a map breaks the rules of hooks the moment
+ * the stack length changes, which for a tabbed zone is every tab open and close.
+ *
+ * `useOverlayTitle` rather than a bespoke label derivation, because an overlay title and a tab label
+ * answer the same question — "what is this entry?" — and a second derivation would drift from the
+ * first for exactly the entries (composite views, engine pages) whose titles are hardest to get
+ * right.
+ */
+const ZoneTabTrigger = ({ entry }) => {
+    const { title } = useOverlayTitle(entry);
+    return _jsx(TabsTrigger, { value: entry.id, children: title });
+};
+const ZoneTabBar = ({ zone, entries, activeEntryId, onSelect }) => (_jsx(Tabs, { value: activeEntryId, onValueChange: (entryId) => onSelect(zone, entryId), "data-zone-tab-bar": zone, children: _jsx(TabsList, { children: entries.map(entry => _jsx(ZoneTabTrigger, { entry: entry }, entry.id)) }) }));
 /**
  * Render a zone's content using **persistent stack rendering**.
  *
@@ -167,46 +187,48 @@ export const NavigationContentRenderer = ({ content, zone, initiator, entryId })
  * data on back-navigation. The top entry uses `display: contents` to avoid
  * an extra wrapper div that could break flex/grid layouts.
  *
- * -- Tabbed Mode (future -- not yet implemented) --
- *
- * When NavigationTransition.TAB is used, this component will need to:
+ * -- Tabbed mode (`NavigationZoneContentModel.TABBED`) --
  *
- * 1. **Detect tab entries:** Partition `zoneState.stack` into two groups:
- *    - TAB entries: entries pushed via NavigationTransition.TAB (parallel)
- *    - Stack entries: entries pushed via PUSH on top of the active tab (depth)
+ * A zone whose declared content model is `TABBED` renders the SAME persistent stack with a tab bar
+ * above it: every entry is a parallel tab, all are mounted, and `NavigationZoneState.activeTabId`
+ * says which one is visible. That is the whole difference — in `SINGLE` the top entry is visible and
+ * back pops; in `TABBED` the ACTIVE entry is visible and the others are one click away.
  *
- * 2. **Render tab bar:** For TAB entries, render a horizontal tab bar.
- *    Each tab shows a label derived from the entry's resource type + operation.
- *    The active tab is determined by `zoneState.activeTabId`.
+ * Until 2026-09-08 (#411) `TABBED` was declared in the vocabulary, documented as "parallel tabs, tab
+ * bar visible", validated by the layout schema, **selected by one of the framework's own shipped
+ * presets** — and rendered as an ordinary single stack, with no error. Nothing ever wrote
+ * `activeTabId`; nothing ever read it.
  *
- * 3. **Render content:** Below the tab bar, render the active tab's content.
- *    If there are PUSH entries on top of the active tab, render the topmost.
+ * Key invariant, unchanged: a tabbed zone is FLAT. Depth navigation within a tab goes to the NEXT
+ * zone or to an overlay, which is what keeps this from becoming tab-within-tab.
  *
- * 4. **Tab interactions:**
- *    - Tab click → update `activeTabId` on zone state + URL update in transaction
- *    - Tab close → emit NAVIGATION_CLOSE with entryId → adjust activeTabId
- *    - Last tab closed → zone becomes empty (existing behavior)
+ * NOT done here, deliberately, because each is its own decision rather than part of rendering:
+ * per-tab URL addressability (only the active tab has an address today, so a refresh reconstructs
+ * one tab), and a per-tab close affordance (`NAVIGATION_CLOSE` already exists; what a tabbed zone
+ * should do when its LAST tab closes is a `ZoneEmptyBehavior` question).
  *
- * 5. **URL coordination:**
- *    - Only the active tab is URL-addressable
- *    - Tab switch wraps in NavigationTransaction to suppress useRouterSync
- *    - On refresh, only the active tab is reconstructed (other tabs are lost)
- *
- * 6. **Zone collapse interaction:**
- *    - Single-zone + TAB → tabs render within PRIMARY (via zone collapse redirect)
- *    - Primary context change → all tabs in dependent zone cleared (zone cleanup)
- *
- * Key invariant: A tabbed zone is FLAT. Depth navigation within a tab goes
- * to the NEXT zone or overlay. This prevents nested tab-within-tab complexity.
+ * An earlier version of this note described the work in terms of `NavigationTransition.TAB`. There
+ * is no such transition and there never was — the content MODEL is what decides, and a transition
+ * that does not exist cannot be partitioned on.
  *
  * @see NavigationZoneState.activeTabId
- * @see NavigationTransition.TAB
- * @see Section 11 (Gap M7) in navigation-deep-analysis.md
  */
 const ZoneContentRenderer = ({ zone, fallback, emptyState }) => {
-    const { getTopEntry, getZoneState } = useNavigationState();
+    const { getTopEntry, getZoneState, setActiveTab } = useNavigationState();
+    const { navigationLayout } = useUI();
     const topEntry = getTopEntry(zone);
     const zoneState = getZoneState(zone);
+    /*
+     * The zone's DECLARED content model decides between the two renderings. Read here rather than
+     * threaded from the seven call sites: it is a property of the zone, all seven would pass the same
+     * value derived from the same layout, and a prop is one more place for them to disagree.
+     */
+    const isTabbed = navigationLayout?.zones?.[zone]?.contentModel === NavigationZoneContentModel.TABBED;
+    /*
+     * Which entry shows. `SINGLE` -> the top; `TABBED` -> the active tab. Owned by one named pure
+     * function so the distinction can be pinned, which is precisely what `TABBED` never had.
+     */
+    const visibleEntryIndex = resolveVisibleEntryIndex(zoneState.stack, navigationLayout?.zones?.[zone]?.contentModel, zoneState.activeTabId);
     logDebug('ZoneContentRenderer render', {
         zone,
         hasTopEntry: !!topEntry,
@@ -219,25 +241,31 @@ const ZoneContentRenderer = ({ zone, fallback, emptyState }) => {
     const stack = zoneState.stack;
     if (stack.length > 0) {
         logDebug('ZoneContentRenderer → rendering persistent stack', { zone, stackDepth: stack.length });
-        return (_jsx(_Fragment, { children: stack.map((entry, index) => {
-                const isTop = index === stack.length - 1;
-                return (_jsx("div", { style: { display: isTop ? 'contents' : 'none' }, 
-                    // Non-top stack entries stay mounted (to preserve their state
-                    // across depth navigation) but must be hidden from both layout
-                    // and assistive technology. We use `inert` rather than
-                    // `aria-hidden` here: when a user activates a focusable element
-                    // in the top entry (e.g. clicks a list card to drill in), that
-                    // element keeps DOM focus while the OUTGOING entry re-renders as
-                    // non-top. Applying `aria-hidden` to an ancestor that still
-                    // contains the focused node triggers the browser's
-                    // "Blocked aria-hidden on an element because its descendant
-                    // retained focus" violation. `inert` is the spec-recommended
-                    // fix: it hides the subtree from AT AND actively moves focus out
-                    // of it (blurring any focused descendant), so no focused node is
-                    // ever left inside a hidden ancestor. React 19 renders the
-                    // boolean `inert` prop as the native HTML attribute.
-                    inert: !isTop, children: _jsx(NavigationContentRenderer, { content: entry.content, zone: entry.zone, initiator: entry.initiator, entryId: entry.id }) }, getContentKey(entry.content, entry.id)));
-            }) }));
+        return (_jsxs(_Fragment, { children: [isTabbed && stack.length > 0 && (_jsx(ZoneTabBar, { zone: zone, entries: stack, activeEntryId: stack[visibleEntryIndex]?.id, onSelect: setActiveTab })), stack.map((entry, index) => {
+                    /*
+                     * "Which entry is showing" is the ONE thing the two content models answer differently.
+                     * Everything below — the persistent mount, `display: contents` on the visible entry,
+                     * `inert` on the rest — is shared, because a tab that unmounted when you left it would
+                     * refetch on every switch, which is the behaviour tabs exist to avoid.
+                     */
+                    const isTop = index === visibleEntryIndex;
+                    return (_jsx("div", { style: { display: isTop ? 'contents' : 'none' }, 
+                        // Non-top stack entries stay mounted (to preserve their state
+                        // across depth navigation) but must be hidden from both layout
+                        // and assistive technology. We use `inert` rather than
+                        // `aria-hidden` here: when a user activates a focusable element
+                        // in the top entry (e.g. clicks a list card to drill in), that
+                        // element keeps DOM focus while the OUTGOING entry re-renders as
+                        // non-top. Applying `aria-hidden` to an ancestor that still
+                        // contains the focused node triggers the browser's
+                        // "Blocked aria-hidden on an element because its descendant
+                        // retained focus" violation. `inert` is the spec-recommended
+                        // fix: it hides the subtree from AT AND actively moves focus out
+                        // of it (blurring any focused descendant), so no focused node is
+                        // ever left inside a hidden ancestor. React 19 renders the
+                        // boolean `inert` prop as the native HTML attribute.
+                        inert: !isTop, children: _jsx(NavigationContentRenderer, { content: entry.content, zone: entry.zone, initiator: entry.initiator, entryId: entry.id }) }, getContentKey(entry.content, entry.id)));
+                })] }));
     }
     if (fallback) {
         logDebug('ZoneContentRenderer → rendering fallback (routerChildren / Outlet)', { zone });