@wildo-ai/presets-components 1.1.4 → 1.1.6

package/dist/esm/components/ai-elements/trace/chain-of-thought.js.map

@@ -1 +1 @@
-{"version":3,"file":"chain-of-thought.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/chain-of-thought.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport {\n  Badge,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  useI18n,\n  useUI,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\nimport type { ComponentProps, ReactNode, ReactElement } from \"react\";\nimport { createContext, memo, useContext, useMemo } from \"react\";\n\ntype ChainOfThoughtContextValue = {\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n};\n\nconst ChainOfThoughtContext = createContext<ChainOfThoughtContextValue | null>(\n  null\n);\n\nconst useChainOfThought = () => {\n  const context = useContext(ChainOfThoughtContext);\n  if (!context) {\n    throw new Error(\n      \"ChainOfThought components must be used within ChainOfThought\"\n    );\n  }\n  return context;\n};\n\nexport type AI_ChainOfThoughtProps = ComponentProps<\"div\"> & {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const AI_ChainOfThought: React.MemoExoticComponent<(props: AI_ChainOfThoughtProps) => React.JSX.Element> = memo(\n  ({\n    className,\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    children,\n    ...props\n  }: AI_ChainOfThoughtProps): React.JSX.Element => {\n    const [isOpen, setIsOpen] = useControllableState({\n      prop: open,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n\n    const chainOfThoughtContext = useMemo(\n      () => ({ isOpen, setIsOpen }),\n      [isOpen, setIsOpen]\n    );\n\n    return (\n      <ChainOfThoughtContext.Provider value={chainOfThoughtContext}>\n        <div\n          className={cn(\"not-prose max-w-prose space-y-field\", className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ChainOfThoughtContext.Provider>\n    );\n  }\n);\n\nexport type AI_ChainOfThoughtHeaderProps = ComponentProps<\n  typeof CollapsibleTrigger\n>;\n\nexport const AI_ChainOfThoughtHeader: React.MemoExoticComponent<(props: AI_ChainOfThoughtHeaderProps) => React.JSX.Element | null> = memo(\n  ({ className, children, ...props }: AI_ChainOfThoughtHeaderProps): React.JSX.Element | null => {\n    const { isOpen, setIsOpen } = useChainOfThought();\n    const { renderIcon } = useIconRegistry();\n    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_CHAIN_OF_THOUGHT });\n    const { getRecipe } = useUI();\n    const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n    if (!isReady) return null;\n\n    return (\n      <Collapsible onOpenChange={setIsOpen} open={isOpen}>\n        <CollapsibleTrigger\n          className={cn(\n            descRecipe.base,\n            \"flex w-full items-center gap-element text-sm transition-colors hover:text-foreground\",\n            className\n          )}\n          {...props}\n        >\n          {renderIcon(StandardIconReference.BRAIN, { className: \"size-4\" })}\n          <span className=\"flex-1 text-start\">\n            {children ?? tComponent(FrontendComponentType.LOW_LEVEL_AI_CHAIN_OF_THOUGHT, 'toggleChainOfThought')}\n          </span>\n          {renderIcon(StandardIconReference.CHEVRON_DOWN, {\n            className: cn(\n              \"size-4 transition-transform\",\n              isOpen ? \"rotate-180\" : \"rotate-0\"\n            )\n          })}\n        </CollapsibleTrigger>\n      </Collapsible>\n    );\n  }\n);\n\nexport type AI_ChainOfThoughtStepProps = ComponentProps<\"div\"> & {\n  icon?: ReactElement;\n  label: ReactNode;\n  description?: ReactNode;\n  status?: \"complete\" | \"active\" | \"pending\";\n};\n\nexport const AI_ChainOfThoughtStep: React.MemoExoticComponent<(props: AI_ChainOfThoughtStepProps) => React.JSX.Element> = memo(\n  ({\n    className,\n    icon,\n    label,\n    description,\n    status = \"complete\",\n    children,\n    ...props\n  }: AI_ChainOfThoughtStepProps): React.JSX.Element => {\n    const { renderIcon } = useIconRegistry();\n    const { getRecipe } = useUI();\n    const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n    const statusStyles = {\n      complete: descRecipe.base,\n      active: \"text-foreground\",\n      pending: \"text-muted-foreground/50\",\n    };\n\n    const iconElement = icon ?? renderIcon(StandardIconReference.DOT, { className: \"size-4\" });\n\n    return (\n      <div\n        className={cn(\n          \"flex gap-element text-sm\",\n          statusStyles[status],\n          \"fade-in-0 slide-in-from-top-2 animate-in\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"relative mt-0.5\">\n          {iconElement}\n          <div className=\"-mx-px absolute top-7 bottom-0 left-1/2 w-px bg-border\" />\n        </div>\n        <div className=\"flex-1 space-y-item\">\n          <div>{label}</div>\n          {description && (\n            <div className={cn(descRecipe.base, \"text-xs\")}>{description}</div>\n          )}\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type AI_ChainOfThoughtSearchResultsProps = ComponentProps<\"div\">;\n\nexport const AI_ChainOfThoughtSearchResults: React.MemoExoticComponent<(props: AI_ChainOfThoughtSearchResultsProps) => React.JSX.Element> = memo(\n  ({ className, ...props }: AI_ChainOfThoughtSearchResultsProps): React.JSX.Element => (\n    <div className={cn(\"flex items-center gap-element\", className)} {...props} />\n  )\n);\n\nexport type AI_ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;\n\nexport const AI_ChainOfThoughtSearchResult: React.MemoExoticComponent<(props: AI_ChainOfThoughtSearchResultProps) => React.JSX.Element> = memo(\n  ({ className, children, ...props }: AI_ChainOfThoughtSearchResultProps): React.JSX.Element => (\n    <Badge\n      {...({\n        className: cn(\"gap-item-xs px-card-sm py-item-xs font-normal text-xs\", className),\n        variant: \"secondary\" as const,\n        ...props,\n      } as React.ComponentProps<typeof Badge>)}\n    >\n      {children}\n    </Badge>\n  )\n);\n\nexport type AI_ChainOfThoughtContentProps = ComponentProps<\n  typeof CollapsibleContent\n>;\n\nexport const AI_ChainOfThoughtContent: React.MemoExoticComponent<(props: AI_ChainOfThoughtContentProps) => React.JSX.Element> = memo(\n  ({ className, children, ...props }: AI_ChainOfThoughtContentProps): React.JSX.Element => {\n    const { isOpen } = useChainOfThought();\n\n    return (\n      <Collapsible open={isOpen}>\n        <CollapsibleContent\n          className={cn(\n            \"mt-element space-y-field-sm\",\n            \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  }\n);\n\nexport type AI_ChainOfThoughtImageProps = ComponentProps<\"div\"> & {\n  caption?: string;\n};\n\nexport const AI_ChainOfThoughtImage: React.MemoExoticComponent<(props: AI_ChainOfThoughtImageProps) => React.JSX.Element> = memo(\n  ({ className, children, caption, ...props }: AI_ChainOfThoughtImageProps): React.JSX.Element => {\n    const { getRecipe } = useUI();\n    const insetRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET);\n    const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n    return (\n      <div className={cn(\"mt-element space-y-item\", className)} {...props}>\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div className={cn(insetRecipe.base, \"relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg p-card-sm\")}>\n            {children}\n          </div>\n        </Surface>\n        {caption && <p className={cn(descRecipe.base, \"text-xs\")}>{caption}</p>}\n      </div>\n    );\n  }\n);\n\nAI_ChainOfThought.displayName = \"AI_ChainOfThought\";\nAI_ChainOfThoughtHeader.displayName = \"AI_ChainOfThoughtHeader\";\nAI_ChainOfThoughtStep.displayName = \"AI_ChainOfThoughtStep\";\nAI_ChainOfThoughtSearchResults.displayName = \"AI_ChainOfThoughtSearchResults\";\nAI_ChainOfThoughtSearchResult.displayName = \"AI_ChainOfThoughtSearchResult\";\nAI_ChainOfThoughtContent.displayName = \"AI_ChainOfThoughtContent\";\nAI_ChainOfThoughtImage.displayName = \"AI_ChainOfThoughtImage\";\n"]}
+{"version":3,"file":"chain-of-thought.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/chain-of-thought.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport type { AI_ChainOfThoughtCompound } from '@wildo-ai/saas-frontend-lib';\nimport * as React from \"react\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport {\n  Badge,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  useI18n,\n  useUI,\n  Surface,\n  createCompoundPreset,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\nimport type { ComponentProps, ReactNode, ReactElement } from \"react\";\nimport { createContext, memo, useContext, useMemo } from \"react\";\n\ntype ChainOfThoughtContextValue = {\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n};\n\nconst ChainOfThoughtContext = createContext<ChainOfThoughtContextValue | null>(\n  null\n);\n\nconst useChainOfThought = () => {\n  const context = useContext(ChainOfThoughtContext);\n  if (!context) {\n    throw new Error(\n      \"ChainOfThought components must be used within ChainOfThought\"\n    );\n  }\n  return context;\n};\n\nexport type AI_ChainOfThoughtProps = ComponentProps<\"div\"> & {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport const AI_ChainOfThought: React.MemoExoticComponent<(props: AI_ChainOfThoughtProps) => React.JSX.Element> = memo(\n  ({\n    className,\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    children,\n    ...props\n  }: AI_ChainOfThoughtProps): React.JSX.Element => {\n    const [isOpen, setIsOpen] = useControllableState({\n      prop: open,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n\n    const chainOfThoughtContext = useMemo(\n      () => ({ isOpen, setIsOpen }),\n      [isOpen, setIsOpen]\n    );\n\n    return (\n      <ChainOfThoughtContext.Provider value={chainOfThoughtContext}>\n        <div\n          className={cn(\"not-prose max-w-prose space-y-field\", className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ChainOfThoughtContext.Provider>\n    );\n  }\n);\n\nexport type AI_ChainOfThoughtHeaderProps = ComponentProps<\n  typeof CollapsibleTrigger\n>;\n\nexport const AI_ChainOfThoughtHeader: React.MemoExoticComponent<(props: AI_ChainOfThoughtHeaderProps) => React.JSX.Element | null> = memo(\n  ({ className, children, ...props }: AI_ChainOfThoughtHeaderProps): React.JSX.Element | null => {\n    const { isOpen, setIsOpen } = useChainOfThought();\n    const { renderIcon } = useIconRegistry();\n    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_AI_CHAIN_OF_THOUGHT });\n    const { getRecipe } = useUI();\n    const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n    if (!isReady) return null;\n\n    return (\n      <Collapsible onOpenChange={setIsOpen} open={isOpen}>\n        <CollapsibleTrigger\n          className={cn(\n            descRecipe.base,\n            \"flex w-full items-center gap-element text-sm transition-colors hover:text-foreground\",\n            className\n          )}\n          {...props}\n        >\n          {renderIcon(StandardIconReference.BRAIN, { className: \"size-4\" })}\n          <span className=\"flex-1 text-start\">\n            {children ?? tComponent(FrontendComponentType.LOW_LEVEL_AI_CHAIN_OF_THOUGHT, 'toggleChainOfThought')}\n          </span>\n          {renderIcon(StandardIconReference.CHEVRON_DOWN, {\n            className: cn(\n              \"size-4 transition-transform\",\n              isOpen ? \"rotate-180\" : \"rotate-0\"\n            )\n          })}\n        </CollapsibleTrigger>\n      </Collapsible>\n    );\n  }\n);\n\nexport type AI_ChainOfThoughtStepProps = ComponentProps<\"div\"> & {\n  icon?: ReactElement;\n  label: ReactNode;\n  description?: ReactNode;\n  status?: \"complete\" | \"active\" | \"pending\";\n};\n\nexport const AI_ChainOfThoughtStep: React.MemoExoticComponent<(props: AI_ChainOfThoughtStepProps) => React.JSX.Element> = memo(\n  ({\n    className,\n    icon,\n    label,\n    description,\n    status = \"complete\",\n    children,\n    ...props\n  }: AI_ChainOfThoughtStepProps): React.JSX.Element => {\n    const { renderIcon } = useIconRegistry();\n    const { getRecipe } = useUI();\n    const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n    const statusStyles = {\n      complete: descRecipe.base,\n      active: \"text-foreground\",\n      pending: \"text-muted-foreground/50\",\n    };\n\n    const iconElement = icon ?? renderIcon(StandardIconReference.DOT, { className: \"size-4\" });\n\n    return (\n      <div\n        className={cn(\n          \"flex gap-element text-sm\",\n          statusStyles[status],\n          \"fade-in-0 slide-in-from-top-2 animate-in\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"relative mt-0.5\">\n          {iconElement}\n          <div className=\"-mx-px absolute top-7 bottom-0 left-1/2 w-px bg-border\" />\n        </div>\n        <div className=\"flex-1 space-y-item\">\n          <div>{label}</div>\n          {description && (\n            <div className={cn(descRecipe.base, \"text-xs\")}>{description}</div>\n          )}\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport type AI_ChainOfThoughtSearchResultsProps = ComponentProps<\"div\">;\n\nexport const AI_ChainOfThoughtSearchResults: React.MemoExoticComponent<(props: AI_ChainOfThoughtSearchResultsProps) => React.JSX.Element> = memo(\n  ({ className, ...props }: AI_ChainOfThoughtSearchResultsProps): React.JSX.Element => (\n    <div className={cn(\"flex items-center gap-element\", className)} {...props} />\n  )\n);\n\nexport type AI_ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;\n\nexport const AI_ChainOfThoughtSearchResult: React.MemoExoticComponent<(props: AI_ChainOfThoughtSearchResultProps) => React.JSX.Element> = memo(\n  ({ className, children, ...props }: AI_ChainOfThoughtSearchResultProps): React.JSX.Element => (\n    <Badge\n      {...({\n        className: cn(\"gap-item-xs px-card-sm py-item-xs font-normal text-xs\", className),\n        variant: \"secondary\" as const,\n        ...props,\n      } as React.ComponentProps<typeof Badge>)}\n    >\n      {children}\n    </Badge>\n  )\n);\n\nexport type AI_ChainOfThoughtContentProps = ComponentProps<\n  typeof CollapsibleContent\n>;\n\nexport const AI_ChainOfThoughtContent: React.MemoExoticComponent<(props: AI_ChainOfThoughtContentProps) => React.JSX.Element> = memo(\n  ({ className, children, ...props }: AI_ChainOfThoughtContentProps): React.JSX.Element => {\n    const { isOpen } = useChainOfThought();\n\n    return (\n      <Collapsible open={isOpen}>\n        <CollapsibleContent\n          className={cn(\n            \"mt-element space-y-field-sm\",\n            \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </CollapsibleContent>\n      </Collapsible>\n    );\n  }\n);\n\nexport type AI_ChainOfThoughtImageProps = ComponentProps<\"div\"> & {\n  caption?: string;\n};\n\nexport const AI_ChainOfThoughtImage: React.MemoExoticComponent<(props: AI_ChainOfThoughtImageProps) => React.JSX.Element> = memo(\n  ({ className, children, caption, ...props }: AI_ChainOfThoughtImageProps): React.JSX.Element => {\n    const { getRecipe } = useUI();\n    const insetRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.INSET);\n    const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n    return (\n      <div className={cn(\"mt-element space-y-item\", className)} {...props}>\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div className={cn(insetRecipe.base, \"relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg p-card-sm\")}>\n            {children}\n          </div>\n        </Surface>\n        {caption && <p className={cn(descRecipe.base, \"text-xs\")}>{caption}</p>}\n      </div>\n    );\n  }\n);\n\nAI_ChainOfThought.displayName = \"AI_ChainOfThought\";\nAI_ChainOfThoughtHeader.displayName = \"AI_ChainOfThoughtHeader\";\nAI_ChainOfThoughtStep.displayName = \"AI_ChainOfThoughtStep\";\nAI_ChainOfThoughtSearchResults.displayName = \"AI_ChainOfThoughtSearchResults\";\nAI_ChainOfThoughtSearchResult.displayName = \"AI_ChainOfThoughtSearchResult\";\nAI_ChainOfThoughtContent.displayName = \"AI_ChainOfThoughtContent\";\nAI_ChainOfThoughtImage.displayName = \"AI_ChainOfThoughtImage\";\n\n/**\n * The compound the registry serves for `LOW_LEVEL_AI_CHAIN_OF_THOUGHT` — the root with every part\n * attached, so an application's `AI_ChainOfThoughtStep` resolves to this preset's step (#1328).\n */\nexport const AI_ChainOfThoughtCompoundPreset: AI_ChainOfThoughtCompound = createCompoundPreset<AI_ChainOfThoughtCompound>(\n  AI_ChainOfThought as unknown as (props: AI_ChainOfThoughtProps) => React.JSX.Element,\n  {\n    Header: AI_ChainOfThoughtHeader as unknown as React.FC<AI_ChainOfThoughtHeaderProps>,\n    Step: AI_ChainOfThoughtStep as unknown as React.FC<AI_ChainOfThoughtStepProps>,\n    SearchResults: AI_ChainOfThoughtSearchResults as unknown as React.FC<AI_ChainOfThoughtSearchResultsProps>,\n    SearchResult: AI_ChainOfThoughtSearchResult as unknown as React.FC<AI_ChainOfThoughtSearchResultProps>,\n    Content: AI_ChainOfThoughtContent as unknown as React.FC<AI_ChainOfThoughtContentProps>,\n    Image: AI_ChainOfThoughtImage as unknown as React.FC<AI_ChainOfThoughtImageProps>,\n  },\n);\n"]}

package/dist/esm/components/ai-elements/trace/chain-of-thought.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chain-of-thought.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/chain-of-thought.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAE/D,CAAC"}
+{"version":3,"file":"chain-of-thought.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/chain-of-thought.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAE/D,CAAC"}

package/dist/esm/components/ai-elements/trace/checkpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkpoint.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/checkpoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,EAUP,MAAM,6BAA6B,CAAC;AAIrC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,mCAI3B,kBAAkB,KAAG,KAAK,CAAC,GAAG,CAAC,OAmBjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mCAI/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAQrC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,2DAOlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAgBtC,CAAC"}
+{"version":3,"file":"checkpoint.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/checkpoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,EAUP,MAAM,6BAA6B,CAAC;AAIrC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,mCAI3B,kBAAkB,KAAG,KAAK,CAAC,GAAG,CAAC,OAmBjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mCAI/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAQrC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,2DAOlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAgBtC,CAAC"}

package/dist/esm/components/ai-elements/trace/checkpoint.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkpoint.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/checkpoint.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,0BAA0B,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"checkpoint.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/checkpoint.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,0BAA0B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/ai-elements/trace/inline-citation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-citation.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/inline-citation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"inline-citation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/inline-citation.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ai-elements/trace/inline-citation.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-citation.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/inline-citation.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAI/D,CAAC"}
+{"version":3,"file":"inline-citation.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/inline-citation.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAI/D,CAAC"}

package/dist/esm/components/ai-elements/trace/plan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plan.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/plan.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,UAAU,EACV,WAAW,EACX,eAAe,EAEf,UAAU,EACV,SAAS,EACT,WAAW,EAEX,kBAAkB,EAOnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiB5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAUnE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAYF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,eAAe,CAAC,EACtC,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAoBF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAMnE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAQrE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAMvD,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAwB5E,eAAO,MAAM,OAAO,iBAQlB,CAAC"}
+{"version":3,"file":"plan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/plan.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,UAAU,EACV,WAAW,EACX,eAAe,EAEf,UAAU,EACV,SAAS,EACT,WAAW,EAEX,kBAAkB,EAOnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiB5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAUnE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAYF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,eAAe,CAAC,EACtC,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAoBF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAMnE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAQrE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAMvD,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAwB5E,eAAO,MAAM,OAAO,iBAQlB,CAAC"}

package/dist/esm/components/ai-elements/trace/plan.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plan.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/plan.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAErD,CAAC"}
+{"version":3,"file":"plan.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/plan.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAErD,CAAC"}

package/dist/esm/components/ai-elements/trace/reasoning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/reasoning.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAQnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAuB5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAwEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAkDjF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,kBAAkB,CAC1B,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AA2BF,eAAO,MAAM,YAAY,sBAGvB,CAAC"}
+{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/reasoning.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAQnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAuB5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAwEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAkDjF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,kBAAkB,CAC1B,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AA2BF,eAAO,MAAM,YAAY,sBAGvB,CAAC"}

package/dist/esm/components/ai-elements/trace/reasoning.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/trace/reasoning.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"reasoning.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/trace/reasoning.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/app/app-layout-consent-gate.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type AppLayoutPreset_ConsentGate_DefaultProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * Default rendering of the application-tier consent gate (#534 / #453).
+ *
+ * The wrapper has already decided WHETHER and HOW the gate shows (`AppLayout_ConsentGate`); this preset
+ * only draws the two surfaces.
+ *
+ * - **Required** — a full panel in place of the whole application shell, which the wrapper withholds. It names each purpose the operator requires, in
+ *   the vocabulary's own words, quotes the operator's description of what it gates, and offers exactly
+ *   two ways forward: agree, or sign out. Any optional purpose is asked in the same panel, unticked. Nothing here can let the person past without agreeing; the
+ *   wrapper does not render the application while this is shown.
+ * - **Prompt** — a fixed panel over the application, one box per optional purpose, NONE ticked by default.
+ *   A pre-ticked box is not a choice. "Decline all" is a first-class action and is recorded as a
+ *   decision, so the prompt does not return; closing without deciding is deliberately not offered,
+ *   because it would leave the question open forever and still read as an answer.
+ *
+ * Purpose names are the words of the `ConsentPurpose` vocabulary (`system_enums.ConsentPurpose.<value>`),
+ * reached through the field that stores them (`privacy.consentedPurposes`, which declares that vocabulary),
+ * so the gate and the preferences page cannot word a purpose differently.
+ */
+export declare function AppLayoutPreset_ConsentGate_Default({ gate }: AppLayoutPreset_ConsentGate_DefaultProps): React.JSX.Element | null;
+//# sourceMappingURL=app-layout-consent-gate.d.ts.map

package/dist/esm/components/app/app-layout-consent-gate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-layout-consent-gate.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-consent-gate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,OAAO,EAaL,KAAK,wCAAwC,EAC9C,MAAM,6BAA6B,CAAC;AAgDrC;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mCAAmC,CAAC,EAAE,IAAI,EAAE,EAAE,wCAAwC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAgShI"}

package/dist/esm/components/app/app-layout-consent-gate.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+import { z } from 'zod';
+import { Alert, AlertDescription, Button, ButtonVariants_Variant, Checkbox, ConsentGateStatus, Link, Surface, cn, useApplication, useI18n, useUI, } from '@wildo-ai/saas-frontend-lib';
+import { ConsentPurpose, CoreResourceType, PUBLIC_GOVERNED_DOCUMENT_REFS, PUBLIC_GOVERNED_DOCUMENT_ROUTE_PATHS, UserPrivacySchema, requiresApprovedGovernedDocuments, resolveInForcePublicDocument, } from '@wildo-ai/saas-models';
+import { getZodObjectShape } from '@wildo-ai/zod-decorators';
+import { AppLayoutsConsentGateLabel, FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior, } from '@wildo-ai/presets-components-models';
+const CT = FrontendComponentType.APP_LAYOUTS_CONSENT_GATE;
+/**
+ * The self-preferences field that stores granted purposes. Its schema is handed to the enum-word lookup
+ * because a value is worded only through the enum its FIELD declares (#966). That field declares
+ * `.systemEnum('ConsentPurpose')`, so the lookup reads `system_enums.ConsentPurpose.<value>` — the bundle
+ * this gate loads (`keys: ['system_enums']`) and the same words the preferences page shows for the field.
+ */
+const CONSENTED_PURPOSES_FIELD_SCHEMA = getZodObjectShape(UserPrivacySchema).consentedPurposes;
+/** A purpose's tick box: a statement a person either makes or does not. */
+const PURPOSE_CHOICE_SCHEMA = z.boolean();
+/**
+ * What each purpose MEANS for the person, beside its name.
+ *
+ * The name answers *what is it called* and comes from the `ConsentPurpose` vocabulary; this answers
+ * *what will happen to me*, and without it the choice is not an informed one — "Analytics" beside a
+ * tick box tells a reader nothing they can decide on. Every specialized consent platform pairs the
+ * two for exactly this reason, and this panel showed only the first half.
+ *
+ * TOTAL over the vocabulary by its type: a purpose added to `ConsentPurpose` is a compile error here
+ * rather than a row that silently renders a name and no explanation.
+ */
+const PURPOSE_DESCRIPTION_LABELS = Object.freeze({
+    [ConsentPurpose.ANALYTICS]: AppLayoutsConsentGateLabel.PURPOSE_DESCRIPTION_ANALYTICS,
+    [ConsentPurpose.MARKETING]: AppLayoutsConsentGateLabel.PURPOSE_DESCRIPTION_MARKETING,
+});
+/**
+ * Default rendering of the application-tier consent gate (#534 / #453).
+ *
+ * The wrapper has already decided WHETHER and HOW the gate shows (`AppLayout_ConsentGate`); this preset
+ * only draws the two surfaces.
+ *
+ * - **Required** — a full panel in place of the whole application shell, which the wrapper withholds. It names each purpose the operator requires, in
+ *   the vocabulary's own words, quotes the operator's description of what it gates, and offers exactly
+ *   two ways forward: agree, or sign out. Any optional purpose is asked in the same panel, unticked. Nothing here can let the person past without agreeing; the
+ *   wrapper does not render the application while this is shown.
+ * - **Prompt** — a fixed panel over the application, one box per optional purpose, NONE ticked by default.
+ *   A pre-ticked box is not a choice. "Decline all" is a first-class action and is recorded as a
+ *   decision, so the prompt does not return; closing without deciding is deliberately not offered,
+ *   because it would leave the question open forever and still read as an answer.
+ *
+ * Purpose names are the words of the `ConsentPurpose` vocabulary (`system_enums.ConsentPurpose.<value>`),
+ * reached through the field that stores them (`privacy.consentedPurposes`, which declares that vocabulary),
+ * so the gate and the preferences page cannot word a purpose differently.
+ */
+export function AppLayoutPreset_ConsentGate_Default({ gate }) {
+    const { tComponent, tResourceFieldEnumValue, isReady } = useI18n({ component: CT, keys: ['system_enums'] });
+    const { appConfig } = useApplication();
+    const { getRecipe } = useUI();
+    const heading = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);
+    const description = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    const headingId = useId();
+    const [selected, setSelected] = useState(() => gate.grantedPurposes.filter((purpose) => gate.optionalPurposes.includes(purpose)));
+    if (!isReady)
+        return null;
+    const label = (key) => tComponent(CT, key);
+    const purposeName = (purpose) => tResourceFieldEnumValue(CoreResourceType.USER_SELF_PREFERENCES, 'privacy.consentedPurposes', purpose, CONSENTED_PURPOSES_FIELD_SCHEMA);
+    const saveFailed = gate.saveFailed && (_jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { children: label(AppLayoutsConsentGateLabel.SAVE_FAILED) }) }));
+    const offeredOptional = gate.optionalPurposes;
+    const toggle = (purpose, checked) => {
+        setSelected((current) => (checked ? [...current.filter((entry) => entry !== purpose), purpose] : current.filter((entry) => entry !== purpose)));
+    };
+    /*
+     * One row per purpose: its NAME, what agreeing to it MEANS for this person, and the control —
+     * the shape every specialized consent platform converged on, and the half that was missing. A tick
+     * box labelled "Analytics" is a choice nobody can make informedly, and an informed choice is the
+     * whole of what makes consent valid.
+     *
+     * The ALWAYS-ACTIVE row comes first and carries no control. It is not a `ConsentPurpose` and must
+     * never become one — the vocabulary is what a person DECIDES — but a panel that lists only the
+     * optional purposes leaves a reader unable to see the whole picture, which is exactly what they
+     * opened it for.
+     *
+     * ## Every row has the SAME shape, including the one that cannot be changed
+     *
+     * A two-column grid: the control, then the name on its line, then the explanation beneath the name.
+     * The always-active row carries a real checkbox — CHECKED and DISABLED — rather than a text status
+     * beside the name.
+     *
+     * That reverses an earlier reading of this panel, and the reversal is the point. The argument for a
+     * status was that a disabled control invites a click that cannot work; the argument against it is
+     * stronger and is what every specialized consent platform does: a person scanning the list reads
+     * DOWN the column of controls, and a row whose control is missing does not read as "cannot be
+     * changed", it reads as a row that was forgotten. A checked, disabled box says the same thing in
+     * the vocabulary the rest of the list is already using, and assistive technology announces
+     * "checked, unavailable" without needing any extra words.
+     */
+    const purposeRow = (key, name, explanation, control, interactive) => {
+        // A wrapping <label> names the box for assistive technology and makes the words clickable, without
+        // the control having to accept an id. `col-start-2` puts the explanation under the NAME rather
+        // than under the control, which is what keeps the two-line row scannable.
+        const Row = interactive ? 'label' : 'div';
+        return (_jsxs(Row, { className: cn('grid grid-cols-[auto_1fr] items-center gap-x-element-sm px-element py-element-sm', interactive && 'cursor-pointer'), children: [control, _jsx("span", { className: "font-medium", children: name }), _jsx("span", { className: cn(description.base, 'col-start-2 text-xs'), children: explanation })] }, key));
+    };
+    const purposeRows = offeredOptional.length > 0 && (_jsxs("div", { className: "flex flex-col divide-y divide-border overflow-hidden rounded-md border border-border", children: [purposeRow('essential', label(AppLayoutsConsentGateLabel.ESSENTIAL_TITLE), label(AppLayoutsConsentGateLabel.ESSENTIAL_DESCRIPTION), _jsx(Checkbox, { name: "consent-purpose-essential", schema: PURPOSE_CHOICE_SCHEMA, checked: true, disabled: true }), false), offeredOptional.map((purpose) => purposeRow(purpose, purposeName(purpose), label(PURPOSE_DESCRIPTION_LABELS[purpose]), _jsx(Checkbox, { name: `consent-purpose-${purpose}`, schema: PURPOSE_CHOICE_SCHEMA, checked: selected.includes(purpose), disabled: gate.isSaving, onCheckedChange: (checked) => toggle(purpose, checked) }), true))] }));
+    /*
+     * The application's own privacy notice, when it serves one — resolved through the same function the
+     * public page uses, so the panel never offers a link to a document that is not in force. A consent
+     * surface is required to say where the full explanation is; a link to a page that answers
+     * "unavailable" is worse than no link, which is why this is conditional rather than always drawn.
+     */
+    const privacyNoticeIsServed = resolveInForcePublicDocument(appConfig.compliance?.publicDocuments ?? [], PUBLIC_GOVERNED_DOCUMENT_REFS.PRIVACY_NOTICE, new Date().toISOString(), 
+    // The page's own gate (#1565), so the link is drawn exactly when the page would show the notice.
+    { requireApproved: requiresApprovedGovernedDocuments(appConfig.compliance) }) !== undefined;
+    const privacyNoticeLink = privacyNoticeIsServed && (_jsx(Link, { href: PUBLIC_GOVERNED_DOCUMENT_ROUTE_PATHS[PUBLIC_GOVERNED_DOCUMENT_REFS.PRIVACY_NOTICE], external: true, target: "_blank", rel: "noreferrer", className: "text-sm", children: label(AppLayoutsConsentGateLabel.PRIVACY_NOTICE_LINK) }));
+    if (gate.status === ConsentGateStatus.REQUIRED) {
+        // Optional purposes are asked HERE too, in the same decision. Agreeing to the required purposes
+        // records a decision instant, so a separate prompt afterwards would never appear — and a person
+        // would have been asked about the purposes the operator needs but never about the ones it merely uses.
+        const required = gate.missingRequiredPurposes;
+        // The panel stands in for the WHOLE shell, so no zone's scroll container is around it and the page itself
+        // does not scroll (`html, body { overflow: hidden }`). Its own scroll box is what keeps agree and sign-out —
+        // the only ways forward — reachable on a short viewport or under a long operator description.
+        return (_jsx("div", { className: "h-dvh overflow-y-auto", children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsxs("section", { "data-slot": "consent-gate-required", "aria-labelledby": headingId, "aria-busy": gate.isSaving, className: "mx-auto my-section flex max-w-prose flex-col gap-card p-card", children: [_jsx("h1", { id: headingId, className: cn(heading.base, heading.sizes?.lg), children: label(AppLayoutsConsentGateLabel.REQUIRED_TITLE) }), _jsx("p", { className: description.base, children: label(AppLayoutsConsentGateLabel.REQUIRED_DESCRIPTION) }), _jsx("ul", { className: "flex list-disc flex-col gap-element pl-6", children: gate.missingRequiredPurposes.map((purpose) => (_jsxs("li", { className: "flex flex-col gap-element-sm", children: [_jsx("span", { className: "font-medium", children: purposeName(purpose) }), _jsx("span", { className: cn(description.base, 'text-xs'), children: label(PURPOSE_DESCRIPTION_LABELS[purpose]) })] }, purpose))) }), gate.gatedProcessing && (_jsxs("div", { className: "flex flex-col gap-element-sm", children: [_jsx("p", { className: cn(description.base, 'font-medium'), children: label(AppLayoutsConsentGateLabel.GATED_PROCESSING) }), _jsx("p", { children: gate.gatedProcessing })] })), purposeRows && (_jsxs("div", { className: "flex flex-col gap-element-sm", children: [_jsx("p", { className: description.base, children: label(AppLayoutsConsentGateLabel.PROMPT_DESCRIPTION) }), purposeRows] })), privacyNoticeLink, saveFailed, _jsxs("div", { className: "flex flex-wrap justify-end gap-element", children: [_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, disabled: gate.isSaving, onClick: gate.signOut, children: label(AppLayoutsConsentGateLabel.SIGN_OUT) }), _jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, disabled: gate.isSaving, onClick: () => void gate.decide([...required, ...offeredOptional], [...required, ...selected]), children: label(offeredOptional.length > 0 ? AppLayoutsConsentGateLabel.SAVE_CHOICE : AppLayoutsConsentGateLabel.GRANT_ALL) })] })] }) }) }));
+    }
+    if (gate.status !== ConsentGateStatus.PROMPT)
+        return null;
+    const offered = offeredOptional;
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsxs("section", { "data-slot": "consent-gate-prompt", "aria-labelledby": headingId, "aria-busy": gate.isSaving, 
+            /*
+             * Bottom-RIGHT corner from `sm` up, full width below it. `inset-x-0` keeps the phone case a
+             * bar — a corner card on a 360px viewport is just a cramped bar with worse margins — and the
+             * `sm:` overrides release the left edge so it hugs the right on anything larger.
+             */
+            className: "fixed inset-x-0 bottom-0 z-50 flex max-h-[85dvh] max-w-lg flex-col gap-element-sm p-element shadow-lg sm:bottom-4 sm:left-auto sm:right-4 sm:rounded-lg", children: [_jsx("h2", { id: headingId, className: cn(heading.base, heading.sizes?.md), children: label(AppLayoutsConsentGateLabel.PROMPT_TITLE) }), _jsx("p", { className: description.base, children: label(AppLayoutsConsentGateLabel.PROMPT_DESCRIPTION) }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: purposeRows }), saveFailed, _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-element", children: [_jsx("span", { children: privacyNoticeLink }), _jsxs("div", { className: "flex flex-wrap justify-end gap-element", children: [_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, disabled: gate.isSaving, onClick: () => void gate.decide(offered, []), children: label(AppLayoutsConsentGateLabel.DECLINE_ALL) }), offered.length > 1 && (_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, disabled: gate.isSaving, onClick: () => void gate.decide(offered, selected), children: label(AppLayoutsConsentGateLabel.SAVE_CHOICE) })), _jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, disabled: gate.isSaving, onClick: () => void gate.decide(offered, offered), children: label(AppLayoutsConsentGateLabel.GRANT_ALL) })] })] })] }) }));
+}
+//# sourceMappingURL=app-layout-consent-gate.js.map

package/dist/esm/components/app/app-layout-consent-gate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-layout-consent-gate.js","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-consent-gate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useId, useState } from 'react';\nimport { z } from 'zod';\n\nimport {\n  Alert,\n  AlertDescription,\n  Button,\n  ButtonVariants_Variant,\n  Checkbox,\n  ConsentGateStatus,\n  Link,\n  Surface,\n  cn,\n  useApplication,\n  useI18n,\n  useUI,\n  type AppLayoutPreset_ConsentGate_DefaultProps,\n} from '@wildo-ai/saas-frontend-lib';\nimport {\n  ConsentPurpose,\n  CoreResourceType,\n  PUBLIC_GOVERNED_DOCUMENT_REFS,\n  PUBLIC_GOVERNED_DOCUMENT_ROUTE_PATHS,\n  UserPrivacySchema,\n  requiresApprovedGovernedDocuments,\n  resolveInForcePublicDocument,\n} from '@wildo-ai/saas-models';\nimport { getZodObjectShape } from '@wildo-ai/zod-decorators';\nimport {\n  AppLayoutsConsentGateLabel,\n  FrontendComponentType,\n  SurfaceVariant,\n  TypographyVariant,\n  UIBehavior,\n} from '@wildo-ai/presets-components-models';\n\nconst CT = FrontendComponentType.APP_LAYOUTS_CONSENT_GATE;\n\n/**\n * The self-preferences field that stores granted purposes. Its schema is handed to the enum-word lookup\n * because a value is worded only through the enum its FIELD declares (#966). That field declares\n * `.systemEnum('ConsentPurpose')`, so the lookup reads `system_enums.ConsentPurpose.<value>` — the bundle\n * this gate loads (`keys: ['system_enums']`) and the same words the preferences page shows for the field.\n */\nconst CONSENTED_PURPOSES_FIELD_SCHEMA = getZodObjectShape(UserPrivacySchema).consentedPurposes;\n\n/** A purpose's tick box: a statement a person either makes or does not. */\nconst PURPOSE_CHOICE_SCHEMA = z.boolean();\n\n/**\n * What each purpose MEANS for the person, beside its name.\n *\n * The name answers *what is it called* and comes from the `ConsentPurpose` vocabulary; this answers\n * *what will happen to me*, and without it the choice is not an informed one — \"Analytics\" beside a\n * tick box tells a reader nothing they can decide on. Every specialized consent platform pairs the\n * two for exactly this reason, and this panel showed only the first half.\n *\n * TOTAL over the vocabulary by its type: a purpose added to `ConsentPurpose` is a compile error here\n * rather than a row that silently renders a name and no explanation.\n */\nconst PURPOSE_DESCRIPTION_LABELS: Readonly<Record<ConsentPurpose, AppLayoutsConsentGateLabel>> = Object.freeze({\n  [ConsentPurpose.ANALYTICS]: AppLayoutsConsentGateLabel.PURPOSE_DESCRIPTION_ANALYTICS,\n  [ConsentPurpose.MARKETING]: AppLayoutsConsentGateLabel.PURPOSE_DESCRIPTION_MARKETING,\n});\n\n/**\n * Default rendering of the application-tier consent gate (#534 / #453).\n *\n * The wrapper has already decided WHETHER and HOW the gate shows (`AppLayout_ConsentGate`); this preset\n * only draws the two surfaces.\n *\n * - **Required** — a full panel in place of the whole application shell, which the wrapper withholds. It names each purpose the operator requires, in\n *   the vocabulary's own words, quotes the operator's description of what it gates, and offers exactly\n *   two ways forward: agree, or sign out. Any optional purpose is asked in the same panel, unticked. Nothing here can let the person past without agreeing; the\n *   wrapper does not render the application while this is shown.\n * - **Prompt** — a fixed panel over the application, one box per optional purpose, NONE ticked by default.\n *   A pre-ticked box is not a choice. \"Decline all\" is a first-class action and is recorded as a\n *   decision, so the prompt does not return; closing without deciding is deliberately not offered,\n *   because it would leave the question open forever and still read as an answer.\n *\n * Purpose names are the words of the `ConsentPurpose` vocabulary (`system_enums.ConsentPurpose.<value>`),\n * reached through the field that stores them (`privacy.consentedPurposes`, which declares that vocabulary),\n * so the gate and the preferences page cannot word a purpose differently.\n */\nexport function AppLayoutPreset_ConsentGate_Default({ gate }: AppLayoutPreset_ConsentGate_DefaultProps): React.JSX.Element | null {\n  const { tComponent, tResourceFieldEnumValue, isReady } = useI18n({ component: CT, keys: ['system_enums'] });\n  const { appConfig } = useApplication();\n  const { getRecipe } = useUI();\n  const heading = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);\n  const description = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n  const headingId = useId();\n  const [selected, setSelected] = useState<ConsentPurpose[]>(() => gate.grantedPurposes.filter((purpose) => gate.optionalPurposes.includes(purpose)));\n\n  if (!isReady) return null;\n\n  const label = (key: AppLayoutsConsentGateLabel): string => tComponent(CT, key);\n  const purposeName = (purpose: ConsentPurpose): string =>\n    tResourceFieldEnumValue(CoreResourceType.USER_SELF_PREFERENCES, 'privacy.consentedPurposes', purpose, CONSENTED_PURPOSES_FIELD_SCHEMA);\n  const saveFailed = gate.saveFailed && (\n    <Alert variant=\"destructive\">\n      <AlertDescription>{label(AppLayoutsConsentGateLabel.SAVE_FAILED)}</AlertDescription>\n    </Alert>\n  );\n\n  const offeredOptional = gate.optionalPurposes;\n  const toggle = (purpose: ConsentPurpose, checked: boolean): void => {\n    setSelected((current) => (checked ? [...current.filter((entry) => entry !== purpose), purpose] : current.filter((entry) => entry !== purpose)));\n  };\n  /*\n   * One row per purpose: its NAME, what agreeing to it MEANS for this person, and the control —\n   * the shape every specialized consent platform converged on, and the half that was missing. A tick\n   * box labelled \"Analytics\" is a choice nobody can make informedly, and an informed choice is the\n   * whole of what makes consent valid.\n   *\n   * The ALWAYS-ACTIVE row comes first and carries no control. It is not a `ConsentPurpose` and must\n   * never become one — the vocabulary is what a person DECIDES — but a panel that lists only the\n   * optional purposes leaves a reader unable to see the whole picture, which is exactly what they\n   * opened it for.\n   *\n   * ## Every row has the SAME shape, including the one that cannot be changed\n   *\n   * A two-column grid: the control, then the name on its line, then the explanation beneath the name.\n   * The always-active row carries a real checkbox — CHECKED and DISABLED — rather than a text status\n   * beside the name.\n   *\n   * That reverses an earlier reading of this panel, and the reversal is the point. The argument for a\n   * status was that a disabled control invites a click that cannot work; the argument against it is\n   * stronger and is what every specialized consent platform does: a person scanning the list reads\n   * DOWN the column of controls, and a row whose control is missing does not read as \"cannot be\n   * changed\", it reads as a row that was forgotten. A checked, disabled box says the same thing in\n   * the vocabulary the rest of the list is already using, and assistive technology announces\n   * \"checked, unavailable\" without needing any extra words.\n   */\n  const purposeRow = (key: string, name: string, explanation: string, control: React.ReactNode, interactive: boolean): React.JSX.Element => {\n    // A wrapping <label> names the box for assistive technology and makes the words clickable, without\n    // the control having to accept an id. `col-start-2` puts the explanation under the NAME rather\n    // than under the control, which is what keeps the two-line row scannable.\n    const Row = interactive ? 'label' : 'div';\n    return (\n      <Row key={key} className={cn('grid grid-cols-[auto_1fr] items-center gap-x-element-sm px-element py-element-sm', interactive && 'cursor-pointer')}>\n        {control}\n        <span className=\"font-medium\">{name}</span>\n        <span className={cn(description.base, 'col-start-2 text-xs')}>{explanation}</span>\n      </Row>\n    );\n  };\n\n  const purposeRows = offeredOptional.length > 0 && (\n    <div className=\"flex flex-col divide-y divide-border overflow-hidden rounded-md border border-border\">\n      {purposeRow(\n        'essential',\n        label(AppLayoutsConsentGateLabel.ESSENTIAL_TITLE),\n        label(AppLayoutsConsentGateLabel.ESSENTIAL_DESCRIPTION),\n        <Checkbox name=\"consent-purpose-essential\" schema={PURPOSE_CHOICE_SCHEMA} checked disabled />,\n        false,\n      )}\n      {offeredOptional.map((purpose) => purposeRow(\n        purpose,\n        purposeName(purpose),\n        label(PURPOSE_DESCRIPTION_LABELS[purpose]),\n        <Checkbox\n          name={`consent-purpose-${purpose}`}\n          schema={PURPOSE_CHOICE_SCHEMA}\n          checked={selected.includes(purpose)}\n          disabled={gate.isSaving}\n          onCheckedChange={(checked) => toggle(purpose, checked)}\n        />,\n        true,\n      ))}\n    </div>\n  );\n\n  /*\n   * The application's own privacy notice, when it serves one — resolved through the same function the\n   * public page uses, so the panel never offers a link to a document that is not in force. A consent\n   * surface is required to say where the full explanation is; a link to a page that answers\n   * \"unavailable\" is worse than no link, which is why this is conditional rather than always drawn.\n   */\n  const privacyNoticeIsServed = resolveInForcePublicDocument(\n    appConfig.compliance?.publicDocuments ?? [],\n    PUBLIC_GOVERNED_DOCUMENT_REFS.PRIVACY_NOTICE,\n    new Date().toISOString(),\n    // The page's own gate (#1565), so the link is drawn exactly when the page would show the notice.\n    { requireApproved: requiresApprovedGovernedDocuments(appConfig.compliance) },\n  ) !== undefined;\n  const privacyNoticeLink = privacyNoticeIsServed && (\n    <Link\n      href={PUBLIC_GOVERNED_DOCUMENT_ROUTE_PATHS[PUBLIC_GOVERNED_DOCUMENT_REFS.PRIVACY_NOTICE]}\n      external\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      className=\"text-sm\"\n    >\n      {label(AppLayoutsConsentGateLabel.PRIVACY_NOTICE_LINK)}\n    </Link>\n  );\n\n  if (gate.status === ConsentGateStatus.REQUIRED) {\n    // Optional purposes are asked HERE too, in the same decision. Agreeing to the required purposes\n    // records a decision instant, so a separate prompt afterwards would never appear — and a person\n    // would have been asked about the purposes the operator needs but never about the ones it merely uses.\n    const required = gate.missingRequiredPurposes;\n    // The panel stands in for the WHOLE shell, so no zone's scroll container is around it and the page itself\n    // does not scroll (`html, body { overflow: hidden }`). Its own scroll box is what keeps agree and sign-out —\n    // the only ways forward — reachable on a short viewport or under a long operator description.\n    return (\n      <div className=\"h-dvh overflow-y-auto\">\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n        {/*\n          * `data-slot` names the panel for the same reason every other preset carries one: it is how\n          * this design system addresses a composed part from outside itself. Here that outside is\n          * the accessibility audit (#1385), which must be able to WAIT for the panel before reading\n          * it — and the alternatives are worse. A heading's text is whatever the locale says, and a\n          * bare `section[aria-labelledby]` matches any landmark the shell happens to render.\n          */}\n        <section data-slot=\"consent-gate-required\" aria-labelledby={headingId} aria-busy={gate.isSaving} className=\"mx-auto my-section flex max-w-prose flex-col gap-card p-card\">\n          <h1 id={headingId} className={cn(heading.base, heading.sizes?.lg)}>{label(AppLayoutsConsentGateLabel.REQUIRED_TITLE)}</h1>\n          <p className={description.base}>{label(AppLayoutsConsentGateLabel.REQUIRED_DESCRIPTION)}</p>\n          {/*\n            * Each required purpose with its EXPLANATION, exactly as the optional rows carry theirs.\n            *\n            * This list held bare names while the optional purposes below gained a sentence each —\n            * which is the wrong way round, and was an invariant applied at one of its two sites. A\n            * required purpose is the one a person cannot use the application without granting, so it\n            * is the decision with the highest stakes and the one most in need of saying what it means.\n            * Consent that is not informed is not consent, and that does not become less true because\n            * the operator has made the purpose a condition.\n            */}\n          <ul className=\"flex list-disc flex-col gap-element pl-6\">\n            {gate.missingRequiredPurposes.map((purpose) => (\n              <li key={purpose} className=\"flex flex-col gap-element-sm\">\n                <span className=\"font-medium\">{purposeName(purpose)}</span>\n                <span className={cn(description.base, 'text-xs')}>{label(PURPOSE_DESCRIPTION_LABELS[purpose])}</span>\n              </li>\n            ))}\n          </ul>\n          {gate.gatedProcessing && (\n            <div className=\"flex flex-col gap-element-sm\">\n              <p className={cn(description.base, 'font-medium')}>{label(AppLayoutsConsentGateLabel.GATED_PROCESSING)}</p>\n              {/* The operator's own words, from its declaration — authored content, not a label. */}\n              <p>{gate.gatedProcessing}</p>\n            </div>\n          )}\n          {purposeRows && (\n            <div className=\"flex flex-col gap-element-sm\">\n              <p className={description.base}>{label(AppLayoutsConsentGateLabel.PROMPT_DESCRIPTION)}</p>\n              {purposeRows}\n            </div>\n          )}\n          {privacyNoticeLink}\n          {saveFailed}\n          <div className=\"flex flex-wrap justify-end gap-element\">\n            <Button variant={ButtonVariants_Variant.OUTLINE} disabled={gate.isSaving} onClick={gate.signOut}>\n              {label(AppLayoutsConsentGateLabel.SIGN_OUT)}\n            </Button>\n            {/*\n              * `> 0` here, where the PROMPT panel uses `> 1`, and the two thresholds are right for\n              * different reasons rather than one of them being unswept.\n              *\n              * In PROMPT, SAVE is a THIRD button standing beside allow-none and allow-all; with a\n              * single optional purpose it can only repeat one of them, which is what made a reader\n              * ask what it was for. HERE it is the ONLY way forward — required purposes cannot be\n              * declined, so there is no allow-none, and no second button to compare it against. With\n              * one optional purpose the button still commits a CHOICE (the required set, plus that\n              * purpose only if it is ticked), so \"save choice\" is what it does and \"allow all\" would\n              * be false whenever the box is left unticked.\n              */}\n            {/*\n              * OUTLINE, like its sign-out sibling — the PROMPT panel's equal-weight rule reaches here\n              * too, and this panel was an unexamined exception to a rule stated absolutely.\n              *\n              * The pair is different (agree / sign out rather than accept / reject) and the stakes are\n              * higher, not lower: this panel also collects the OPTIONAL purposes, so a filled primary\n              * beside a quiet alternative is a nudge applied to a consent decision, which is the thing\n              * CNIL fined over. What the person came here to do is read two options and choose; making\n              * one of them shout is not neutral, and a panel that has already withheld the whole\n              * application does not additionally need emphasis to be noticed.\n              */}\n            <Button\n              variant={ButtonVariants_Variant.OUTLINE}\n              disabled={gate.isSaving}\n              onClick={() => void gate.decide([...required, ...offeredOptional], [...required, ...selected])}\n            >\n              {label(offeredOptional.length > 0 ? AppLayoutsConsentGateLabel.SAVE_CHOICE : AppLayoutsConsentGateLabel.GRANT_ALL)}\n            </Button>\n          </div>\n        </section>\n      </Surface>\n      </div>\n    );\n  }\n\n  if (gate.status !== ConsentGateStatus.PROMPT) return null;\n\n  const offered = offeredOptional;\n\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n      <section\n        data-slot=\"consent-gate-prompt\"\n        aria-labelledby={headingId}\n        aria-busy={gate.isSaving}\n        /*\n         * Bottom-RIGHT corner from `sm` up, full width below it. `inset-x-0` keeps the phone case a\n         * bar — a corner card on a 360px viewport is just a cramped bar with worse margins — and the\n         * `sm:` overrides release the left edge so it hugs the right on anything larger.\n         */\n        className=\"fixed inset-x-0 bottom-0 z-50 flex max-h-[85dvh] max-w-lg flex-col gap-element-sm p-element shadow-lg sm:bottom-4 sm:left-auto sm:right-4 sm:rounded-lg\"\n      >\n        <h2 id={headingId} className={cn(heading.base, heading.sizes?.md)}>{label(AppLayoutsConsentGateLabel.PROMPT_TITLE)}</h2>\n        <p className={description.base}>{label(AppLayoutsConsentGateLabel.PROMPT_DESCRIPTION)}</p>\n        {/*\n          * The purpose rows scroll, the panel does not: `max-h-[85dvh]` on the panel with the rows in\n          * a `min-h-0` scroll box keeps the ACTIONS on screen however many purposes there are and\n          * however long their explanations. A panel that grows with its content pushes accept and\n          * reject off the bottom of a short viewport — a consent surface whose refusal cannot be\n          * reached is a refusal that was not offered, whatever the markup says.\n          */}\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{purposeRows}</div>\n        {saveFailed}\n        {/*\n          * The notice link shares the ACTIONS' line rather than taking one of its own: it is where the\n          * full answer is, not a fourth thing to do, and a row of its own gave it the weight of one.\n          * `justify-between` puts it at the leading edge with the actions at the trailing edge, and\n          * `flex-wrap` lets it drop above them on a narrow panel rather than squeezing the buttons.\n          */}\n        <div className=\"flex flex-wrap items-center justify-between gap-element\">\n          <span>{privacyNoticeLink}</span>\n          <div className=\"flex flex-wrap justify-end gap-element\">\n          {/*\n            * DECLINE and GRANT carry the SAME variant, and NEITHER is the filled one.\n            *\n            * Equality is the constraint: refusing was an OUTLINE button beside a filled GRANT, which\n            * is the asymmetry regulators treat as a dark pattern — CNIL fined Google and Meta over\n            * banners where rejecting was visually subordinate to accepting, on the ground that consent\n            * obtained that way is not freely given. So the pair moves together or not at all; making\n            * only one of them quiet is the thing that may never happen here.\n            *\n            * Which variant the PAIR takes is then free, and OUTLINE is the better answer: two filled\n            * buttons shouting side by side read as an alert rather than a question, and a consent\n            * panel deliberately has no recommended action — the absence of a primary is the honest\n            * rendering of \"we are not nudging you either way\".\n            */}\n          <Button variant={ButtonVariants_Variant.OUTLINE} disabled={gate.isSaving} onClick={() => void gate.decide(offered, [])}>\n            {label(AppLayoutsConsentGateLabel.DECLINE_ALL)}\n          </Button>\n          {/*\n            * SAVE appears only when a MIXED choice exists to save — two or more optional purposes.\n            *\n            * With one purpose the button is unanswerable: \"allow none\" and \"allow all\" already cover\n            * the whole space, so a third action beside them describes nothing a person can picture,\n            * and they read it as a question rather than an answer. With two or more it is the only\n            * control that can express \"this one and not that one\", which is precisely what the boxes\n            * above are for.\n            *\n            * Derived from the offered set rather than declared, so an application that adds a second\n            * purpose gets the control with no edit here, and one that removes it loses the control\n            * rather than keeping a button that can only repeat its neighbours.\n            */}\n          {offered.length > 1 && (\n            <Button variant={ButtonVariants_Variant.OUTLINE} disabled={gate.isSaving} onClick={() => void gate.decide(offered, selected)}>\n              {label(AppLayoutsConsentGateLabel.SAVE_CHOICE)}\n            </Button>\n          )}\n          <Button variant={ButtonVariants_Variant.OUTLINE} disabled={gate.isSaving} onClick={() => void gate.decide(offered, offered)}>\n            {label(AppLayoutsConsentGateLabel.GRANT_ALL)}\n          </Button>\n          </div>\n        </div>\n      </section>\n    </Surface>\n  );\n}\n"]}

package/dist/esm/components/app/app-layout-document-acceptance-gate.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type AppLayoutPreset_DocumentAcceptanceGate_DefaultProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * Default rendering of the application-tier document acceptance gate (#1258, Step 2).
+ *
+ * The wrapper has already decided that an acceptance is owed and withholds the whole shell; this preset
+ * draws the panel that stands in for it. It offers exactly two ways forward — accept, or sign out — and
+ * asks through the SAME acceptance control registration uses, so the three modes, the reading gate and
+ * the document links behave identically on both surfaces.
+ *
+ * Both actions are OUTLINE, for the reason the consent panels give: a filled primary beside a quiet
+ * alternative is a nudge applied to an agreement, and a panel that has already withheld the application
+ * needs no emphasis to be noticed.
+ *
+ * `data-slot="document-acceptance-gate"` names it for the accessibility audit, which must wait for it
+ * by selector — it cannot be reached by navigating.
+ */
+export declare function AppLayoutPreset_DocumentAcceptanceGate_Default({ gate }: AppLayoutPreset_DocumentAcceptanceGate_DefaultProps): React.JSX.Element | null;
+//# sourceMappingURL=app-layout-document-acceptance-gate.d.ts.map

package/dist/esm/components/app/app-layout-document-acceptance-gate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-layout-document-acceptance-gate.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-document-acceptance-gate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAUL,KAAK,mDAAmD,EACzD,MAAM,6BAA6B,CAAC;AAiCrC;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,8CAA8C,CAAC,EAAE,IAAI,EAAE,EAAE,mDAAmD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8CtJ"}

package/dist/esm/components/app/app-layout-document-acceptance-gate.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from 'react';
+import { Alert, AlertDescription, Button, ButtonVariants_Variant, GovernedDocumentAcceptanceControl, Surface, cn, useI18n, useUI, } from '@wildo-ai/saas-frontend-lib';
+import { GovernedDocumentAcceptanceOwedReason } from '@wildo-ai/saas-models';
+import { AppLayoutsDocumentAcceptanceGateLabel, FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior, } from '@wildo-ai/presets-components-models';
+const CT = FrontendComponentType.APP_LAYOUTS_DOCUMENT_ACCEPTANCE_GATE;
+/** The acceptance control's own words live in this namespace (see `GovernedDocumentAcceptanceControl`). */
+const ACCEPTANCE_WORDS = FrontendComponentType.PUBLIC_LAYOUTS_USER_REGISTER;
+/**
+ * The heading and description for each reason a person is asked.
+ *
+ * TOTAL over `GovernedDocumentAcceptanceOwedReason` by its type: a reason added tomorrow is a compile
+ * error here rather than a panel that silently borrows the wrong sentence. "We have never recorded your
+ * agreement" and "the terms you agreed to have changed" are different statements, and one generic
+ * sentence would be false for somebody.
+ */
+const REASON_WORDS = Object.freeze({
+    [GovernedDocumentAcceptanceOwedReason.NEVER_ACCEPTED]: {
+        title: AppLayoutsDocumentAcceptanceGateLabel.NEVER_ACCEPTED_TITLE,
+        description: AppLayoutsDocumentAcceptanceGateLabel.NEVER_ACCEPTED_DESCRIPTION,
+    },
+    [GovernedDocumentAcceptanceOwedReason.MATERIALLY_CHANGED]: {
+        title: AppLayoutsDocumentAcceptanceGateLabel.MATERIALLY_CHANGED_TITLE,
+        description: AppLayoutsDocumentAcceptanceGateLabel.MATERIALLY_CHANGED_DESCRIPTION,
+    },
+});
+/**
+ * Default rendering of the application-tier document acceptance gate (#1258, Step 2).
+ *
+ * The wrapper has already decided that an acceptance is owed and withholds the whole shell; this preset
+ * draws the panel that stands in for it. It offers exactly two ways forward — accept, or sign out — and
+ * asks through the SAME acceptance control registration uses, so the three modes, the reading gate and
+ * the document links behave identically on both surfaces.
+ *
+ * Both actions are OUTLINE, for the reason the consent panels give: a filled primary beside a quiet
+ * alternative is a nudge applied to an agreement, and a panel that has already withheld the application
+ * needs no emphasis to be noticed.
+ *
+ * `data-slot="document-acceptance-gate"` names it for the accessibility audit, which must wait for it
+ * by selector — it cannot be reached by navigating.
+ */
+export function AppLayoutPreset_DocumentAcceptanceGate_Default({ gate }) {
+    const components = useMemo(() => [CT, ACCEPTANCE_WORDS], []);
+    const { tComponent, isReady } = useI18n({ component: components });
+    const { getRecipe } = useUI();
+    const heading = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);
+    const description = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    const headingId = useId();
+    if (!isReady || gate.reason === undefined)
+        return null;
+    const label = (key) => tComponent(CT, key);
+    const acceptanceWord = (key) => tComponent(ACCEPTANCE_WORDS, key);
+    const words = REASON_WORDS[gate.reason];
+    return (_jsx("div", { className: "h-dvh overflow-y-auto", children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsxs("section", { "data-slot": "document-acceptance-gate", "aria-labelledby": headingId, "aria-busy": gate.isSaving, className: "mx-auto my-section flex max-w-prose flex-col gap-card p-card", children: [_jsx("h1", { id: headingId, className: cn(heading.base, heading.sizes?.lg), children: label(words.title) }), _jsx("p", { className: description.base, children: label(words.description) }), _jsx(GovernedDocumentAcceptanceControl, { state: gate.acceptance, t: acceptanceWord, tComponent: tComponent }), gate.saveFailed && (_jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { children: label(AppLayoutsDocumentAcceptanceGateLabel.SAVE_FAILED) }) })), _jsxs("div", { className: "flex flex-wrap justify-end gap-element", children: [_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, disabled: gate.isSaving, onClick: gate.signOut, children: label(AppLayoutsDocumentAcceptanceGateLabel.SIGN_OUT) }), _jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, disabled: gate.isSaving || !gate.canAccept, onClick: () => void gate.accept(), children: label(AppLayoutsDocumentAcceptanceGateLabel.ACCEPT_AND_CONTINUE) })] })] }) }) }));
+}
+//# sourceMappingURL=app-layout-document-acceptance-gate.js.map

package/dist/esm/components/app/app-layout-document-acceptance-gate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-layout-document-acceptance-gate.js","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-document-acceptance-gate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useId, useMemo } from 'react';\nimport {\n  Alert,\n  AlertDescription,\n  Button,\n  ButtonVariants_Variant,\n  GovernedDocumentAcceptanceControl,\n  Surface,\n  cn,\n  useI18n,\n  useUI,\n  type AppLayoutPreset_DocumentAcceptanceGate_DefaultProps,\n} from '@wildo-ai/saas-frontend-lib';\nimport { GovernedDocumentAcceptanceOwedReason } from '@wildo-ai/saas-models';\nimport {\n  AppLayoutsDocumentAcceptanceGateLabel,\n  FrontendComponentType,\n  SurfaceVariant,\n  TypographyVariant,\n  UIBehavior,\n} from '@wildo-ai/presets-components-models';\n\nconst CT = FrontendComponentType.APP_LAYOUTS_DOCUMENT_ACCEPTANCE_GATE;\n/** The acceptance control's own words live in this namespace (see `GovernedDocumentAcceptanceControl`). */\nconst ACCEPTANCE_WORDS = FrontendComponentType.PUBLIC_LAYOUTS_USER_REGISTER;\n\n/**\n * The heading and description for each reason a person is asked.\n *\n * TOTAL over `GovernedDocumentAcceptanceOwedReason` by its type: a reason added tomorrow is a compile\n * error here rather than a panel that silently borrows the wrong sentence. \"We have never recorded your\n * agreement\" and \"the terms you agreed to have changed\" are different statements, and one generic\n * sentence would be false for somebody.\n */\nconst REASON_WORDS: Readonly<Record<GovernedDocumentAcceptanceOwedReason, { title: AppLayoutsDocumentAcceptanceGateLabel; description: AppLayoutsDocumentAcceptanceGateLabel }>> = Object.freeze({\n  [GovernedDocumentAcceptanceOwedReason.NEVER_ACCEPTED]: {\n    title: AppLayoutsDocumentAcceptanceGateLabel.NEVER_ACCEPTED_TITLE,\n    description: AppLayoutsDocumentAcceptanceGateLabel.NEVER_ACCEPTED_DESCRIPTION,\n  },\n  [GovernedDocumentAcceptanceOwedReason.MATERIALLY_CHANGED]: {\n    title: AppLayoutsDocumentAcceptanceGateLabel.MATERIALLY_CHANGED_TITLE,\n    description: AppLayoutsDocumentAcceptanceGateLabel.MATERIALLY_CHANGED_DESCRIPTION,\n  },\n});\n\n/**\n * Default rendering of the application-tier document acceptance gate (#1258, Step 2).\n *\n * The wrapper has already decided that an acceptance is owed and withholds the whole shell; this preset\n * draws the panel that stands in for it. It offers exactly two ways forward — accept, or sign out — and\n * asks through the SAME acceptance control registration uses, so the three modes, the reading gate and\n * the document links behave identically on both surfaces.\n *\n * Both actions are OUTLINE, for the reason the consent panels give: a filled primary beside a quiet\n * alternative is a nudge applied to an agreement, and a panel that has already withheld the application\n * needs no emphasis to be noticed.\n *\n * `data-slot=\"document-acceptance-gate\"` names it for the accessibility audit, which must wait for it\n * by selector — it cannot be reached by navigating.\n */\nexport function AppLayoutPreset_DocumentAcceptanceGate_Default({ gate }: AppLayoutPreset_DocumentAcceptanceGate_DefaultProps): React.JSX.Element | null {\n  const components = useMemo(() => [CT, ACCEPTANCE_WORDS], []);\n  const { tComponent, isReady } = useI18n({ component: components });\n  const { getRecipe } = useUI();\n  const heading = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);\n  const description = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n  const headingId = useId();\n\n  if (!isReady || gate.reason === undefined) return null;\n  const label = (key: AppLayoutsDocumentAcceptanceGateLabel): string => tComponent(CT, key);\n  const acceptanceWord = (key: string): string => tComponent(ACCEPTANCE_WORDS, key);\n  const words = REASON_WORDS[gate.reason];\n\n  return (\n    <div className=\"h-dvh overflow-y-auto\">\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n        <section\n          data-slot=\"document-acceptance-gate\"\n          aria-labelledby={headingId}\n          aria-busy={gate.isSaving}\n          className=\"mx-auto my-section flex max-w-prose flex-col gap-card p-card\"\n        >\n          <h1 id={headingId} className={cn(heading.base, heading.sizes?.lg)}>{label(words.title)}</h1>\n          <p className={description.base}>{label(words.description)}</p>\n          <GovernedDocumentAcceptanceControl state={gate.acceptance} t={acceptanceWord} tComponent={tComponent} />\n          {gate.saveFailed && (\n            <Alert variant=\"destructive\">\n              <AlertDescription>{label(AppLayoutsDocumentAcceptanceGateLabel.SAVE_FAILED)}</AlertDescription>\n            </Alert>\n          )}\n          <div className=\"flex flex-wrap justify-end gap-element\">\n            <Button variant={ButtonVariants_Variant.OUTLINE} disabled={gate.isSaving} onClick={gate.signOut}>\n              {label(AppLayoutsDocumentAcceptanceGateLabel.SIGN_OUT)}\n            </Button>\n            <Button\n              variant={ButtonVariants_Variant.OUTLINE}\n              disabled={gate.isSaving || !gate.canAccept}\n              onClick={() => void gate.accept()}\n            >\n              {label(AppLayoutsDocumentAcceptanceGateLabel.ACCEPT_AND_CONTINUE)}\n            </Button>\n          </div>\n        </section>\n      </Surface>\n    </div>\n  );\n}\n"]}

package/dist/esm/components/app/app-layout-main-container.d.ts

@@ -1,4 +1,13 @@
 import React from 'react';
 import { AppLayoutPreset_MainContainer_DefaultProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * The default signed-in shell: the regions in a flex arrangement — activity bar and sidebar at the start edge,
+ * a column of status bar / menubar / toolbar / content / status bar, the utility panel at the end edge.
+ *
+ * Composed from the shell building blocks (`AppShellProviders`, `AppShellRegionOutlet`, `AppShellContentOutlet`,
+ * `AppShellOverlaysOutlet`, `useAppShellFirstReady`, #1842), so this file decides only the ARRANGEMENT and the
+ * shell's own surface; another layout can arrange the same regions differently without copying it. Its rendered
+ * DOM is pinned for every layout configuration by `app-layout-main-container.dom-snapshot.test.tsx`.
+ */
 export declare const AppLayoutPreset_MainContainer_Default: ({ children }: AppLayoutPreset_MainContainer_DefaultProps) => React.JSX.Element;
 //# sourceMappingURL=app-layout-main-container.d.ts.map

package/dist/esm/components/app/app-layout-main-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout-main-container.d.ts","sourceRoot":"","sources":["../../../../src/components/app/app-layout-main-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EACL,0CAA0C,EAmB3C,MAAM,6BAA6B,CAAC;AAErC,eAAO,MAAM,qCAAqC,GAAI,cAAc,0CAA0C,KAAG,KAAK,CAAC,GAAG,CAAC,OAqH1H,CAAC"}
+{"version":3,"file":"app-layout-main-container.d.ts","sourceRoot":"","sources":["../../../../../src/components/app/app-layout-main-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,0CAA0C,EAY3C,MAAM,6BAA6B,CAAC;AAErC;;;;;;;;GAQG;AACH,eAAO,MAAM,qCAAqC,GAAI,cAAc,0CAA0C,KAAG,KAAK,CAAC,GAAG,CAAC,OA+E1H,CAAC"}

package/dist/esm/components/app/app-layout-main-container.js

@@ -1,7 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
-import { HorizontalPlacement, ShellAppearance, SurfaceVariant, VerticalPlacement } from '@wildo-ai/presets-components-models';
-import { ApplicationLevel_StatusBar, ApplicationLevel_MenuBar, ApplicationLevel_Toolbar, ApplicationLevel_ActivityBar, ApplicationLevel_QuickActionButton, ApplicationLevel_Sidebar, ApplicationLevel_UtilityPanel, NavigationContentAreas, NavigationOverlays, useAppShellLayout, HostedComponentInteractionsProvider, PortalContainerContext, GuidanceRenderer, LoadingSpinner, NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, Surface, cn, useUI, } from '@wildo-ai/saas-frontend-lib';
+import { HorizontalPlacement, ShellAppearance, ShellRegion, SurfaceVariant, VerticalPlacement } from '@wildo-ai/presets-components-models';
+import { AppShellContentOutlet, AppShellLoadingState, AppShellOverlaysOutlet, AppShellProviders, AppShellRegionOutlet, useAppShellFirstReady, useAppShellLayout, NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, Surface, cn, useUI, } from '@wildo-ai/saas-frontend-lib';
+/**
+ * The default signed-in shell: the regions in a flex arrangement — activity bar and sidebar at the start edge,
+ * a column of status bar / menubar / toolbar / content / status bar, the utility panel at the end edge.
+ *
+ * Composed from the shell building blocks (`AppShellProviders`, `AppShellRegionOutlet`, `AppShellContentOutlet`,
+ * `AppShellOverlaysOutlet`, `useAppShellFirstReady`, #1842), so this file decides only the ARRANGEMENT and the
+ * shell's own surface; another layout can arrange the same regions differently without copying it. Its rendered
+ * DOM is pinned for every layout configuration by `app-layout-main-container.dom-snapshot.test.tsx`.
+ */
 export const AppLayoutPreset_MainContainer_Default = ({ children }) => {
     const layoutInfo = useAppShellLayout();
     const { shellAppearance } = useUI();
@@ -9,31 +17,17 @@ export const AppLayoutPreset_MainContainer_Default = ({ children }) => {
     // `backgroundLayer` (rendered by UIProvider behind the app) is the single
     // continuous canvas under sidebar, bars, and content alike.
     const isContinuousShell = shellAppearance === ShellAppearance.CONTINUOUS;
-    const [portalContainer, setPortalContainer] = useState(null);
-    const portalRef = useCallback((node) => {
-        setPortalContainer(node);
-    }, []);
     // ===================================================================
     // Loading State
     // ===================================================================
-    // Latch the FIRST layout-ready flip. `isLayoutReady` derives from config presence
-    // and can transiently drop after bootstrap (e.g. an org switch reloading config);
-    // replacing the whole mounted shell with a spinner on such a drop unmounts every
-    // provider/zone below it and destroys navigation state — the same failure mode
-    // AppLoadingGate documents. The spinner branch therefore only applies BEFORE the
-    // shell has ever been ready; later drops keep the shell mounted (per-component
-    // `has*` flags simply render nothing while config is absent).
-    const [hasLayoutBeenReady, setHasLayoutBeenReady] = useState(false);
-    useEffect(() => {
-        if (layoutInfo.isLayoutReady)
-            setHasLayoutBeenReady(true);
-    }, [layoutInfo.isLayoutReady]);
-    if (!layoutInfo.isLayoutReady && !hasLayoutBeenReady) {
-        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsx("div", { className: "h-screen w-screen bg-background flex items-center justify-center", role: "status", "aria-live": "polite", children: _jsx("div", { className: "text-center", children: _jsx(LoadingSpinner, { size: 32, className: "text-primary mx-auto mb-field", "aria-hidden": "true" }) }) }) }));
-    }
+    // The spinner applies only BEFORE the shell has ever been ready: a later transient drop keeps the shell
+    // mounted (see `useAppShellFirstReady` for why a remount there destroys navigation state).
+    const hasLayoutBeenReady = useAppShellFirstReady(layoutInfo.isLayoutReady);
+    if (!layoutInfo.isLayoutReady && !hasLayoutBeenReady)
+        return _jsx(AppShellLoadingState, {});
     // ===================================================================
     // Main Layout Rendering - PLACEMENT ONLY
     // ===================================================================
-    return (_jsx(PortalContainerContext.Provider, { value: portalContainer, children: _jsx(HostedComponentInteractionsProvider, { children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsxs("div", { className: cn('h-screen w-screen flex overflow-hidden', isContinuousShell ? 'bg-transparent' : 'bg-background'), children: [layoutInfo.hasActivityBar && (_jsx(ApplicationLevel_ActivityBar, {})), layoutInfo.hasSidebar && layoutInfo.sidebarPlacement === HorizontalPlacement.START && (_jsx(ApplicationLevel_Sidebar, { placement: HorizontalPlacement.START })), layoutInfo.hasUtilityPanel && layoutInfo.utilityPanelPlacement === HorizontalPlacement.START && (_jsx(ApplicationLevel_UtilityPanel, { position: HorizontalPlacement.START })), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0", children: [layoutInfo.hasStatusBar && layoutInfo.statusBarPlacement === VerticalPlacement.TOP && (_jsx(ApplicationLevel_StatusBar, { placement: VerticalPlacement.TOP })), layoutInfo.hasMenubar && (_jsx(ApplicationLevel_MenuBar, {})), layoutInfo.hasToolbar && (_jsx(ApplicationLevel_Toolbar, {})), _jsxs("div", { className: "flex-1 flex min-h-0", children: [_jsxs("main", { ref: portalRef, className: "flex-1 relative min-w-0", children: [_jsx(NavigationContentAreas, { routerChildren: children }), layoutInfo.hasQuickActionButton && (_jsx(ApplicationLevel_QuickActionButton, { placement: "floating" }))] }), layoutInfo.hasSidebar && layoutInfo.sidebarPlacement === HorizontalPlacement.END && (_jsx(ApplicationLevel_Sidebar, { placement: HorizontalPlacement.END }))] }), layoutInfo.hasStatusBar && layoutInfo.statusBarPlacement === VerticalPlacement.BOTTOM && (_jsx(ApplicationLevel_StatusBar, { placement: VerticalPlacement.BOTTOM }))] }), _jsx(NavigationOverlays, {}), _jsx(GuidanceRenderer, {}), layoutInfo.hasUtilityPanel && layoutInfo.utilityPanelPlacement === HorizontalPlacement.END && (_jsx(ApplicationLevel_UtilityPanel, { position: HorizontalPlacement.END }))] }) }) }) }));
+    return (_jsx(AppShellProviders, { layout: layoutInfo, children: _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _jsxs("div", { className: cn('relative h-screen w-screen flex overflow-hidden', isContinuousShell ? 'bg-transparent' : 'bg-background'), children: [_jsx(AppShellRegionOutlet, { region: ShellRegion.ACTIVITY_BAR }), _jsx(AppShellRegionOutlet, { region: ShellRegion.SIDEBAR, placement: HorizontalPlacement.START }), _jsx(AppShellRegionOutlet, { region: ShellRegion.UTILITY_PANEL, placement: HorizontalPlacement.START }), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0", children: [_jsx(AppShellRegionOutlet, { region: ShellRegion.STATUS_BAR, placement: VerticalPlacement.TOP }), _jsx(AppShellRegionOutlet, { region: ShellRegion.MENUBAR }), _jsx(AppShellRegionOutlet, { region: ShellRegion.TOOLBAR }), _jsxs("div", { className: "flex-1 flex min-h-0", children: [_jsx(AppShellContentOutlet, { className: "flex-1 relative min-w-0", children: children }), _jsx(AppShellRegionOutlet, { region: ShellRegion.SIDEBAR, placement: HorizontalPlacement.END })] }), _jsx(AppShellRegionOutlet, { region: ShellRegion.STATUS_BAR, placement: VerticalPlacement.BOTTOM })] }), _jsx(AppShellOverlaysOutlet, {}), _jsx(AppShellRegionOutlet, { region: ShellRegion.UTILITY_PANEL, placement: HorizontalPlacement.END })] }) }) }));
 };
 //# sourceMappingURL=app-layout-main-container.js.map