@wildo-ai/presets-components 1.1.3 → 1.1.4

package/dist/esm/components/form/controls/file/providers/google-drive-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-drive-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/providers/google-drive-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAGH,OAAO,EAEL,KAAK,uBAAuB,EAE7B,MAAM,sCAAsC,CAAC;AAsD9C;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,GAAG,IAAI,CAuGtE"}

package/dist/esm/components/form/controls/file/providers/google-drive-picker.js

@@ -0,0 +1,157 @@
+/**
+ * Google Drive file picker — the component the `google-drive` provider contributes for
+ * `FRONTEND_FILE_PICKER`.
+ *
+ * ## Why it declares REMOTE_REFERENCE
+ *
+ * Drive's Picker hands back file METADATA — an id, a name, a mime type — never
+ * the bytes. Fetching the bytes is a separate authenticated call to the Drive
+ * API, and in a Wildo application the credential that call needs belongs to the
+ * backend. So a selection here is an opaque handle the application's executor
+ * door resolves, which is exactly `REMOTE_REFERENCE`.
+ *
+ * Its sibling `onedrive-picker.tsx` declares the OTHER arm,
+ * and the contrast is why issue #383 was answered per-vendor rather than
+ * globally: two real pickers for one capability genuinely return different
+ * things, and a framework insisting on one contract would have had to exclude
+ * one of them.
+ *
+ * ## Why it lives in presets-components, behind a lazy boundary
+ *
+ * The engine's provider MODULES live in `@wildo-ai/external-connectors-public`,
+ * which ships into three browser bundles behind a one-entry allow-list and
+ * deliberately has no renderer. A component cannot live there, and that
+ * package cannot name a loader that reaches this one either — it would close a
+ * package cycle. So the module DECLARES the picker (its delivery, its keys) and
+ * this library REGISTERS the loader beside its presets (`register-provider-components.ts`),
+ * keyed by capability and provider ref. `google-drive-picker.lazy.tsx` is the
+ * only door onto this file, and `check:lazy-boundaries` keeps it that way.
+ *
+ * This component has no vendor dependency: the Picker arrives as a `<script>`
+ * global the provider module declares. A per-vendor package was built for it
+ * first and retired for exactly that reason (#394).
+ *
+ * ## Not proven in a browser
+ *
+ * Nothing here has been driven against a real Drive account: the Picker
+ * authorizes as the SIGNED-IN USER, so it needs a user-consented OAuth token,
+ * which is the account-connection surface (#333) and does not exist yet. Without
+ * one this picker reports through `onError` and opens nothing — deliberately,
+ * rather than reading a token from `publicConfig`, which is served to every
+ * browser. Tracked with the rest of the frontend provider surface in #359.
+ */
+import { useEffect, useRef } from 'react';
+import { ProviderFrontendSelectionDelivery, } from '@wildo-ai/saas-models/public-runtime';
+function readString(value) {
+    return typeof value === 'string' && value.length > 0 ? value : undefined;
+}
+function readNumber(value) {
+    if (typeof value === 'number' && Number.isFinite(value))
+        return value;
+    // Drive reports `sizeBytes` as a decimal STRING for large files, so this is a
+    // real case rather than defensiveness. A bare `Number()` would turn an empty
+    // string into 0 and claim the file is empty.
+    const parsed = typeof value === 'string' && value.trim() !== '' ? Number(value) : Number.NaN;
+    return Number.isFinite(parsed) ? parsed : undefined;
+}
+/**
+ * Opens the Drive picker as soon as it mounts.
+ *
+ * Mounting IS opening: the framework host mounts a picker only once a user has
+ * asked for one, so an extra button inside the component would be a second click
+ * for the same intent.
+ */
+export function GoogleDrivePicker(props) {
+    // A picker must open exactly once per mount. Without this, any re-render
+    // caused by a parent — a resize, a sibling's state — would open a second Drive
+    // dialog over the first, and dismissing one would leave the other live.
+    const openedRef = useRef(false);
+    useEffect(() => {
+        if (openedRef.current)
+            return;
+        openedRef.current = true;
+        let cancelled = false;
+        const fail = (message) => {
+            if (!cancelled)
+                props.onError(new Error(message));
+        };
+        void (async () => {
+            const globals = window;
+            if (globals.gapi === undefined) {
+                fail('The Google API script has not loaded, so the Drive picker cannot open. The `google-drive` provider '
+                    + 'declares it in `scripts`; check that the surface injects provider scripts and that the composed '
+                    + 'Content-Security-Policy admits https://apis.google.com.');
+                return;
+            }
+            const token = await props.getAccessToken?.();
+            if (token === undefined) {
+                fail('No Google access token is available for this user, so the Drive picker cannot open. The Picker '
+                    + "authorizes as the SIGNED-IN USER, so the application must connect the user's Google account "
+                    + 'first. A token must never be read from `publicConfig`, which is served to every browser.');
+                return;
+            }
+            const appId = readString(props.publicConfig.appId);
+            if (appId === undefined) {
+                fail("The `google-drive` provider's publicConfig declares no `appId`, which the Drive picker requires.");
+                return;
+            }
+            globals.gapi.load('picker', () => {
+                const picker = window.google?.picker;
+                if (picker === undefined) {
+                    fail('The Google Picker module loaded but installed no `google.picker` global.');
+                    return;
+                }
+                const builder = new picker.PickerBuilder()
+                    .setOAuthToken(token)
+                    .setAppId(appId)
+                    .addView(new picker.DocsView(picker.ViewId.DOCS))
+                    .setCallback((data) => {
+                    if (cancelled)
+                        return;
+                    if (data.action === picker.Action.CANCEL) {
+                        props.onCancel();
+                        return;
+                    }
+                    if (data.action !== picker.Action.PICKED)
+                        return;
+                    const selections = [];
+                    for (const document of data.docs ?? []) {
+                        const externalId = readString(document.id);
+                        // A document with no id is one the backend could never resolve.
+                        // Reporting beats handing up a selection whose reference is empty,
+                        // which would fail later and somewhere else.
+                        if (externalId === undefined) {
+                            fail('Google Picker returned a selected document with no id, which cannot be resolved.');
+                            return;
+                        }
+                        selections.push({
+                            kind: ProviderFrontendSelectionDelivery.REMOTE_REFERENCE,
+                            externalId,
+                            displayName: readString(document.name),
+                            mimeType: readString(document.mimeType),
+                            sizeBytes: readNumber(document.sizeBytes),
+                        });
+                    }
+                    props.onSelect(selections);
+                });
+                if (props.constraints.maxFiles !== undefined && props.constraints.maxFiles > 1) {
+                    builder.enableFeature('multiselectEnabled');
+                }
+                const developerKey = readString(props.publicConfig.developerKey);
+                if (developerKey !== undefined)
+                    builder.setDeveloperKey(developerKey);
+                builder.build().setVisible(true);
+            });
+        })();
+        return () => {
+            cancelled = true;
+        };
+        // Mount-only: re-running this opens a second dialog, and every prop it reads
+        // is fixed for the life of one picker.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // The picker is a vendor-owned overlay. This component renders nothing of its
+    // own and must not put a placeholder behind it.
+    return null;
+}
+//# sourceMappingURL=google-drive-picker.js.map

package/dist/esm/components/form/controls/file/providers/google-drive-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-drive-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/providers/google-drive-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,iCAAiC,GAGlC,MAAM,sCAAsC,CAAC;AAyC9C,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AAC3E,CAAC;AAED,SAAS,UAAU,CAAC,KAAc;IAChC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACtE,8EAA8E;IAC9E,6EAA6E;IAC7E,6CAA6C;IAC7C,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;IAC7F,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AACtD,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA8B;IAC9D,yEAAyE;IACzE,+EAA+E;IAC/E,wEAAwE;IACxE,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO;YAAE,OAAO;QAC9B,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAEzB,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,MAAM,IAAI,GAAG,CAAC,OAAe,EAAQ,EAAE;YACrC,IAAI,CAAC,SAAS;gBAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC;QAEF,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,MAAM,OAAO,GAAG,MAAwC,CAAC;YACzD,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC/B,IAAI,CACF,qGAAqG;sBACnG,kGAAkG;sBAClG,yDAAyD,CAC5D,CAAC;gBACF,OAAO;YACT,CAAC;YAED,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC;YAC7C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,IAAI,CACF,iGAAiG;sBAC/F,8FAA8F;sBAC9F,0FAA0F,CAC7F,CAAC;gBACF,OAAO;YACT,CAAC;YAED,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACnD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,IAAI,CAAC,kGAAkG,CAAC,CAAC;gBACzG,OAAO;YACT,CAAC;YAED,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC/B,MAAM,MAAM,GAAI,MAAyC,CAAC,MAAM,EAAE,MAAM,CAAC;gBACzE,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;oBACzB,IAAI,CAAC,0EAA0E,CAAC,CAAC;oBACjF,OAAO;gBACT,CAAC;gBAED,MAAM,OAAO,GAAG,IAAI,MAAM,CAAC,aAAa,EAAE;qBACvC,aAAa,CAAC,KAAK,CAAC;qBACpB,QAAQ,CAAC,KAAK,CAAC;qBACf,OAAO,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;qBAChD,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;oBACpB,IAAI,SAAS;wBAAE,OAAO;oBACtB,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;wBACzC,KAAK,CAAC,QAAQ,EAAE,CAAC;wBACjB,OAAO;oBACT,CAAC;oBACD,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC,MAAM;wBAAE,OAAO;oBAEjD,MAAM,UAAU,GAA4B,EAAE,CAAC;oBAC/C,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC;wBACvC,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;wBAC3C,gEAAgE;wBAChE,mEAAmE;wBACnE,6CAA6C;wBAC7C,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;4BAC7B,IAAI,CAAC,kFAAkF,CAAC,CAAC;4BACzF,OAAO;wBACT,CAAC;wBACD,UAAU,CAAC,IAAI,CAAC;4BACd,IAAI,EAAE,iCAAiC,CAAC,gBAAgB;4BACxD,UAAU;4BACV,WAAW,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;4BACtC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC;4BACvC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC;yBAC1C,CAAC,CAAC;oBACL,CAAC;oBACD,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAC7B,CAAC,CAAC,CAAC;gBAEL,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC;oBAC/E,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAC9C,CAAC;gBACD,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;gBACjE,IAAI,YAAY,KAAK,SAAS;oBAAE,OAAO,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;gBAEtE,OAAO,CAAC,KAAK,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,EAAE,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QACF,6EAA6E;QAC7E,uCAAuC;QACvC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,8EAA8E;IAC9E,gDAAgD;IAChD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["/**\n * Google Drive file picker — the component the `google-drive` provider contributes for\n * `FRONTEND_FILE_PICKER`.\n *\n * ## Why it declares REMOTE_REFERENCE\n *\n * Drive's Picker hands back file METADATA — an id, a name, a mime type — never\n * the bytes. Fetching the bytes is a separate authenticated call to the Drive\n * API, and in a Wildo application the credential that call needs belongs to the\n * backend. So a selection here is an opaque handle the application's executor\n * door resolves, which is exactly `REMOTE_REFERENCE`.\n *\n * Its sibling `onedrive-picker.tsx` declares the OTHER arm,\n * and the contrast is why issue #383 was answered per-vendor rather than\n * globally: two real pickers for one capability genuinely return different\n * things, and a framework insisting on one contract would have had to exclude\n * one of them.\n *\n * ## Why it lives in presets-components, behind a lazy boundary\n *\n * The engine's provider MODULES live in `@wildo-ai/external-connectors-public`,\n * which ships into three browser bundles behind a one-entry allow-list and\n * deliberately has no renderer. A component cannot live there, and that\n * package cannot name a loader that reaches this one either — it would close a\n * package cycle. So the module DECLARES the picker (its delivery, its keys) and\n * this library REGISTERS the loader beside its presets (`register-provider-components.ts`),\n * keyed by capability and provider ref. `google-drive-picker.lazy.tsx` is the\n * only door onto this file, and `check:lazy-boundaries` keeps it that way.\n *\n * This component has no vendor dependency: the Picker arrives as a `<script>`\n * global the provider module declares. A per-vendor package was built for it\n * first and retired for exactly that reason (#394).\n *\n * ## Not proven in a browser\n *\n * Nothing here has been driven against a real Drive account: the Picker\n * authorizes as the SIGNED-IN USER, so it needs a user-consented OAuth token,\n * which is the account-connection surface (#333) and does not exist yet. Without\n * one this picker reports through `onError` and opens nothing — deliberately,\n * rather than reading a token from `publicConfig`, which is served to every\n * browser. Tracked with the rest of the frontend provider surface in #359.\n */\n\nimport { useEffect, useRef } from 'react';\nimport {\n  ProviderFrontendSelectionDelivery,\n  type ProviderFilePickerProps,\n  type ProviderFileSelection,\n} from '@wildo-ai/saas-models/public-runtime';\n\n/** The slice of Drive's picker metadata this component reads. */\ninterface GooglePickerDocument {\n  readonly id?: unknown;\n  readonly name?: unknown;\n  readonly mimeType?: unknown;\n  readonly sizeBytes?: unknown;\n}\n\ninterface GooglePickerBuilder {\n  setOAuthToken(token: string): GooglePickerBuilder;\n  setAppId(appId: string): GooglePickerBuilder;\n  setDeveloperKey(key: string): GooglePickerBuilder;\n  addView(view: object): GooglePickerBuilder;\n  enableFeature(feature: string): GooglePickerBuilder;\n  setCallback(\n    callback: (data: { action?: unknown; docs?: readonly GooglePickerDocument[] }) => void,\n  ): GooglePickerBuilder;\n  build(): { setVisible(visible: boolean): void };\n}\n\n/**\n * The `gapi` / `google.picker` globals the vendor's `<script>` installs.\n *\n * Typed structurally and locally rather than through `@types/gapi`: the surface\n * used here is four calls wide, and a `@types` package for a global that may not\n * be present is a dependency bought for a shape this file already states.\n */\ninterface GooglePickerGlobals {\n  readonly gapi?: { load(name: string, callback: () => void): void };\n  readonly google?: {\n    readonly picker?: {\n      readonly Action: { readonly PICKED: string; readonly CANCEL: string };\n      readonly ViewId: { readonly DOCS: string };\n      readonly PickerBuilder: new () => GooglePickerBuilder;\n      readonly DocsView: new (viewId: string) => object;\n    };\n  };\n}\n\nfunction readString(value: unknown): string | undefined {\n  return typeof value === 'string' && value.length > 0 ? value : undefined;\n}\n\nfunction readNumber(value: unknown): number | undefined {\n  if (typeof value === 'number' && Number.isFinite(value)) return value;\n  // Drive reports `sizeBytes` as a decimal STRING for large files, so this is a\n  // real case rather than defensiveness. A bare `Number()` would turn an empty\n  // string into 0 and claim the file is empty.\n  const parsed = typeof value === 'string' && value.trim() !== '' ? Number(value) : Number.NaN;\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\n/**\n * Opens the Drive picker as soon as it mounts.\n *\n * Mounting IS opening: the framework host mounts a picker only once a user has\n * asked for one, so an extra button inside the component would be a second click\n * for the same intent.\n */\nexport function GoogleDrivePicker(props: ProviderFilePickerProps): null {\n  // A picker must open exactly once per mount. Without this, any re-render\n  // caused by a parent — a resize, a sibling's state — would open a second Drive\n  // dialog over the first, and dismissing one would leave the other live.\n  const openedRef = useRef(false);\n\n  useEffect(() => {\n    if (openedRef.current) return;\n    openedRef.current = true;\n\n    let cancelled = false;\n    const fail = (message: string): void => {\n      if (!cancelled) props.onError(new Error(message));\n    };\n\n    void (async () => {\n      const globals = window as unknown as GooglePickerGlobals;\n      if (globals.gapi === undefined) {\n        fail(\n          'The Google API script has not loaded, so the Drive picker cannot open. The `google-drive` provider '\n          + 'declares it in `scripts`; check that the surface injects provider scripts and that the composed '\n          + 'Content-Security-Policy admits https://apis.google.com.',\n        );\n        return;\n      }\n\n      const token = await props.getAccessToken?.();\n      if (token === undefined) {\n        fail(\n          'No Google access token is available for this user, so the Drive picker cannot open. The Picker '\n          + \"authorizes as the SIGNED-IN USER, so the application must connect the user's Google account \"\n          + 'first. A token must never be read from `publicConfig`, which is served to every browser.',\n        );\n        return;\n      }\n\n      const appId = readString(props.publicConfig.appId);\n      if (appId === undefined) {\n        fail(\"The `google-drive` provider's publicConfig declares no `appId`, which the Drive picker requires.\");\n        return;\n      }\n\n      globals.gapi.load('picker', () => {\n        const picker = (window as unknown as GooglePickerGlobals).google?.picker;\n        if (picker === undefined) {\n          fail('The Google Picker module loaded but installed no `google.picker` global.');\n          return;\n        }\n\n        const builder = new picker.PickerBuilder()\n          .setOAuthToken(token)\n          .setAppId(appId)\n          .addView(new picker.DocsView(picker.ViewId.DOCS))\n          .setCallback((data) => {\n            if (cancelled) return;\n            if (data.action === picker.Action.CANCEL) {\n              props.onCancel();\n              return;\n            }\n            if (data.action !== picker.Action.PICKED) return;\n\n            const selections: ProviderFileSelection[] = [];\n            for (const document of data.docs ?? []) {\n              const externalId = readString(document.id);\n              // A document with no id is one the backend could never resolve.\n              // Reporting beats handing up a selection whose reference is empty,\n              // which would fail later and somewhere else.\n              if (externalId === undefined) {\n                fail('Google Picker returned a selected document with no id, which cannot be resolved.');\n                return;\n              }\n              selections.push({\n                kind: ProviderFrontendSelectionDelivery.REMOTE_REFERENCE,\n                externalId,\n                displayName: readString(document.name),\n                mimeType: readString(document.mimeType),\n                sizeBytes: readNumber(document.sizeBytes),\n              });\n            }\n            props.onSelect(selections);\n          });\n\n        if (props.constraints.maxFiles !== undefined && props.constraints.maxFiles > 1) {\n          builder.enableFeature('multiselectEnabled');\n        }\n        const developerKey = readString(props.publicConfig.developerKey);\n        if (developerKey !== undefined) builder.setDeveloperKey(developerKey);\n\n        builder.build().setVisible(true);\n      });\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n    // Mount-only: re-running this opens a second dialog, and every prop it reads\n    // is fixed for the life of one picker.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // The picker is a vendor-owned overlay. This component renders nothing of its\n  // own and must not put a placeholder behind it.\n  return null;\n}\n"]}

package/dist/esm/components/form/controls/file/providers/google-drive-picker.lazy.d.ts

@@ -0,0 +1,16 @@
+/**
+ * GoogleDrivePickerLazy — the ONLY public door onto the GoogleDrivePicker module.
+ *
+ * Lazy-boundary wrapper (`*.lazy.tsx` convention, PdfViewerLazy precedent): owns the
+ * `React.lazy(() => import(...))` split point so the picker's code never lands in the
+ * application's entry chunk, and `pnpm check:lazy-boundaries` refuses any static import of
+ * the wrapped module from anywhere else. A provider picker is opened by a user who asked
+ * for one; every other visitor pays nothing for it.
+ *
+ * No Suspense fallback with a shape: a picker renders NOTHING of its own (it opens a
+ * vendor overlay), so reserving layout would draw a box where there will never be one.
+ */
+import * as React from "react";
+import type { ProviderFilePickerProps } from "@wildo-ai/saas-models/public-runtime";
+export declare function GoogleDrivePickerLazy(props: ProviderFilePickerProps): React.JSX.Element;
+//# sourceMappingURL=google-drive-picker.lazy.d.ts.map

package/dist/esm/components/form/controls/file/providers/google-drive-picker.lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-drive-picker.lazy.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/providers/google-drive-picker.lazy.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAInF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMvF"}

package/dist/esm/components/form/controls/file/providers/google-drive-picker.lazy.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * GoogleDrivePickerLazy — the ONLY public door onto the GoogleDrivePicker module.
+ *
+ * Lazy-boundary wrapper (`*.lazy.tsx` convention, PdfViewerLazy precedent): owns the
+ * `React.lazy(() => import(...))` split point so the picker's code never lands in the
+ * application's entry chunk, and `pnpm check:lazy-boundaries` refuses any static import of
+ * the wrapped module from anywhere else. A provider picker is opened by a user who asked
+ * for one; every other visitor pays nothing for it.
+ *
+ * No Suspense fallback with a shape: a picker renders NOTHING of its own (it opens a
+ * vendor overlay), so reserving layout would draw a box where there will never be one.
+ */
+import * as React from "react";
+const LazyGoogleDrivePicker = React.lazy(async () => ({ default: (await import("./google-drive-picker.js")).GoogleDrivePicker }));
+export function GoogleDrivePickerLazy(props) {
+    return (_jsx(React.Suspense, { fallback: null, children: _jsx(LazyGoogleDrivePicker, { ...props }) }));
+}
+//# sourceMappingURL=google-drive-picker.lazy.js.map

package/dist/esm/components/form/controls/file/providers/google-drive-picker.lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-drive-picker.lazy.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/providers/google-drive-picker.lazy.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAA;AAE9H,MAAM,UAAU,qBAAqB,CAAC,KAA8B;IAClE,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YAC5B,KAAC,qBAAqB,OAAK,KAAK,GAAI,GACrB,CAClB,CAAA;AACH,CAAC","sourcesContent":["\"use client\"\n\n/**\n * GoogleDrivePickerLazy — the ONLY public door onto the GoogleDrivePicker module.\n *\n * Lazy-boundary wrapper (`*.lazy.tsx` convention, PdfViewerLazy precedent): owns the\n * `React.lazy(() => import(...))` split point so the picker's code never lands in the\n * application's entry chunk, and `pnpm check:lazy-boundaries` refuses any static import of\n * the wrapped module from anywhere else. A provider picker is opened by a user who asked\n * for one; every other visitor pays nothing for it.\n *\n * No Suspense fallback with a shape: a picker renders NOTHING of its own (it opens a\n * vendor overlay), so reserving layout would draw a box where there will never be one.\n */\n\nimport * as React from \"react\"\nimport type { ProviderFilePickerProps } from \"@wildo-ai/saas-models/public-runtime\"\n\nconst LazyGoogleDrivePicker = React.lazy(async () => ({ default: (await import(\"./google-drive-picker\")).GoogleDrivePicker }))\n\nexport function GoogleDrivePickerLazy(props: ProviderFilePickerProps): React.JSX.Element {\n  return (\n    <React.Suspense fallback={null}>\n      <LazyGoogleDrivePicker {...props} />\n    </React.Suspense>\n  )\n}\n"]}

package/dist/esm/components/form/controls/file/providers/onedrive-picker.d.ts

@@ -0,0 +1,37 @@
+/**
+ * OneDrive file picker — the component the `microsoft-onedrive` provider contributes for
+ * `FRONTEND_FILE_PICKER`.
+ *
+ * ## Why it declares BROWSER_READABLE_URL, where its Google sibling declares REMOTE_REFERENCE
+ *
+ * This is the pair that shows why issue #383 was answered PER VENDOR.
+ *
+ * OneDrive's picker, opened with the `download` action, returns each chosen file
+ * carrying a pre-authenticated download URL — a short-lived link that needs no
+ * credential to fetch. The browser genuinely can read the bytes, so the honest
+ * declaration is `BROWSER_READABLE_URL` and the framework uploads the result the
+ * way it uploads any other file.
+ *
+ * spec-cite: Microsoft Graph `driveItem` reference —
+ * https://learn.microsoft.com/en-us/graph/api/resources/driveitem — for the
+ * pre-authenticated `@microsoft.graph.downloadUrl` property. Paraphrased rather
+ * than quoted; the reading that matters here is that the URL carries its own
+ * authorization and expires, which is what makes the browser-readable arm
+ * available at all.
+ *
+ * Drive's picker returns metadata only, so its bytes need a credential the
+ * browser must not hold. Two real vendors, two different contracts, and a
+ * framework that insisted on one would have had to drop one of them.
+ *
+ * ## Not proven in a browser
+ *
+ * Nothing here has been driven against a real OneDrive account. Unlike the Drive
+ * picker this one authenticates through the vendor's own popup rather than
+ * needing a token from the application, so it does not depend on #333 — but it
+ * still needs a real `clientId` and a real user. Tracked with the rest of the
+ * frontend provider surface in #359.
+ */
+import { type ProviderFilePickerProps } from '@wildo-ai/saas-models/public-runtime';
+/** Opens the OneDrive picker as soon as it mounts — see the Drive picker for why mounting IS opening. */
+export declare function OneDrivePicker(props: ProviderFilePickerProps): null;
+//# sourceMappingURL=onedrive-picker.d.ts.map

package/dist/esm/components/form/controls/file/providers/onedrive-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onedrive-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/providers/onedrive-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,EAEL,KAAK,uBAAuB,EAE7B,MAAM,sCAAsC,CAAC;AAwC9C,yGAAyG;AACzG,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,GAAG,IAAI,CAyFnE"}

package/dist/esm/components/form/controls/file/providers/onedrive-picker.js

@@ -0,0 +1,125 @@
+/**
+ * OneDrive file picker — the component the `microsoft-onedrive` provider contributes for
+ * `FRONTEND_FILE_PICKER`.
+ *
+ * ## Why it declares BROWSER_READABLE_URL, where its Google sibling declares REMOTE_REFERENCE
+ *
+ * This is the pair that shows why issue #383 was answered PER VENDOR.
+ *
+ * OneDrive's picker, opened with the `download` action, returns each chosen file
+ * carrying a pre-authenticated download URL — a short-lived link that needs no
+ * credential to fetch. The browser genuinely can read the bytes, so the honest
+ * declaration is `BROWSER_READABLE_URL` and the framework uploads the result the
+ * way it uploads any other file.
+ *
+ * spec-cite: Microsoft Graph `driveItem` reference —
+ * https://learn.microsoft.com/en-us/graph/api/resources/driveitem — for the
+ * pre-authenticated `@microsoft.graph.downloadUrl` property. Paraphrased rather
+ * than quoted; the reading that matters here is that the URL carries its own
+ * authorization and expires, which is what makes the browser-readable arm
+ * available at all.
+ *
+ * Drive's picker returns metadata only, so its bytes need a credential the
+ * browser must not hold. Two real vendors, two different contracts, and a
+ * framework that insisted on one would have had to drop one of them.
+ *
+ * ## Not proven in a browser
+ *
+ * Nothing here has been driven against a real OneDrive account. Unlike the Drive
+ * picker this one authenticates through the vendor's own popup rather than
+ * needing a token from the application, so it does not depend on #333 — but it
+ * still needs a real `clientId` and a real user. Tracked with the rest of the
+ * frontend provider surface in #359.
+ */
+import { useEffect, useRef } from 'react';
+import { ProviderFrontendSelectionDelivery, } from '@wildo-ai/saas-models/public-runtime';
+function readString(value) {
+    return typeof value === 'string' && value.length > 0 ? value : undefined;
+}
+function readNumber(value) {
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+}
+/** Opens the OneDrive picker as soon as it mounts — see the Drive picker for why mounting IS opening. */
+export function OneDrivePicker(props) {
+    const openedRef = useRef(false);
+    useEffect(() => {
+        if (openedRef.current)
+            return;
+        openedRef.current = true;
+        let cancelled = false;
+        const fail = (message) => {
+            if (!cancelled)
+                props.onError(new Error(message));
+        };
+        const globals = window;
+        if (globals.OneDrive === undefined) {
+            fail('The OneDrive picker script has not loaded, so the picker cannot open. The `microsoft-onedrive` provider '
+                + 'declares it in `scripts`; check that the surface injects provider scripts and that the composed '
+                + 'Content-Security-Policy admits https://js.live.net.');
+            return;
+        }
+        const clientId = readString(props.publicConfig.clientId);
+        if (clientId === undefined) {
+            fail("The `microsoft-onedrive` provider's publicConfig declares no `clientId`, which the OneDrive picker requires.");
+            return;
+        }
+        globals.OneDrive.open({
+            clientId,
+            // `download` is what makes this picker's result browser-readable: it is the
+            // action that returns a pre-authenticated URL rather than a bare item id.
+            // Changing it to `share` or `query` would change what a selection CONTAINS,
+            // and the provider's declared `selectionDelivery` would then be a lie the
+            // framework refuses — see `receiveProviderFileSelections`.
+            action: 'download',
+            multiSelect: props.constraints.maxFiles !== undefined && props.constraints.maxFiles > 1,
+            advanced: {
+                // The vendor filters by extension, not by MIME type, so an allow-list of
+                // MIME types cannot be translated faithfully. It is left to the field,
+                // which validates every chosen file against `allowedMimeTypes` anyway —
+                // a filter that silently narrowed to the wrong set would be worse than
+                // no filter, because the user would never see the file they wanted.
+                ...(props.publicConfig.pickerRedirectUri === undefined
+                    ? {}
+                    : { redirectUri: String(props.publicConfig.pickerRedirectUri) }),
+            },
+            success: (response) => {
+                if (cancelled)
+                    return;
+                const selections = [];
+                for (const item of response.value ?? []) {
+                    const url = readString(item['@microsoft.graph.downloadUrl']);
+                    // No download URL means the picker did not run the `download` action —
+                    // a misconfiguration, and the one case where handing the selection up
+                    // anyway would break the declaration this provider makes.
+                    if (url === undefined) {
+                        fail('OneDrive returned a selected item with no download URL. The picker must be opened with the '
+                            + '`download` action for its result to be browser-readable, which is what this provider declares.');
+                        return;
+                    }
+                    selections.push({
+                        kind: ProviderFrontendSelectionDelivery.BROWSER_READABLE_URL,
+                        url,
+                        displayName: readString(item.name),
+                        mimeType: readString(item.file?.mimeType),
+                        sizeBytes: readNumber(item.size),
+                    });
+                }
+                props.onSelect(selections);
+            },
+            cancel: () => {
+                if (!cancelled)
+                    props.onCancel();
+            },
+            error: (error) => {
+                fail(error instanceof Error ? error.message : `OneDrive picker failed: ${String(error)}`);
+            },
+        });
+        return () => {
+            cancelled = true;
+        };
+        // Mount-only — see the Drive picker.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return null;
+}
+//# sourceMappingURL=onedrive-picker.js.map

package/dist/esm/components/form/controls/file/providers/onedrive-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onedrive-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/providers/onedrive-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * OneDrive file picker — the component the `microsoft-onedrive` provider contributes for\n * `FRONTEND_FILE_PICKER`.\n *\n * ## Why it declares BROWSER_READABLE_URL, where its Google sibling declares REMOTE_REFERENCE\n *\n * This is the pair that shows why issue #383 was answered PER VENDOR.\n *\n * OneDrive's picker, opened with the `download` action, returns each chosen file\n * carrying a pre-authenticated download URL — a short-lived link that needs no\n * credential to fetch. The browser genuinely can read the bytes, so the honest\n * declaration is `BROWSER_READABLE_URL` and the framework uploads the result the\n * way it uploads any other file.\n *\n * spec-cite: Microsoft Graph `driveItem` reference —\n * https://learn.microsoft.com/en-us/graph/api/resources/driveitem — for the\n * pre-authenticated `@microsoft.graph.downloadUrl` property. Paraphrased rather\n * than quoted; the reading that matters here is that the URL carries its own\n * authorization and expires, which is what makes the browser-readable arm\n * available at all.\n *\n * Drive's picker returns metadata only, so its bytes need a credential the\n * browser must not hold. Two real vendors, two different contracts, and a\n * framework that insisted on one would have had to drop one of them.\n *\n * ## Not proven in a browser\n *\n * Nothing here has been driven against a real OneDrive account. Unlike the Drive\n * picker this one authenticates through the vendor's own popup rather than\n * needing a token from the application, so it does not depend on #333 — but it\n * still needs a real `clientId` and a real user. Tracked with the rest of the\n * frontend provider surface in #359.\n */\n\nimport { useEffect, useRef } from 'react';\nimport {\n  ProviderFrontendSelectionDelivery,\n  type ProviderFilePickerProps,\n  type ProviderFileSelection,\n} from '@wildo-ai/saas-models/public-runtime';\n\n/** The slice of a returned OneDrive item this component reads. */\ninterface OneDriveItem {\n  readonly id?: unknown;\n  readonly name?: unknown;\n  readonly size?: unknown;\n  readonly file?: { readonly mimeType?: unknown };\n  readonly '@microsoft.graph.downloadUrl'?: unknown;\n}\n\ninterface OneDriveOpenOptions {\n  clientId: string;\n  action: string;\n  multiSelect: boolean;\n  advanced: { filter?: string; redirectUri?: string };\n  success(response: { value?: readonly OneDriveItem[] }): void;\n  cancel(): void;\n  error(error: unknown): void;\n}\n\n/**\n * The `OneDrive` global the vendor's `<script>` installs.\n *\n * Typed locally for the same reason as the Drive picker's `gapi`: the surface\n * used is one function, and a `@types` package for a global that may not be\n * present buys nothing this file does not already state.\n */\ninterface OneDriveGlobals {\n  readonly OneDrive?: { open(options: OneDriveOpenOptions): void };\n}\n\nfunction readString(value: unknown): string | undefined {\n  return typeof value === 'string' && value.length > 0 ? value : undefined;\n}\n\nfunction readNumber(value: unknown): number | undefined {\n  return typeof value === 'number' && Number.isFinite(value) ? value : undefined;\n}\n\n/** Opens the OneDrive picker as soon as it mounts — see the Drive picker for why mounting IS opening. */\nexport function OneDrivePicker(props: ProviderFilePickerProps): null {\n  const openedRef = useRef(false);\n\n  useEffect(() => {\n    if (openedRef.current) return;\n    openedRef.current = true;\n\n    let cancelled = false;\n    const fail = (message: string): void => {\n      if (!cancelled) props.onError(new Error(message));\n    };\n\n    const globals = window as unknown as OneDriveGlobals;\n    if (globals.OneDrive === undefined) {\n      fail(\n        'The OneDrive picker script has not loaded, so the picker cannot open. The `microsoft-onedrive` provider '\n        + 'declares it in `scripts`; check that the surface injects provider scripts and that the composed '\n        + 'Content-Security-Policy admits https://js.live.net.',\n      );\n      return;\n    }\n\n    const clientId = readString(props.publicConfig.clientId);\n    if (clientId === undefined) {\n      fail(\"The `microsoft-onedrive` provider's publicConfig declares no `clientId`, which the OneDrive picker requires.\");\n      return;\n    }\n\n    globals.OneDrive.open({\n      clientId,\n      // `download` is what makes this picker's result browser-readable: it is the\n      // action that returns a pre-authenticated URL rather than a bare item id.\n      // Changing it to `share` or `query` would change what a selection CONTAINS,\n      // and the provider's declared `selectionDelivery` would then be a lie the\n      // framework refuses — see `receiveProviderFileSelections`.\n      action: 'download',\n      multiSelect: props.constraints.maxFiles !== undefined && props.constraints.maxFiles > 1,\n      advanced: {\n        // The vendor filters by extension, not by MIME type, so an allow-list of\n        // MIME types cannot be translated faithfully. It is left to the field,\n        // which validates every chosen file against `allowedMimeTypes` anyway —\n        // a filter that silently narrowed to the wrong set would be worse than\n        // no filter, because the user would never see the file they wanted.\n        ...(props.publicConfig.pickerRedirectUri === undefined\n          ? {}\n          : { redirectUri: String(props.publicConfig.pickerRedirectUri) }),\n      },\n      success: (response) => {\n        if (cancelled) return;\n\n        const selections: ProviderFileSelection[] = [];\n        for (const item of response.value ?? []) {\n          const url = readString(item['@microsoft.graph.downloadUrl']);\n          // No download URL means the picker did not run the `download` action —\n          // a misconfiguration, and the one case where handing the selection up\n          // anyway would break the declaration this provider makes.\n          if (url === undefined) {\n            fail(\n              'OneDrive returned a selected item with no download URL. The picker must be opened with the '\n              + '`download` action for its result to be browser-readable, which is what this provider declares.',\n            );\n            return;\n          }\n          selections.push({\n            kind: ProviderFrontendSelectionDelivery.BROWSER_READABLE_URL,\n            url,\n            displayName: readString(item.name),\n            mimeType: readString(item.file?.mimeType),\n            sizeBytes: readNumber(item.size),\n          });\n        }\n        props.onSelect(selections);\n      },\n      cancel: () => {\n        if (!cancelled) props.onCancel();\n      },\n      error: (error) => {\n        fail(error instanceof Error ? error.message : `OneDrive picker failed: ${String(error)}`);\n      },\n    });\n\n    return () => {\n      cancelled = true;\n    };\n    // Mount-only — see the Drive picker.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return null;\n}\n"]}

package/dist/esm/components/form/controls/file/providers/onedrive-picker.lazy.d.ts

@@ -0,0 +1,16 @@
+/**
+ * OneDrivePickerLazy — the ONLY public door onto the OneDrivePicker module.
+ *
+ * Lazy-boundary wrapper (`*.lazy.tsx` convention, PdfViewerLazy precedent): owns the
+ * `React.lazy(() => import(...))` split point so the picker's code never lands in the
+ * application's entry chunk, and `pnpm check:lazy-boundaries` refuses any static import of
+ * the wrapped module from anywhere else. A provider picker is opened by a user who asked
+ * for one; every other visitor pays nothing for it.
+ *
+ * No Suspense fallback with a shape: a picker renders NOTHING of its own (it opens a
+ * vendor overlay), so reserving layout would draw a box where there will never be one.
+ */
+import * as React from "react";
+import type { ProviderFilePickerProps } from "@wildo-ai/saas-models/public-runtime";
+export declare function OneDrivePickerLazy(props: ProviderFilePickerProps): React.JSX.Element;
+//# sourceMappingURL=onedrive-picker.lazy.d.ts.map

package/dist/esm/components/form/controls/file/providers/onedrive-picker.lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onedrive-picker.lazy.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/providers/onedrive-picker.lazy.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAInF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMpF"}

package/dist/esm/components/form/controls/file/providers/onedrive-picker.lazy.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * OneDrivePickerLazy — the ONLY public door onto the OneDrivePicker module.
+ *
+ * Lazy-boundary wrapper (`*.lazy.tsx` convention, PdfViewerLazy precedent): owns the
+ * `React.lazy(() => import(...))` split point so the picker's code never lands in the
+ * application's entry chunk, and `pnpm check:lazy-boundaries` refuses any static import of
+ * the wrapped module from anywhere else. A provider picker is opened by a user who asked
+ * for one; every other visitor pays nothing for it.
+ *
+ * No Suspense fallback with a shape: a picker renders NOTHING of its own (it opens a
+ * vendor overlay), so reserving layout would draw a box where there will never be one.
+ */
+import * as React from "react";
+const LazyOneDrivePicker = React.lazy(async () => ({ default: (await import("./onedrive-picker.js")).OneDrivePicker }));
+export function OneDrivePickerLazy(props) {
+    return (_jsx(React.Suspense, { fallback: null, children: _jsx(LazyOneDrivePicker, { ...props }) }));
+}
+//# sourceMappingURL=onedrive-picker.lazy.js.map

package/dist/esm/components/form/controls/file/providers/onedrive-picker.lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onedrive-picker.lazy.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/file/providers/onedrive-picker.lazy.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,MAAM,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;AAEpH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YAC5B,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAClB,CAClB,CAAA;AACH,CAAC","sourcesContent":["\"use client\"\n\n/**\n * OneDrivePickerLazy — the ONLY public door onto the OneDrivePicker module.\n *\n * Lazy-boundary wrapper (`*.lazy.tsx` convention, PdfViewerLazy precedent): owns the\n * `React.lazy(() => import(...))` split point so the picker's code never lands in the\n * application's entry chunk, and `pnpm check:lazy-boundaries` refuses any static import of\n * the wrapped module from anywhere else. A provider picker is opened by a user who asked\n * for one; every other visitor pays nothing for it.\n *\n * No Suspense fallback with a shape: a picker renders NOTHING of its own (it opens a\n * vendor overlay), so reserving layout would draw a box where there will never be one.\n */\n\nimport * as React from \"react\"\nimport type { ProviderFilePickerProps } from \"@wildo-ai/saas-models/public-runtime\"\n\nconst LazyOneDrivePicker = React.lazy(async () => ({ default: (await import(\"./onedrive-picker\")).OneDrivePicker }))\n\nexport function OneDrivePickerLazy(props: ProviderFilePickerProps): React.JSX.Element {\n  return (\n    <React.Suspense fallback={null}>\n      <LazyOneDrivePicker {...props} />\n    </React.Suspense>\n  )\n}\n"]}

package/dist/esm/components/navigation/app-level/utility-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/utility-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAiBL,kCAAkC,EAInC,MAAM,6BAA6B,CAAC;AAgBrC,eAAO,MAAM,2CAA2C,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CA4JpG,CAAC"}
+{"version":3,"file":"utility-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/utility-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAiBL,kCAAkC,EAInC,MAAM,6BAA6B,CAAC;AAgBrC,eAAO,MAAM,2CAA2C,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CAkLpG,CAAC"}

package/dist/esm/components/navigation/app-level/utility-panel.js

@@ -81,10 +81,17 @@ export const ApplicationLevelPreset_UtilityPanel_Default = ({ position = Horizon
                 return CustomComponent ? (_jsx(React.Suspense, { fallback: _jsx("div", { className: "h-8 animate-pulse motion-reduce:animate-none bg-muted rounded", "aria-hidden": "true" }), children: _jsx(CustomComponent, {}) })) : renderUnresolved(item.componentRef);
             })();
         const itemRef = item.kind === LauncherItemTargetKind.VIEW ? item.viewRef : item.componentRef;
-        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { className: "border rounded-md p-card-sm space-y-item", "data-utility-item": itemRef, "data-utility-item-kind": item.kind, children: [_jsxs("div", { className: "flex items-center gap-element-sm", children: [itemIcon, _jsx("span", { className: "text-sm font-medium", children: item.label })] }), body] }) }, `${itemRef}:${index}`));
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { 
+                /*
+                 * `min-w-0` is load-bearing, not cosmetic. A flex/grid child defaults to `min-width: auto`,
+                 * so it refuses to shrink below its own content width and overflows its host instead —
+                 * which is exactly how a 514px view came to be clipped by a 320px sheet rather than
+                 * laying itself out narrower. Widening the sheet alone would only move the threshold.
+                 */
+                className: "border rounded-md p-card-sm space-y-item min-w-0", "data-utility-item": itemRef, "data-utility-item-kind": item.kind, children: [_jsxs("div", { className: "flex items-center gap-element-sm", children: [itemIcon, _jsx("span", { className: "text-sm font-medium", children: item.label })] }), body] }) }, `${itemRef}:${index}`));
     };
     if (!isReady)
         return null;
-    return (_jsx("div", { "data-component-type": "utility-panel", "data-breakpoint": currentBreakpoint, children: _jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, "aria-label": toggleLabel, className: "relative", children: panelIcon }) }), _jsxs(SheetContent, { side: sheetSide, className: "w-80", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: titleLabel }) }), _jsx(ScrollArea, { className: "h-[calc(100vh-120px)] mt-field", children: _jsxs("div", { className: "space-y-field pe-card", children: [resolvedItems.length > 0 && (_jsx("div", { className: "space-y-item", children: resolvedItems.map(renderItem) })), resolvedItems.length === 0 && (_jsx("div", { className: "text-sm text-muted-foreground text-center py-section-xl", children: emptyStateLabel }))] }) })] })] }) }));
+    return (_jsx("div", { "data-component-type": "utility-panel", "data-breakpoint": currentBreakpoint, children: _jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, "aria-label": toggleLabel, className: "relative", children: panelIcon }) }), _jsxs(SheetContent, { side: sheetSide, className: "w-[36rem] sm:max-w-[36rem] max-w-[100vw]", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: titleLabel }) }), _jsx(ScrollArea, { className: "h-[calc(100vh-120px)] mt-field", children: _jsxs("div", { className: "space-y-field pe-card", children: [resolvedItems.length > 0 && (_jsx("div", { className: "space-y-item", children: resolvedItems.map(renderItem) })), resolvedItems.length === 0 && (_jsx("div", { className: "text-sm text-muted-foreground text-center py-section-xl", children: emptyStateLabel }))] }) })] })] }) }));
 };
 //# sourceMappingURL=utility-panel.js.map

package/dist/esm/components/navigation/app-level/utility-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"utility-panel.js","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/utility-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ButtonSize, CorePresetNames, FrontendComponentType, HorizontalPlacement, PlacementSide, SurfaceVariant, resolvePlacementSideToRadix } from '@wildo-ai/presets-components-models';\n\nimport {\n  Button,\n  ButtonVariants_Variant,\n  ComponentRegistryService,\n  IconSize,\n  resolveComponentLabel,\n  ScrollArea,\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n  StandardIconReference,\n  useI18n,\n  useIconRegistry,\n  useUtilityPanelBehavior,\n  Surface,\n  ApplicationLevelProps_UtilityPanel,\n  UtilityPanelPlacement,\n  FlowsActorsView,\n  LauncherItemTargetKind,\n} from '@wildo-ai/saas-frontend-lib';\n\n/**\n * Maps horizontal placement to logical placement side.\n * Physical side resolution is delegated to the shared RTL-aware helper.\n */\nfunction getSheetPlacementSideFromPlacement(placement: UtilityPanelPlacement): PlacementSide {\n  return placement === HorizontalPlacement.START ? PlacementSide.START : PlacementSide.END;\n}\n\nfunction getUtilityPanelIconReference(placement: UtilityPanelPlacement): StandardIconReference {\n  return placement === HorizontalPlacement.START\n    ? StandardIconReference.PANEL_LEFT\n    : StandardIconReference.CHEVRON_RIGHT;\n}\n\nexport const ApplicationLevelPreset_UtilityPanel_Default: React.FC<ApplicationLevelProps_UtilityPanel> = ({\n  position = HorizontalPlacement.END,\n  items,\n}) => {\n  const behavior = useUtilityPanelBehavior(position, items);\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_UTILITY_PANEL });\n  const { renderIcon } = useIconRegistry();\n\n  const {\n    isOpen,\n    setIsOpen,\n    items: resolvedItems,\n    position: resolvedPosition,\n    currentBreakpoint,\n  } = behavior;\n\n  // I-7: no English fallbacks — missing keys surface as `components.<type>.<key>`\n  // for translation debugging (intentional, framework-wide i18n discipline).\n  const t = (key: string): string => resolveComponentLabel({\n    tComponent,\n    componentType: FrontendComponentType.APPLICATION_LEVEL_UTILITY_PANEL,\n    key,\n  });\n  const titleLabel = t('title');\n  const toggleLabel = t('toggle');\n  const emptyStateLabel = t('emptyState');\n\n  // Follow the engine convention: keep logical placement until the last moment,\n  // then resolve it against the current document direction.\n  const sheetPlacementSide = getSheetPlacementSideFromPlacement(resolvedPosition);\n  const dir = (typeof document !== 'undefined' ? document.documentElement?.dir : undefined) || 'ltr';\n  const sheetSide = resolvePlacementSideToRadix(sheetPlacementSide, dir as 'ltr' | 'rtl');\n\n  // Utility panel icon (panel icon for side panel concept)\n  const panelIcon = renderIcon(getUtilityPanelIconReference(resolvedPosition), { size: IconSize.MD });\n\n  /**\n   * Renders a single utility panel item.\n   *\n   * Custom components render inline, and that is the whole behaviour — nothing here navigates\n   * (#504). If a rendered utility view ever pushes a view, it will need a zone of its own, because a\n   * push from inside a side sheet otherwise lands in `PRIMARY` and replaces the workspace the panel\n   * exists to sit beside. That zone is worth adding then, and not before it has anything to hold.\n   */\n  /**\n   * The shape shown when an item names something this panel cannot host.\n   *\n   * It prints the offending REF, in destructive colour. It used to print the item's LABEL in a\n   * neutral grey box — the shape of a component that rendered fine and had little to say — so a\n   * misconfigured panel looked like a working one. Same rule a missing i18n label follows: make the\n   * gap visible, never substitute something plausible (#504).\n   */\n  const renderUnresolved = (ref: string) => (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n      <div className=\"text-xs text-destructive bg-destructive/10 p-card-sm rounded\" role=\"status\">\n        {t('unresolvedComponent')} <code>{ref}</code>\n      </div>\n    </Surface>\n  );\n\n  /**\n   * Renders a single utility panel item.\n   *\n   * Both kinds render INLINE, and nothing here navigates (#504). If a hosted view ever pushes a\n   * view, it will need a zone of its own, because a push from inside a side sheet otherwise lands in\n   * `PRIMARY` and replaces the workspace the panel exists to sit beside. That zone is worth adding\n   * then, and not before it has anything to hold — and the first question will be whether it IS\n   * `COMPANION`, which already describes persistent supplementary content.\n   *\n   * `VIEW` dispatches to exactly ONE host today, because `FlowsActorsViewDefinition` is the only\n   * application-scoped view kind the panel can host. Adding a second means extending this switch and\n   * the behaviour hook's validation TOGETHER — the hook decides whether a ref is known, this decides\n   * what renders it, and a kind added to one and not the other is a ref that validates and shows\n   * nothing.\n   */\n  const renderItem = (item: typeof resolvedItems[number], index: number) => {\n    const itemIcon = renderIcon(item.icon, { size: IconSize.SM });\n\n    const body = item.kind === LauncherItemTargetKind.VIEW\n      ? (item.resolvedViewRef !== null\n        ? <FlowsActorsView viewRef={item.resolvedViewRef} />\n        : renderUnresolved(item.viewRef))\n      : (() => {\n        const CustomComponent = item.componentType\n          ? ComponentRegistryService.resolve(item.componentType, CorePresetNames.DEFAULT)\n          : null;\n        return CustomComponent ? (\n          <React.Suspense\n            fallback={<div className=\"h-8 animate-pulse motion-reduce:animate-none bg-muted rounded\" aria-hidden=\"true\" />}\n          >\n            <CustomComponent />\n          </React.Suspense>\n        ) : renderUnresolved(item.componentRef);\n      })();\n\n    const itemRef = item.kind === LauncherItemTargetKind.VIEW ? item.viewRef : item.componentRef;\n\n    return (\n      <Surface key={`${itemRef}:${index}`} asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n        <div\n          className=\"border rounded-md p-card-sm space-y-item\"\n          data-utility-item={itemRef}\n          data-utility-item-kind={item.kind}\n        >\n          <div className=\"flex items-center gap-element-sm\">\n            {itemIcon}\n            <span className=\"text-sm font-medium\">{item.label}</span>\n          </div>\n          {body}\n        </div>\n      </Surface>\n    );\n  };\n\n  if (!isReady) return null;\n\n  return (\n    <div data-component-type=\"utility-panel\" data-breakpoint={currentBreakpoint}>\n      <Sheet open={isOpen} onOpenChange={setIsOpen}>\n        <SheetTrigger asChild>\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            aria-label={toggleLabel}\n            className=\"relative\"\n          >\n            {panelIcon}\n          </Button>\n        </SheetTrigger>\n\n        <SheetContent side={sheetSide} className=\"w-80\">\n          <SheetHeader>\n            <SheetTitle>{titleLabel}</SheetTitle>\n          </SheetHeader>\n\n          <ScrollArea className=\"h-[calc(100vh-120px)] mt-field\">\n            <div className=\"space-y-field pe-card\">\n              {/* Items */}\n              {resolvedItems.length > 0 && (\n                <div className=\"space-y-item\">\n                  {resolvedItems.map(renderItem)}\n                </div>\n              )}\n\n              {/* Empty state */}\n              {resolvedItems.length === 0 && (\n                <div className=\"text-sm text-muted-foreground text-center py-section-xl\">\n                  {emptyStateLabel}\n                </div>\n              )}\n            </div>\n          </ScrollArea>\n        </SheetContent>\n      </Sheet>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"utility-panel.js","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/utility-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ButtonSize, CorePresetNames, FrontendComponentType, HorizontalPlacement, PlacementSide, SurfaceVariant, resolvePlacementSideToRadix } from '@wildo-ai/presets-components-models';\n\nimport {\n  Button,\n  ButtonVariants_Variant,\n  ComponentRegistryService,\n  IconSize,\n  resolveComponentLabel,\n  ScrollArea,\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n  StandardIconReference,\n  useI18n,\n  useIconRegistry,\n  useUtilityPanelBehavior,\n  Surface,\n  ApplicationLevelProps_UtilityPanel,\n  UtilityPanelPlacement,\n  FlowsActorsView,\n  LauncherItemTargetKind,\n} from '@wildo-ai/saas-frontend-lib';\n\n/**\n * Maps horizontal placement to logical placement side.\n * Physical side resolution is delegated to the shared RTL-aware helper.\n */\nfunction getSheetPlacementSideFromPlacement(placement: UtilityPanelPlacement): PlacementSide {\n  return placement === HorizontalPlacement.START ? PlacementSide.START : PlacementSide.END;\n}\n\nfunction getUtilityPanelIconReference(placement: UtilityPanelPlacement): StandardIconReference {\n  return placement === HorizontalPlacement.START\n    ? StandardIconReference.PANEL_LEFT\n    : StandardIconReference.CHEVRON_RIGHT;\n}\n\nexport const ApplicationLevelPreset_UtilityPanel_Default: React.FC<ApplicationLevelProps_UtilityPanel> = ({\n  position = HorizontalPlacement.END,\n  items,\n}) => {\n  const behavior = useUtilityPanelBehavior(position, items);\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_UTILITY_PANEL });\n  const { renderIcon } = useIconRegistry();\n\n  const {\n    isOpen,\n    setIsOpen,\n    items: resolvedItems,\n    position: resolvedPosition,\n    currentBreakpoint,\n  } = behavior;\n\n  // I-7: no English fallbacks — missing keys surface as `components.<type>.<key>`\n  // for translation debugging (intentional, framework-wide i18n discipline).\n  const t = (key: string): string => resolveComponentLabel({\n    tComponent,\n    componentType: FrontendComponentType.APPLICATION_LEVEL_UTILITY_PANEL,\n    key,\n  });\n  const titleLabel = t('title');\n  const toggleLabel = t('toggle');\n  const emptyStateLabel = t('emptyState');\n\n  // Follow the engine convention: keep logical placement until the last moment,\n  // then resolve it against the current document direction.\n  const sheetPlacementSide = getSheetPlacementSideFromPlacement(resolvedPosition);\n  const dir = (typeof document !== 'undefined' ? document.documentElement?.dir : undefined) || 'ltr';\n  const sheetSide = resolvePlacementSideToRadix(sheetPlacementSide, dir as 'ltr' | 'rtl');\n\n  // Utility panel icon (panel icon for side panel concept)\n  const panelIcon = renderIcon(getUtilityPanelIconReference(resolvedPosition), { size: IconSize.MD });\n\n  /**\n   * Renders a single utility panel item.\n   *\n   * Custom components render inline, and that is the whole behaviour — nothing here navigates\n   * (#504). If a rendered utility view ever pushes a view, it will need a zone of its own, because a\n   * push from inside a side sheet otherwise lands in `PRIMARY` and replaces the workspace the panel\n   * exists to sit beside. That zone is worth adding then, and not before it has anything to hold.\n   */\n  /**\n   * The shape shown when an item names something this panel cannot host.\n   *\n   * It prints the offending REF, in destructive colour. It used to print the item's LABEL in a\n   * neutral grey box — the shape of a component that rendered fine and had little to say — so a\n   * misconfigured panel looked like a working one. Same rule a missing i18n label follows: make the\n   * gap visible, never substitute something plausible (#504).\n   */\n  const renderUnresolved = (ref: string) => (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n      <div className=\"text-xs text-destructive bg-destructive/10 p-card-sm rounded\" role=\"status\">\n        {t('unresolvedComponent')} <code>{ref}</code>\n      </div>\n    </Surface>\n  );\n\n  /**\n   * Renders a single utility panel item.\n   *\n   * Both kinds render INLINE, and nothing here navigates (#504). If a hosted view ever pushes a\n   * view, it will need a zone of its own, because a push from inside a side sheet otherwise lands in\n   * `PRIMARY` and replaces the workspace the panel exists to sit beside. That zone is worth adding\n   * then, and not before it has anything to hold — and the first question will be whether it IS\n   * `COMPANION`, which already describes persistent supplementary content.\n   *\n   * `VIEW` dispatches to exactly ONE host today, because `FlowsActorsViewDefinition` is the only\n   * application-scoped view kind the panel can host. Adding a second means extending this switch and\n   * the behaviour hook's validation TOGETHER — the hook decides whether a ref is known, this decides\n   * what renders it, and a kind added to one and not the other is a ref that validates and shows\n   * nothing.\n   */\n  const renderItem = (item: typeof resolvedItems[number], index: number) => {\n    const itemIcon = renderIcon(item.icon, { size: IconSize.SM });\n\n    const body = item.kind === LauncherItemTargetKind.VIEW\n      ? (item.resolvedViewRef !== null\n        ? <FlowsActorsView viewRef={item.resolvedViewRef} />\n        : renderUnresolved(item.viewRef))\n      : (() => {\n        const CustomComponent = item.componentType\n          ? ComponentRegistryService.resolve(item.componentType, CorePresetNames.DEFAULT)\n          : null;\n        return CustomComponent ? (\n          <React.Suspense\n            fallback={<div className=\"h-8 animate-pulse motion-reduce:animate-none bg-muted rounded\" aria-hidden=\"true\" />}\n          >\n            <CustomComponent />\n          </React.Suspense>\n        ) : renderUnresolved(item.componentRef);\n      })();\n\n    const itemRef = item.kind === LauncherItemTargetKind.VIEW ? item.viewRef : item.componentRef;\n\n    return (\n      <Surface key={`${itemRef}:${index}`} asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n        <div\n          /*\n           * `min-w-0` is load-bearing, not cosmetic. A flex/grid child defaults to `min-width: auto`,\n           * so it refuses to shrink below its own content width and overflows its host instead —\n           * which is exactly how a 514px view came to be clipped by a 320px sheet rather than\n           * laying itself out narrower. Widening the sheet alone would only move the threshold.\n           */\n          className=\"border rounded-md p-card-sm space-y-item min-w-0\"\n          data-utility-item={itemRef}\n          data-utility-item-kind={item.kind}\n        >\n          <div className=\"flex items-center gap-element-sm\">\n            {itemIcon}\n            <span className=\"text-sm font-medium\">{item.label}</span>\n          </div>\n          {body}\n        </div>\n      </Surface>\n    );\n  };\n\n  if (!isReady) return null;\n\n  return (\n    <div data-component-type=\"utility-panel\" data-breakpoint={currentBreakpoint}>\n      <Sheet open={isOpen} onOpenChange={setIsOpen}>\n        <SheetTrigger asChild>\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            aria-label={toggleLabel}\n            className=\"relative\"\n          >\n            {panelIcon}\n          </Button>\n        </SheetTrigger>\n\n        {/*\n          * Sized to the content it HOSTS, not to the rail it began as (#504).\n          *\n          * This was `w-80` (320px), which is right for a small widget and wrong for a VIEW. Measured\n          * in the running app: the Todo Assistant's MIN-CONTENT width is 514px — it cannot lay out\n          * narrower, so it overflowed and was clipped by 194px, its prompt input running off one\n          * edge and its description off the other. `min-w-0` on the item does not help against a\n          * min-content floor; only giving it the width does.\n          *\n          * `sm:max-w-[36rem]` is not redundant with `w-[36rem]`. `SheetContent`'s own base classes\n          * carry `sm:max-w-sm` (384px), which silently CAPPED an earlier attempt at `w-[26rem]` —\n          * the computed width came back 384px and the panel still clipped. A width class alone loses\n          * to that cap, which is exactly the kind of thing only a browser measurement finds.\n          *\n          * `max-w-[100vw]` keeps a narrow window whole.\n          */}\n        <SheetContent side={sheetSide} className=\"w-[36rem] sm:max-w-[36rem] max-w-[100vw]\">\n          <SheetHeader>\n            <SheetTitle>{titleLabel}</SheetTitle>\n          </SheetHeader>\n\n          <ScrollArea className=\"h-[calc(100vh-120px)] mt-field\">\n            <div className=\"space-y-field pe-card\">\n              {/* Items */}\n              {resolvedItems.length > 0 && (\n                <div className=\"space-y-item\">\n                  {resolvedItems.map(renderItem)}\n                </div>\n              )}\n\n              {/* Empty state */}\n              {resolvedItems.length === 0 && (\n                <div className=\"text-sm text-muted-foreground text-center py-section-xl\">\n                  {emptyStateLabel}\n                </div>\n              )}\n            </div>\n          </ScrollArea>\n        </SheetContent>\n      </Sheet>\n    </div>\n  );\n};\n"]}

package/dist/esm/components/sections/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,YAAY,EAKb,MAAM,6BAA6B,CAAC;AAiRrC,eAAO,MAAM,IAAI,cAA+G,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,YAAY,EAKb,MAAM,6BAA6B,CAAC;AAoRrC,eAAO,MAAM,IAAI,cAA+G,CAAA"}

package/dist/esm/components/sections/tabs.js

@@ -166,7 +166,11 @@ function TabsTrigger({ className, ...props }) {
     const { getRecipe } = useUI();
     // Vertical rail → FILLED (soft fill on select); horizontal → UNDERLINE.
     const recipe = getRecipe(UIBehavior.SELECTABLE, isVertical ? SelectableVariant.FILLED : SelectableVariant.UNDERLINE);
-    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("inline-flex items-center gap-1.5 text-sm font-medium whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", isVertical
+    return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn(
+        // `cursor-pointer` sits here rather than in the recipe, matching the
+        // accordion trigger: an element that switches the visible panel must
+        // read as clickable whatever the theme dresses it in.
+        "inline-flex cursor-pointer items-center gap-1.5 text-sm font-medium whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", isVertical
             // Vertical: full-width, left-aligned rail item (FILLED recipe fills it).
             ? "w-full justify-start rounded-md px-card-sm py-item"
             // Horizontal: content-width underline tab (UNDERLINE recipe draws the