@alfakit/vue 0.1.2 → 0.1.7

package/dist/starter-kit/runtime.d.ts

@@ -7,6 +7,12 @@ export interface StarterKitPageOptions extends Pick<AlfakitOptions<AnyComponent>
      * `null` renders the pages without a host layout.
      */
     layout?: AnyComponent | null;
+    /**
+     * Auto-registered custom components, as for `createAlfakit({ discover })`: pass
+     * `import.meta.glob('../../alfakit/{fields,columns,entries,widgets,pages,components,blocks}/**\/*.vue')`
+     * from `resources/js/pages/Alfakit/Page.vue` and every file there registers under its name.
+     */
+    discover?: AlfakitOptions<AnyComponent>['discover'];
 }
 /** @internal The context of the starter kit root (shared by the browser session). */
 export declare function starterKitContext(options: StarterKitPageOptions): AlfakitContextValue;

package/dist/starter-kit/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/starter-kit/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAMnE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,cAAc,CAAC,YAAY,CAAC,EAC5B,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,cAAc,GAAG,sBAAsB,CACrF;IACC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;CAC7B;AAgCD,qFAAqF;AACrF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,mBAAmB,CASrF"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/starter-kit/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AASnE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,cAAc,CAAC,YAAY,CAAC,EAC5B,YAAY,GAAG,OAAO,GAAG,iBAAiB,GAAG,cAAc,GAAG,sBAAsB,CACrF;IACC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;CACpD;AAuCD,qFAAqF;AACrF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,mBAAmB,CASrF"}

package/dist/starter-kit/runtime.js

@@ -1,36 +1,40 @@
 import { preloadIcons as e } from "../lib/icons.js";
 import { showToast as t } from "../components/notifications/flash-toasts.js";
-import { createDefaultRegistry as n } from "../registry.js";
-import r from "../pages/AlfakitPage.js";
-import i from "./StarterKitContentLayout.js";
-import { ActionRunner as a, Translator as o, resolveRequestErrorNotification as s } from "@alfakit/core";
+import { discoverComponents as n } from "../lib/discovery.js";
+import { createDefaultRegistry as r } from "../registry.js";
+import i from "../layouts/AuthLayout.js";
+import a from "../pages/AlfakitPage.js";
+import { lazyPanelLayouts as o } from "../layouts/lazy-layouts.js";
+import s from "./StarterKitContentLayout.js";
+import { ActionRunner as c, Translator as l, resolveRequestErrorNotification as u } from "@alfakit/core";
 //#region src/starter-kit/runtime.ts
-var c = null;
-function l(e) {
-	let c = n().register("layout:app", i).registerMany(e.components ?? {}), l = new o();
+var d = null;
+function f(e) {
+	let d = n(e.discover), f = r().registerMany(o).register("layout:auth", i).register("layout:app", s).registerMany(d.components).registerMany(e.components ?? {}), p = new l();
 	return {
-		registry: c,
+		registry: f,
 		pages: {
-			"Alfakit/Page": r,
+			"Alfakit/Page": a,
+			...d.pages,
 			...e.pages
 		},
-		translator: l,
-		actions: new a({
+		translator: p,
+		actions: new c({
 			endpoints: {
 				action: "",
 				modal: ""
 			},
 			onError: (e) => {
-				let n = s(e, null, (e, t, n) => l.t(e, t, n));
+				let n = u(e, null, (e, t, n) => p.t(e, t, n));
 				n && t(n);
 			}
 		})
 	};
 }
-function u(t) {
-	return e(), typeof window > "u" ? l(t) : (c ??= l(t), c);
+function p(t) {
+	return e(), typeof window > "u" ? f(t) : (d ??= f(t), d);
 }
 //#endregion
-export { u as starterKitContext };
+export { p as starterKitContext };
 
 //# sourceMappingURL=runtime.js.map

package/dist/starter-kit/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","names":["StarterKitContentLayout","AlfakitPage","AlfakitPage_default","StarterKitContentLayout_default","browserContext","createStarterKitContext","registry","createDefaultRegistry","options","translator","Translator","ActionRunner","notification","resolveRequestErrorNotification","error","key","replacements","fallback","showToast","starterKitContext","preloadIcons"],"sources":["../../src/starter-kit/runtime.ts"],"sourcesContent":["import {\n  ActionRunner,\n  Translator,\n  resolveRequestErrorNotification,\n  type AlfakitOptions,\n} from '@alfakit/core'\nimport { showToast } from '../components/notifications/flash-toasts'\nimport type { AlfakitContextValue, AnyComponent } from '../context'\nimport { preloadIcons } from '../lib/icons'\nimport AlfakitPage from '../pages/AlfakitPage.vue'\nimport { createDefaultRegistry } from '../registry'\nimport StarterKitContentLayout from './StarterKitContentLayout.vue'\n\nexport interface StarterKitPageOptions extends Pick<\n  AlfakitOptions<AnyComponent>,\n  'components' | 'pages' | 'chartFormatters' | 'chartPlugins' | 'richEditorExtensions'\n> {\n  /**\n   * The host layout Alfakit pages render in, usually the starter kit's `AppLayout`\n   * (`@/layouts/AppLayout.vue`). It receives the page's breadcrumbs as `{ title, href }`.\n   * `null` renders the pages without a host layout.\n   */\n  layout?: AnyComponent | null\n}\n\n// One context for the browser session (it survives navigations between host and Alfakit\n// pages); a server render builds one per request so concurrent renders never share a locale.\nlet browserContext: AlfakitContextValue | null = null\n\nfunction createStarterKitContext(options: StarterKitPageOptions): AlfakitContextValue {\n  const registry = createDefaultRegistry()\n    .register('layout:app', StarterKitContentLayout)\n    .registerMany(options.components ?? {})\n  const translator = new Translator()\n\n  return {\n    registry,\n    pages: { 'Alfakit/Page': AlfakitPage, ...options.pages },\n    translator,\n    actions: new ActionRunner({\n      endpoints: { action: '', modal: '' },\n      // A failed action request is a toast, never a silent no-op.\n      onError: (error) => {\n        const notification = resolveRequestErrorNotification(\n          error,\n          null,\n          (key, replacements, fallback) => translator.t(key, replacements, fallback),\n        )\n\n        if (notification) showToast(notification)\n      },\n    }),\n  }\n}\n\n/** @internal The context of the starter kit root (shared by the browser session). */\nexport function starterKitContext(options: StarterKitPageOptions): AlfakitContextValue {\n  // Panel pages draw named icons: fetch the name → chunk map with the page.\n  preloadIcons()\n\n  if (typeof window === 'undefined') return createStarterKitContext(options)\n\n  browserContext ??= createStarterKitContext(options)\n\n  return browserContext\n}\n"],"mappings":";;;;;;;AA2BA,IAAII,IAA6C;AAEjD,SAASC,EAAwB,GAAqD;CACpF,IAAMC,IAAWC,EAAsB,CAAC,CACrC,SAAS,cAAcP,CAAuB,CAAC,CAC/C,aAAaQ,EAAQ,cAAc,CAAC,CAAC,GAClCC,IAAa,IAAIC,EAAW;CAElC,OAAO;EACL;EACA,OAAO;GAAE,gBAAgBT;GAAa,GAAGO,EAAQ;EAAM;EACvD;EACA,SAAS,IAAIG,EAAa;GACxB,WAAW;IAAE,QAAQ;IAAI,OAAO;GAAG;GAEnC,UAAU,MAAU;IAClB,IAAMC,IAAeC,EACnBC,GACA,OACC,GAAK,GAAc,MAAaL,EAAW,EAAEM,GAAKC,GAAcC,CAAQ,CAC3E;IAEA,AAAIL,KAAcM,EAAUN,CAAY;GAC1C;EACF,CAAC;CACH;AACF;AAGA,SAAgBO,EAAkB,GAAqD;CAQrF,OANAC,EAAa,GAET,OAAO,SAAW,MAAoBf,EAAwBG,CAAO,KAEzE,MAAmBH,EAAwBG,CAAO,GAE3CJ;AACT"}
+{"version":3,"file":"runtime.js","names":["AuthLayout","StarterKitContentLayout","AlfakitPage","AuthLayout_default","AlfakitPage_default","StarterKitContentLayout_default","browserContext","createStarterKitContext","discovered","discoverComponents","options","registry","createDefaultRegistry","lazyPanelLayouts","translator","Translator","ActionRunner","notification","resolveRequestErrorNotification","error","key","replacements","fallback","showToast","starterKitContext","preloadIcons"],"sources":["../../src/starter-kit/runtime.ts"],"sourcesContent":["import {\n  ActionRunner,\n  Translator,\n  resolveRequestErrorNotification,\n  type AlfakitOptions,\n} from '@alfakit/core'\nimport { showToast } from '../components/notifications/flash-toasts'\nimport type { AlfakitContextValue, AnyComponent } from '../context'\nimport AuthLayout from '../layouts/AuthLayout.vue'\nimport { lazyPanelLayouts } from '../layouts/lazy-layouts'\nimport { discoverComponents } from '../lib/discovery'\nimport { preloadIcons } from '../lib/icons'\nimport AlfakitPage from '../pages/AlfakitPage.vue'\nimport { createDefaultRegistry } from '../registry'\nimport StarterKitContentLayout from './StarterKitContentLayout.vue'\n\nexport interface StarterKitPageOptions extends Pick<\n  AlfakitOptions<AnyComponent>,\n  'components' | 'pages' | 'chartFormatters' | 'chartPlugins' | 'richEditorExtensions'\n> {\n  /**\n   * The host layout Alfakit pages render in, usually the starter kit's `AppLayout`\n   * (`@/layouts/AppLayout.vue`). It receives the page's breadcrumbs as `{ title, href }`.\n   * `null` renders the pages without a host layout.\n   */\n  layout?: AnyComponent | null\n  /**\n   * Auto-registered custom components, as for `createAlfakit({ discover })`: pass\n   * `import.meta.glob('../../alfakit/{fields,columns,entries,widgets,pages,components,blocks}/**\\/*.vue')`\n   * from `resources/js/pages/Alfakit/Page.vue` and every file there registers under its name.\n   */\n  discover?: AlfakitOptions<AnyComponent>['discover']\n}\n\n// One context for the browser session (it survives navigations between host and Alfakit\n// pages); a server render builds one per request so concurrent renders never share a locale.\nlet browserContext: AlfakitContextValue | null = null\n\nfunction createStarterKitContext(options: StarterKitPageOptions): AlfakitContextValue {\n  // The host's layout replaces the panel's. Auth pages (invitations, tenant registration)\n  // keep the panel's card; the fullscreen layout loads on demand.\n  // Auto-registered files sit between the built-ins and the explicit `components` / `pages`.\n  const discovered = discoverComponents(options.discover)\n  const registry = createDefaultRegistry()\n    .registerMany(lazyPanelLayouts)\n    .register('layout:auth', AuthLayout)\n    .register('layout:app', StarterKitContentLayout)\n    .registerMany(discovered.components)\n    .registerMany(options.components ?? {})\n  const translator = new Translator()\n\n  return {\n    registry,\n    pages: { 'Alfakit/Page': AlfakitPage, ...discovered.pages, ...options.pages },\n    translator,\n    actions: new ActionRunner({\n      endpoints: { action: '', modal: '' },\n      // A failed action request is a toast, never a silent no-op.\n      onError: (error) => {\n        const notification = resolveRequestErrorNotification(\n          error,\n          null,\n          (key, replacements, fallback) => translator.t(key, replacements, fallback),\n        )\n\n        if (notification) showToast(notification)\n      },\n    }),\n  }\n}\n\n/** @internal The context of the starter kit root (shared by the browser session). */\nexport function starterKitContext(options: StarterKitPageOptions): AlfakitContextValue {\n  // Panel pages draw named icons: fetch the name → chunk map with the page.\n  preloadIcons()\n\n  if (typeof window === 'undefined') return createStarterKitContext(options)\n\n  browserContext ??= createStarterKitContext(options)\n\n  return browserContext\n}\n"],"mappings":";;;;;;;;;;AAoCA,IAAIM,IAA6C;AAEjD,SAASC,EAAwB,GAAqD;CAIpF,IAAMC,IAAaC,EAAmBC,EAAQ,QAAQ,GAChDC,IAAWC,EAAsB,CAAC,CACrC,aAAaC,CAAgB,CAAC,CAC9B,SAAS,eAAeb,CAAU,CAAC,CACnC,SAAS,cAAcC,CAAuB,CAAC,CAC/C,aAAaO,EAAW,UAAU,CAAC,CACnC,aAAaE,EAAQ,cAAc,CAAC,CAAC,GAClCI,IAAa,IAAIC,EAAW;CAElC,OAAO;EACL;EACA,OAAO;GAAE,gBAAgBb;GAAa,GAAGM,EAAW;GAAO,GAAGE,EAAQ;EAAM;EAC5E;EACA,SAAS,IAAIM,EAAa;GACxB,WAAW;IAAE,QAAQ;IAAI,OAAO;GAAG;GAEnC,UAAU,MAAU;IAClB,IAAMC,IAAeC,EACnBC,GACA,OACC,GAAK,GAAc,MAAaL,EAAW,EAAEM,GAAKC,GAAcC,CAAQ,CAC3E;IAEA,AAAIL,KAAcM,EAAUN,CAAY;GAC1C;EACF,CAAC;CACH;AACF;AAGA,SAAgBO,EAAkB,GAAqD;CAQrF,OANAC,EAAa,GAET,OAAO,SAAW,MAAoBlB,EAAwBG,CAAO,KAEzE,MAAmBH,EAAwBG,CAAO,GAE3CJ;AACT"}

package/dist/starter-kit/starter-kit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"starter-kit.d.ts","sourceRoot":"","sources":["../../src/starter-kit/starter-kit.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEtD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,qBAA0B;;;;;;;;;;;;;;;;;;;oBAYpD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;EAO1C"}
+{"version":3,"file":"starter-kit.d.ts","sourceRoot":"","sources":["../../src/starter-kit/starter-kit.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEtD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,qBAA0B;;;;;;;;;;;;;;;;;;;oBAYpD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;EAO1C"}

package/dist/starter-kit/starter-kit.js

@@ -1,17 +1,17 @@
 import e from "../pages/AlfakitPage.js";
 import t from "./AlfakitStarterKitRoot.js";
-import { configureCharts as n, registerRichEditorExtensions as r, starterKitBreadcrumbsFromProps as i } from "@alfakit/core";
-import { defineComponent as a, h as o, markRaw as s } from "vue";
+import { configureCharts as n, registerRichEditorExtensions as r, starterKitBreadcrumbsFromProps as i, usesStarterKitHostLayout as a } from "@alfakit/core";
+import { defineComponent as o, h as s, markRaw as c } from "vue";
 //#region src/starter-kit/starter-kit.ts
-function c(c = {}) {
-	n(c), r(c.richEditorExtensions ?? {});
-	let l = a({
+function l(l = {}) {
+	n(l), r(l.richEditorExtensions ?? {});
+	let u = o({
 		name: "AlfakitStarterKitPage",
-		setup: () => () => o(e)
+		setup: () => () => s(e)
 	});
-	return Object.assign(l, { layout: (e) => [...c.layout ? [[s(c.layout), { breadcrumbs: i(e) }]] : [], [t, { options: c }]] });
+	return Object.assign(u, { layout: (e) => [...l.layout && a(e) ? [[c(l.layout), { breadcrumbs: i(e) }]] : [], [t, { options: l }]] });
 }
 //#endregion
-export { c as createStarterKitPage };
+export { l as createStarterKitPage };
 
 //# sourceMappingURL=starter-kit.js.map

package/dist/starter-kit/starter-kit.js.map

@@ -1 +1 @@
-{"version":3,"file":"starter-kit.js","names":["AlfakitPage","AlfakitStarterKitRoot","AlfakitPage_default","AlfakitStarterKitRoot_default","createStarterKitPage","configureCharts","options","registerRichEditorExtensions","page","defineComponent","h","markRaw","starterKitBreadcrumbsFromProps","props"],"sources":["../../src/starter-kit/starter-kit.ts"],"sourcesContent":["import {\n  configureCharts,\n  registerRichEditorExtensions,\n  starterKitBreadcrumbsFromProps,\n} from '@alfakit/core'\nimport { defineComponent, h, markRaw } from 'vue'\nimport AlfakitPage from '../pages/AlfakitPage.vue'\nimport AlfakitStarterKitRoot from './AlfakitStarterKitRoot.vue'\nimport type { StarterKitPageOptions } from './runtime'\n\nexport type { StarterKitPageOptions } from './runtime'\n\n/**\n * The page component for `Alfakit/Page` in a starter kit app: the host's\n * `resources/js/pages/Alfakit/Page.vue` (written by `alfakit:install --starter-kit`) exports\n * it, so Inertia's page resolution, the root view's page preload and SSR all find it like any\n * other host page.\n *\n * ```vue\n * <script lang=\"ts\">\n * import { createStarterKitPage } from '@alfakit/vue'\n * import AppLayout from '@/layouts/AppLayout.vue'\n *\n * export default createStarterKitPage({ layout: AppLayout })\n * </script>\n * ```\n */\nexport function createStarterKitPage(options: StarterKitPageOptions = {}) {\n  // `'js:name'` chart option callbacks, Chart.js plugins and rich editor extensions.\n  configureCharts(options)\n  registerRichEditorExtensions(options.richEditorExtensions ?? {})\n\n  const page = defineComponent({\n    name: 'AlfakitStarterKitPage',\n    setup: () => () => h(AlfakitPage),\n  })\n\n  // A layout callback: the host layout (with the page's breadcrumbs), then Alfakit's root.\n  return Object.assign(page, {\n    layout: (props: Record<string, unknown>) => [\n      ...(options.layout\n        ? [[markRaw(options.layout), { breadcrumbs: starterKitBreadcrumbsFromProps(props) }]]\n        : []),\n      [AlfakitStarterKitRoot, { options }],\n    ],\n  })\n}\n"],"mappings":";;;;;AA2BA,SAAgBI,EAAqB,IAAiC,CAAC,GAAG;CAGxE,AADAC,EAAgBC,CAAO,GACvBC,EAA6BD,EAAQ,wBAAwB,CAAC,CAAC;CAE/D,IAAME,IAAOC,EAAgB;EAC3B,MAAM;EACN,mBAAmBC,EAAEV,CAAW;CAClC,CAAC;CAGD,OAAO,OAAO,OAAOQ,GAAM,EACzB,SAAS,MAAmC,CAC1C,GAAIF,EAAQ,SACR,CAAC,CAACK,EAAQL,EAAQ,MAAM,GAAG,EAAE,aAAaM,EAA+BC,CAAK,EAAE,CAAC,CAAC,IAClF,CAAC,GACL,CAACZ,GAAuB,EAAE,WAAQ,CAAC,CACrC,EACF,CAAC;AACH"}
+{"version":3,"file":"starter-kit.js","names":["AlfakitPage","AlfakitStarterKitRoot","AlfakitPage_default","AlfakitStarterKitRoot_default","createStarterKitPage","configureCharts","options","registerRichEditorExtensions","page","defineComponent","h","usesStarterKitHostLayout","props","markRaw","starterKitBreadcrumbsFromProps"],"sources":["../../src/starter-kit/starter-kit.ts"],"sourcesContent":["import {\n  configureCharts,\n  registerRichEditorExtensions,\n  starterKitBreadcrumbsFromProps,\n  usesStarterKitHostLayout,\n} from '@alfakit/core'\nimport { defineComponent, h, markRaw } from 'vue'\nimport AlfakitPage from '../pages/AlfakitPage.vue'\nimport AlfakitStarterKitRoot from './AlfakitStarterKitRoot.vue'\nimport type { StarterKitPageOptions } from './runtime'\n\nexport type { StarterKitPageOptions } from './runtime'\n\n/**\n * The page component for `Alfakit/Page` in a starter kit app: the host's\n * `resources/js/pages/Alfakit/Page.vue` (written by `alfakit:install --starter-kit`) exports\n * it, so Inertia's page resolution, the root view's page preload and SSR all find it like any\n * other host page.\n *\n * ```vue\n * <script lang=\"ts\">\n * import { createStarterKitPage } from '@alfakit/vue'\n * import AppLayout from '@/layouts/AppLayout.vue'\n *\n * export default createStarterKitPage({ layout: AppLayout })\n * </script>\n * ```\n */\nexport function createStarterKitPage(options: StarterKitPageOptions = {}) {\n  // `'js:name'` chart option callbacks, Chart.js plugins and rich editor extensions.\n  configureCharts(options)\n  registerRichEditorExtensions(options.richEditorExtensions ?? {})\n\n  const page = defineComponent({\n    name: 'AlfakitStarterKitPage',\n    setup: () => () => h(AlfakitPage),\n  })\n\n  // A layout callback: the host layout (with the page's breadcrumbs), then Alfakit's root.\n  return Object.assign(page, {\n    layout: (props: Record<string, unknown>) => [\n      ...(options.layout && usesStarterKitHostLayout(props)\n        ? [[markRaw(options.layout), { breadcrumbs: starterKitBreadcrumbsFromProps(props) }]]\n        : []),\n      [AlfakitStarterKitRoot, { options }],\n    ],\n  })\n}\n"],"mappings":";;;;;AA4BA,SAAgBI,EAAqB,IAAiC,CAAC,GAAG;CAGxE,AADAC,EAAgBC,CAAO,GACvBC,EAA6BD,EAAQ,wBAAwB,CAAC,CAAC;CAE/D,IAAME,IAAOC,EAAgB;EAC3B,MAAM;EACN,mBAAmBC,EAAEV,CAAW;CAClC,CAAC;CAGD,OAAO,OAAO,OAAOQ,GAAM,EACzB,SAAS,MAAmC,CAC1C,GAAIF,EAAQ,UAAUK,EAAyBC,CAAK,IAChD,CAAC,CAACC,EAAQP,EAAQ,MAAM,GAAG,EAAE,aAAaQ,EAA+BF,CAAK,EAAE,CAAC,CAAC,IAClF,CAAC,GACL,CAACX,GAAuB,EAAE,WAAQ,CAAC,CACrC,EACF,CAAC;AACH"}

package/dist/starter-kit/widgets/CopilotTrigger.js

@@ -0,0 +1,7 @@
+import e from "./CopilotTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/starter-kit/widgets/CopilotTrigger.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=CopilotTrigger.js.map

package/dist/starter-kit/widgets/CopilotTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotTrigger.js","names":["_sfc_main","CopilotTrigger_vue_vue_type_script_setup_true_lang_default","CopilotTrigger_default"],"sources":["../../../src/starter-kit/widgets/CopilotTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  registerStarterKitCopilotShortcut,\n  requestStarterKitCopilot,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, watch } from 'vue'\n\n/**\n * The AI copilot's button until its code has loaded: the same look, from the shared prop\n * alone (its code loads once mounted). A click and its key bindings (`mod+j`) are\n * remembered and open it once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst copilot = computed(() => props.source.widgets.copilot)\n\nif (typeof window !== 'undefined') {\n  watch(\n    copilot,\n    (value, _old, onCleanup) =>\n      onCleanup(registerStarterKitCopilotShortcut(value?.keyBindings ?? [], value?.label ?? '')),\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    data-slot=\"ai-copilot-trigger\"\n    :aria-label=\"copilot?.label\"\n    aria-haspopup=\"dialog\"\n    :title=\"copilot?.label\"\n    class=\"hover:bg-accent hover:text-accent-foreground inline-flex size-9 items-center justify-center rounded-md\"\n    @click=\"requestStarterKitCopilot()\"\n  >\n    <!-- Lucide's \"sparkles\", inline: the loaded copilot draws the same icon. -->\n    <svg\n      class=\"size-4\"\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <path\n        d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\n      />\n      <path d=\"M20 2v4\" />\n      <path d=\"M22 4h-4\" />\n      <circle cx=\"4\" cy=\"20\" r=\"2\" />\n    </svg>\n  </button>\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/CopilotTrigger.vue.d.ts

@@ -0,0 +1,12 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+/**
+ * The AI copilot's button until its code has loaded: the same look, from the shared prop
+ * alone (its code loads once mounted). A click and its key bindings (`mod+j`) are
+ * remembered and open it once loaded.
+ */
+type __VLS_Props = {
+    source: StarterKitWidgets;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=CopilotTrigger.vue.d.ts.map

package/dist/starter-kit/widgets/CopilotTrigger.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/CopilotTrigger.vue"],"names":[],"mappings":"AA4DA,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAA;AAGtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AAuFjD,wBAMG"}

package/dist/starter-kit/widgets/CopilotTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,23 @@
+import { registerStarterKitCopilotShortcut as e, requestStarterKitCopilot as t } from "@alfakit/core";
+import { computed as n, createElementBlock as r, createStaticVNode as i, defineComponent as a, openBlock as o, unref as s, watch as c } from "vue";
+//#region src/starter-kit/widgets/CopilotTrigger.vue?vue&type=script&setup=true&lang.ts
+var l = ["aria-label", "title"], u = /*@__PURE__*/ a({
+	__name: "CopilotTrigger",
+	props: { source: {} },
+	setup(a) {
+		let u = a, d = n(() => u.source.widgets.copilot);
+		return typeof window < "u" && c(d, (t, n, r) => r(e(t?.keyBindings ?? [], t?.label ?? "")), { immediate: !0 }), (e, n) => (o(), r("button", {
+			type: "button",
+			"data-slot": "ai-copilot-trigger",
+			"aria-label": d.value?.label,
+			"aria-haspopup": "dialog",
+			title: d.value?.label,
+			class: "hover:bg-accent hover:text-accent-foreground inline-flex size-9 items-center justify-center rounded-md",
+			onClick: n[0] ||= (e) => s(t)()
+		}, [...n[1] ||= [i("<svg class=\"size-4\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"></path><path d=\"M20 2v4\"></path><path d=\"M22 4h-4\"></path><circle cx=\"4\" cy=\"20\" r=\"2\"></circle></svg>", 1)]], 8, l));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=CopilotTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/CopilotTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createStaticVNode","_hoisted_1","CopilotTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","copilot","computed","watch","onCleanup","registerStarterKitCopilotShortcut","value","openBlock","createElementBlock","_cache","unref","requestStarterKitCopilot","createStaticVNode"],"sources":["../../../src/starter-kit/widgets/CopilotTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  registerStarterKitCopilotShortcut,\n  requestStarterKitCopilot,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, watch } from 'vue'\n\n/**\n * The AI copilot's button until its code has loaded: the same look, from the shared prop\n * alone (its code loads once mounted). A click and its key bindings (`mod+j`) are\n * remembered and open it once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst copilot = computed(() => props.source.widgets.copilot)\n\nif (typeof window !== 'undefined') {\n  watch(\n    copilot,\n    (value, _old, onCleanup) =>\n      onCleanup(registerStarterKitCopilotShortcut(value?.keyBindings ?? [], value?.label ?? '')),\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    data-slot=\"ai-copilot-trigger\"\n    :aria-label=\"copilot?.label\"\n    aria-haspopup=\"dialog\"\n    :title=\"copilot?.label\"\n    class=\"hover:bg-accent hover:text-accent-foreground inline-flex size-9 items-center justify-center rounded-md\"\n    @click=\"requestStarterKitCopilot()\"\n  >\n    <!-- Lucide's \"sparkles\", inline: the loaded copilot draws the same icon. -->\n    <svg\n      class=\"size-4\"\n      aria-hidden=\"true\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <path\n        d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\n      />\n      <path d=\"M20 2v4\" />\n      <path d=\"M22 4h-4\" />\n      <circle cx=\"4\" cy=\"20\" r=\"2\" />\n    </svg>\n  </button>\n</template>\n"],"mappings":";;;;;;;EAaA,IAAMM,IAAQC,GAERC,IAAUC,QAAeH,EAAM,OAAO,QAAQ,OAAO;SAEvD,OAAO,SAAW,OACpBI,EACEF,IACC,GAAO,GAAM,MACZG,EAAUC,EAAkCC,GAAO,eAAe,CAAC,GAAGA,GAAO,SAAS,EAAE,CAAC,GAC3F,EAAE,WAAW,GAAK,CACpB,cAKAb,EAAA,GAAAC,EA4BS,UAAA;GA3BP,MAAK;GACL,aAAU;GACT,cAAYO,EAAA,OAAS;GACtB,iBAAc;GACb,OAAOA,EAAA,OAAS;GACjB,OAAM;GACL,SAAK,AAAAQ,EAAA,QAAA,MAAEd,EAAAgB,CAAA,CAAwB,CAAA"}

package/dist/starter-kit/widgets/LoadedCopilot.js

@@ -0,0 +1,7 @@
+import e from "./LoadedCopilot.vue_vue_type_script_setup_true_lang.js";
+//#region src/starter-kit/widgets/LoadedCopilot.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=LoadedCopilot.js.map

package/dist/starter-kit/widgets/LoadedCopilot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedCopilot.js","names":["_sfc_main","LoadedCopilot_vue_vue_type_script_setup_true_lang_default","LoadedCopilot_default"],"sources":["../../../src/starter-kit/widgets/LoadedCopilot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  starterKitCopilot,\n  takeRequestedStarterKitCopilot,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, toRef } from 'vue'\nimport AiCopilot from '../../components/ai/AiCopilot.vue'\nimport CopilotTrigger from './CopilotTrigger.vue'\nimport { useWidgetsPanel } from './use-widgets'\nimport WidgetShell from './WidgetShell.vue'\n\n/** The AI copilot (the panel pages' `topbar.end` slot component), once its data has loaded. */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst panel = useWidgetsPanel(toRef(props, 'source'))\nconst component = computed(() => (panel.value ? starterKitCopilot(panel.value) : null))\n// A click or the key bindings before the copilot loaded open it at once.\nconst autoOpen = computed(() => component.value !== null && takeRequestedStarterKitCopilot())\n</script>\n\n<template>\n  <template v-if=\"panel\">\n    <WidgetShell v-if=\"component\" :panel=\"panel\">\n      <AiCopilot :component=\"component\" :auto-open=\"autoOpen\" />\n    </WidgetShell>\n  </template>\n  <CopilotTrigger v-else :source=\"props.source\" />\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/LoadedCopilot.vue.d.ts

@@ -0,0 +1,8 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+/** The AI copilot (the panel pages' `topbar.end` slot component), once its data has loaded. */
+type __VLS_Props = {
+    source: StarterKitWidgets;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=LoadedCopilot.vue.d.ts.map

package/dist/starter-kit/widgets/LoadedCopilot.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedCopilot.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/LoadedCopilot.vue"],"names":[],"mappings":"AA+BA,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,eAAe,CAAA;AAOtB,+FAA+F;AAC/F,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AA+EjD,wBAMG"}

package/dist/starter-kit/widgets/LoadedCopilot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import e from "../../components/ai/AiCopilot.js";
+import t from "./CopilotTrigger.js";
+import { useWidgetsPanel as n } from "./use-widgets.js";
+import r from "./WidgetShell.js";
+import { starterKitCopilot as i, takeRequestedStarterKitCopilot as a } from "@alfakit/core";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, defineComponent as f, openBlock as p, toRef as m, unref as h, withCtx as g } from "vue";
+//#region src/starter-kit/widgets/LoadedCopilot.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ f({
+	__name: "LoadedCopilot",
+	props: { source: {} },
+	setup(f) {
+		let _ = f, v = n(m(_, "source")), y = s(() => v.value ? i(v.value) : null), b = s(() => y.value !== null && a());
+		return (n, i) => h(v) ? (p(), u(o, { key: 0 }, [y.value ? (p(), c(r, {
+			key: 0,
+			panel: h(v)
+		}, {
+			default: g(() => [d(e, {
+				component: y.value,
+				"auto-open": b.value
+			}, null, 8, ["component", "auto-open"])]),
+			_: 1
+		}, 8, ["panel"])) : l("", !0)], 64)) : (p(), c(t, {
+			key: 1,
+			source: _.source
+		}, null, 8, ["source"]));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=LoadedCopilot.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/LoadedCopilot.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedCopilot.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_Fragment","_createBlock","WidgetShell","_withCtx","_createVNode","AiCopilot","_createCommentVNode","CopilotTrigger","AiCopilot_default","CopilotTrigger_default","WidgetShell_default","LoadedCopilot_vue_vue_type_script_setup_true_lang_default","props","__props","panel","useWidgetsPanel","toRef","component","computed","starterKitCopilot","autoOpen","takeRequestedStarterKitCopilot","unref","openBlock","createElementBlock","Fragment","createBlock","withCtx","createVNode","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/LoadedCopilot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  starterKitCopilot,\n  takeRequestedStarterKitCopilot,\n  type StarterKitWidgets,\n} from '@alfakit/core'\nimport { computed, toRef } from 'vue'\nimport AiCopilot from '../../components/ai/AiCopilot.vue'\nimport CopilotTrigger from './CopilotTrigger.vue'\nimport { useWidgetsPanel } from './use-widgets'\nimport WidgetShell from './WidgetShell.vue'\n\n/** The AI copilot (the panel pages' `topbar.end` slot component), once its data has loaded. */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst panel = useWidgetsPanel(toRef(props, 'source'))\nconst component = computed(() => (panel.value ? starterKitCopilot(panel.value) : null))\n// A click or the key bindings before the copilot loaded open it at once.\nconst autoOpen = computed(() => component.value !== null && takeRequestedStarterKitCopilot())\n</script>\n\n<template>\n  <template v-if=\"panel\">\n    <WidgetShell v-if=\"component\" :panel=\"panel\">\n      <AiCopilot :component=\"component\" :auto-open=\"autoOpen\" />\n    </WidgetShell>\n  </template>\n  <CopilotTrigger v-else :source=\"props.source\" />\n</template>\n"],"mappings":";;;;;;;;;;;EAaA,IAAMe,IAAQC,GAERC,IAAQC,EAAgBC,EAAMJ,GAAO,QAAQ,CAAC,GAC9CK,IAAYC,QAAgBJ,EAAM,QAAQK,EAAkBL,EAAM,KAAK,IAAI,IAAK,GAEhFM,IAAWF,QAAeD,EAAU,UAAU,QAAQI,EAA+B,CAAC;mBAI1ExB,EAAAiB,CAAA,KAAhBhB,EAAA,GAAAC,EAIWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAHUiB,EAAA,SAAnBnB,EAAA,GAAAG,EAEcC,GAAA;;GAFiB,OAAOL,EAAAiB,CAAA;;GACpC,SAAAX,QAA0D,CAA1DC,EAA0DC,GAAA;IAA9C,WAAWY,EAAA;IAAY,aAAWG,EAAA;;;EAGlDtB,GAAAA,GAAAA,CAAAA,OAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,MAAAA,EAAA,GAAAG,EAAgDM,GAAA;;GAAxB,QAAQK,EAAM"}

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.js

@@ -0,0 +1,7 @@
+import e from "./StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js";
+//#region src/starter-kit/widgets/StarterKitImpersonationBanner.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=StarterKitImpersonationBanner.js.map

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarterKitImpersonationBanner.js","names":["_sfc_main","StarterKitImpersonationBanner_vue_vue_type_script_setup_true_lang_default","StarterKitImpersonationBanner_default"],"sources":["../../../src/starter-kit/widgets/StarterKitImpersonationBanner.vue"],"sourcesContent":["<script lang=\"ts\">\n// The header components appear in both header layouts and next to each other: the first\n// one mounted shows the banner, the others render nothing.\nlet owner: symbol | null = null\n</script>\n\n<script setup lang=\"ts\">\nimport { isAlfakitPage, type StarterKitWidgets } from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport ImpersonationBanner from '../../components/panel/ImpersonationBanner.vue'\n\n/**\n * The impersonation banner (who you are signed in as, **Leave**) on the host's own pages,\n * rendered by the header components. AlfaKit's pages render their own (`AlfakitRoot`).\n */\nconst props = defineProps<{ source: StarterKitWidgets | null }>()\nconst page = usePage()\nconst id = Symbol('impersonation-banner')\nconst owns = ref(false)\nconst impersonation = computed(() => props.source?.widgets.impersonation)\nconst active = computed(() => impersonation.value !== undefined && !isAlfakitPage(page.props))\n\nfunction release(): void {\n  if (owner === id) owner = null\n  owns.value = false\n}\n\n// Claimed once mounted, so the server render and hydration never include it.\nlet stop: (() => void) | null = null\n\nonMounted(() => {\n  stop = watch(\n    active,\n    (value) => {\n      if (!value) {\n        release()\n\n        return\n      }\n\n      if (owner === null) owner = id\n      owns.value = owner === id\n    },\n    { immediate: true },\n  )\n})\n\nonBeforeUnmount(() => {\n  stop?.()\n  release()\n})\n</script>\n\n<template>\n  <ImpersonationBanner v-if=\"active && owns\" :impersonation=\"impersonation\" />\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.vue.d.ts

@@ -0,0 +1,8 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+declare const _default: import("vue").DefineComponent<{
+    source: StarterKitWidgets | null;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    source: StarterKitWidgets | null;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=StarterKitImpersonationBanner.vue.d.ts.map

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarterKitImpersonationBanner.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/StarterKitImpersonationBanner.vue"],"names":[],"mappings":"AA2DA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;;YAexC,iBAAiB,GAAG,IAAI;;YAAxB,iBAAiB,GAAG,IAAI;;AALrD,wBA6FK"}

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import e from "../../components/panel/ImpersonationBanner.js";
+import { isAlfakitPage as t } from "@alfakit/core";
+import { usePage as n } from "@inertiajs/vue3";
+import { computed as r, createBlock as i, createCommentVNode as a, defineComponent as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, watch as d } from "vue";
+//#region src/starter-kit/widgets/StarterKitImpersonationBanner.vue?vue&type=script&setup=true&lang.ts
+var f = null, p = /*@__PURE__*/ o({
+	__name: "StarterKitImpersonationBanner",
+	props: { source: {} },
+	setup(o) {
+		let p = o, m = n(), h = Symbol("impersonation-banner"), g = u(!1), _ = r(() => p.source?.widgets.impersonation), v = r(() => _.value !== void 0 && !t(m.props));
+		function y() {
+			f === h && (f = null), g.value = !1;
+		}
+		let b = null;
+		return c(() => {
+			b = d(v, (e) => {
+				if (!e) {
+					y();
+					return;
+				}
+				f === null && (f = h), g.value = f === h;
+			}, { immediate: !0 });
+		}), s(() => {
+			b?.(), y();
+		}), (t, n) => v.value && g.value ? (l(), i(e, {
+			key: 0,
+			impersonation: _.value
+		}, null, 8, ["impersonation"])) : a("", !0);
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarterKitImpersonationBanner.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ImpersonationBanner","_createCommentVNode","ImpersonationBanner_default","owner","StarterKitImpersonationBanner_vue_vue_type_script_setup_true_lang_default","props","__props","page","usePage","id","owns","ref","impersonation","computed","active","isAlfakitPage","release","stop","onMounted","watch","value","onBeforeUnmount","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/StarterKitImpersonationBanner.vue"],"sourcesContent":["<script lang=\"ts\">\n// The header components appear in both header layouts and next to each other: the first\n// one mounted shows the banner, the others render nothing.\nlet owner: symbol | null = null\n</script>\n\n<script setup lang=\"ts\">\nimport { isAlfakitPage, type StarterKitWidgets } from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport ImpersonationBanner from '../../components/panel/ImpersonationBanner.vue'\n\n/**\n * The impersonation banner (who you are signed in as, **Leave**) on the host's own pages,\n * rendered by the header components. AlfaKit's pages render their own (`AlfakitRoot`).\n */\nconst props = defineProps<{ source: StarterKitWidgets | null }>()\nconst page = usePage()\nconst id = Symbol('impersonation-banner')\nconst owns = ref(false)\nconst impersonation = computed(() => props.source?.widgets.impersonation)\nconst active = computed(() => impersonation.value !== undefined && !isAlfakitPage(page.props))\n\nfunction release(): void {\n  if (owner === id) owner = null\n  owns.value = false\n}\n\n// Claimed once mounted, so the server render and hydration never include it.\nlet stop: (() => void) | null = null\n\nonMounted(() => {\n  stop = watch(\n    active,\n    (value) => {\n      if (!value) {\n        release()\n\n        return\n      }\n\n      if (owner === null) owner = id\n      owns.value = owner === id\n    },\n    { immediate: true },\n  )\n})\n\nonBeforeUnmount(() => {\n  stop?.()\n  release()\n})\n</script>\n\n<template>\n  <ImpersonationBanner v-if=\"active && owns\" :impersonation=\"impersonation\" />\n</template>\n"],"mappings":";;;;;AAGA,IAAIK,IAAuB;;;;EAa3B,IAAME,IAAQC,GACRC,IAAOC,EAAQ,GACfC,IAAK,OAAO,sBAAsB,GAClCC,IAAOC,EAAI,EAAK,GAChBC,IAAgBC,QAAeR,EAAM,QAAQ,QAAQ,aAAa,GAClES,IAASD,QAAeD,EAAc,UAAU,KAAA,KAAa,CAACG,EAAcR,EAAK,KAAK,CAAC;EAE7F,SAASS,IAAgB;GAEvB,AADIb,MAAUM,MAAI,IAAQ,OAC1B,EAAK,QAAQ;EACf;EAGA,IAAIQ,IAA4B;SAEhCC,QAAgB;GACd,IAAOC,EACLL,IACC,MAAU;IACT,IAAI,CAACM,GAAO;KACV,EAAQ;KAER;IACF;IAGA,AADIjB,MAAU,SAAM,IAAQM,IAC5B,EAAK,QAAQN,MAAUM;GACzB,GACA,EAAE,WAAW,GAAK,CACpB;EACF,CAAC,GAEDY,QAAsB;GAEpB,AADAJ,IAAO,GACPD,EAAQ;EACV,CAAC,aAI4BF,EAAA,SAAUJ,EAAA,SAArCZ,EAAA,GAAAC,EAA4EC,GAAA;;GAAhC,eAAeY,EAAA"}

package/dist/starter-kit/widgets/index.d.ts

@@ -5,15 +5,17 @@ import { type PropType } from 'vue';
  * nothing for guests or without global search and a command palette.
  */
 export declare const AlfakitSearch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
@@ -26,15 +28,17 @@ export declare const AlfakitSearch: import("vue").DefineComponent<import("vue").
  * realtime updates as in the panel. Renders nothing for guests or without them.
  */
 export declare const AlfakitNotifications: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
@@ -47,15 +51,42 @@ export declare const AlfakitNotifications: import("vue").DefineComponent<import(
  * to choose one on the host's own pages. Renders nothing for guests or other panels.
  */
 export declare const AlfakitTenantSwitcher: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** The `starterKit()` panel to use (the first one by default). */
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
+    panel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    panel: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The AI copilot of alfasix/alfakit-ai (`AiPlugin::copilot()`): its button and chat
+ * slide-over, opened with its key bindings (`mod+j`) from any page. Renders nothing for
+ * guests, without the plugin's copilot, for users who may not use it and (tenancy panels)
+ * outside a tenant.
+ */
+export declare const AlfakitCopilot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
+    panel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
     panel: {
         type: PropType<string | undefined>;
         default: undefined;

package/dist/starter-kit/widgets/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAkE,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AA6EnG;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAtBpB,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IADrD,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA0B1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB;IAjC3B,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IADrD,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAqC1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB;IA5C5B,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;IADrD,kEAAkE;;cACzC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAgD1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAqGZ;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAhCpB,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAoC1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB;IA3C3B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA+C1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB;IAtD5B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA0D1D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IAnErB,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAuE1D,CAAA"}

package/dist/starter-kit/widgets/index.js

@@ -1,37 +1,40 @@
 import { lazyComponent as e } from "../../lib/lazy.js";
-import t from "./NotificationsTrigger.js";
-import n from "./SearchTrigger.js";
-import r from "./TenantSwitcherTrigger.js";
-import { starterKitWidgets as i } from "@alfakit/core";
-import { usePage as a } from "@inertiajs/vue3";
-import { computed as o, defineComponent as s, h as c } from "vue";
+import t from "./CopilotTrigger.js";
+import n from "./NotificationsTrigger.js";
+import r from "./SearchTrigger.js";
+import i from "./TenantSwitcherTrigger.js";
+import { starterKitWidgets as a } from "@alfakit/core";
+import { usePage as o } from "@inertiajs/vue3";
+import { computed as s, defineAsyncComponent as c, defineComponent as l, h as u } from "vue";
 //#region src/starter-kit/widgets/index.ts
-function l(e) {
-	let t = a();
-	return o(() => i(t.props, e()));
+function d(e, t) {
+	let n = o();
+	return s(() => a(n.props, e(), t));
 }
-var u = e("AlfakitLoadedSearch", () => import("./LoadedSearch.js").then((e) => e.default), n), d = e("AlfakitLoadedNotifications", () => import("./LoadedNotifications.js").then((e) => e.default), t), f = e("AlfakitLoadedTenantSwitcher", () => import("./LoadedTenantSwitcher.js").then((e) => e.default), r);
-function p(e, t, n, r) {
-	return s({
+var f = e("AlfakitLoadedSearch", () => import("./loaded.js").then((e) => e.LoadedSearch), r), p = e("AlfakitLoadedNotifications", () => import("./loaded.js").then((e) => e.LoadedNotifications), n), m = e("AlfakitLoadedTenantSwitcher", () => import("./loaded.js").then((e) => e.LoadedTenantSwitcher), i), h = e("AlfakitLoadedCopilot", () => import("./loaded.js").then((e) => e.LoadedCopilot), t), g = c(() => import("./StarterKitImpersonationBanner.js"));
+function _(e, t, n, r) {
+	return l({
 		name: e,
 		props: { panel: {
 			type: String,
 			default: void 0
 		} },
 		setup(e) {
-			let i = l(() => e.panel);
+			let i = d(() => e.panel, n);
 			return () => {
-				let e = i.value;
-				return e?.widgets[n] ? c("span", {
+				let e = i.value, a = e?.widgets.impersonation ? u(g, { source: e }) : null;
+				if (!e?.widgets[n]) return a;
+				let o = u("span", {
 					"data-slot": t,
 					class: "inline-flex"
-				}, [c(r, { source: e })]) : null;
+				}, [u(r, { source: e })]);
+				return a ? [a, o] : o;
 			};
 		}
 	});
 }
-var m = p("AlfakitSearch", "starter-kit-search", "search", u), h = p("AlfakitNotifications", "starter-kit-notifications", "notifications", d), g = p("AlfakitTenantSwitcher", "starter-kit-tenant-switcher", "tenancy", f);
+var v = _("AlfakitSearch", "starter-kit-search", "search", f), y = _("AlfakitNotifications", "starter-kit-notifications", "notifications", p), b = _("AlfakitTenantSwitcher", "starter-kit-tenant-switcher", "tenancy", m), x = _("AlfakitCopilot", "starter-kit-copilot", "copilot", h);
 //#endregion
-export { h as AlfakitNotifications, m as AlfakitSearch, g as AlfakitTenantSwitcher };
+export { x as AlfakitCopilot, y as AlfakitNotifications, v as AlfakitSearch, b as AlfakitTenantSwitcher };
 
 //# sourceMappingURL=index.js.map

package/dist/starter-kit/widgets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchTrigger","NotificationsTrigger","TenantSwitcherTrigger","NotificationsTrigger_default","SearchTrigger_default","TenantSwitcherTrigger_default","useStarterKitWidgets","page","usePage","computed","starterKitWidgets","panelId","LoadedSearch","lazyComponent","module","LoadedNotifications","LoadedTenantSwitcher","headerWidget","defineComponent","source","props","value","part","h","slot","loaded","AlfakitSearch","AlfakitNotifications","AlfakitTenantSwitcher"],"sources":["../../../src/starter-kit/widgets/index.ts"],"sourcesContent":["import {\n  starterKitWidgets,\n  type StarterKitWidgets,\n  type StarterKitWidgetsSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, defineComponent, h, type Component, type ComputedRef, type PropType } from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\nimport NotificationsTrigger from './NotificationsTrigger.vue'\nimport SearchTrigger from './SearchTrigger.vue'\nimport TenantSwitcherTrigger from './TenantSwitcherTrigger.vue'\n\n/**\n * Drop-in header components of starter kit mode (`Panel::starterKit()`): AlfaKit's search,\n * notifications bell and tenant switcher in the host's own header, on every page of the\n * application. They read the shared `alfakitNavigation` prop, render a lightweight trigger\n * straight away, and load their code and the panel data once mounted (never during SSR).\n *\n * ```vue\n * <script setup lang=\"ts\">\n * import { AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'\n * </script>\n *\n * <template>\n *   <AlfakitSearch />\n *   <AlfakitNotifications />\n * </template>\n * ```\n */\n\n/** The header components' data of a `starterKit()` panel from the shared prop, or null. */\nfunction useStarterKitWidgets(\n  panelId: () => string | undefined,\n): ComputedRef<StarterKitWidgets | null> {\n  const page = usePage()\n\n  return computed(() => starterKitWidgets(page.props, panelId()))\n}\n\nconst LoadedSearch = lazyComponent(\n  'AlfakitLoadedSearch',\n  () => import('./LoadedSearch.vue').then((module) => module.default),\n  SearchTrigger,\n)\n\nconst LoadedNotifications = lazyComponent(\n  'AlfakitLoadedNotifications',\n  () => import('./LoadedNotifications.vue').then((module) => module.default),\n  NotificationsTrigger,\n)\n\nconst LoadedTenantSwitcher = lazyComponent(\n  'AlfakitLoadedTenantSwitcher',\n  () => import('./LoadedTenantSwitcher.vue').then((module) => module.default),\n  TenantSwitcherTrigger,\n)\n\nfunction headerWidget(\n  name: string,\n  slot: string,\n  part: keyof Omit<StarterKitWidgetsSchema, 'endpoint'>,\n  loaded: Component,\n) {\n  return defineComponent({\n    name,\n    props: {\n      /** The `starterKit()` panel to use (the first one by default). */\n      panel: { type: String as PropType<string | undefined>, default: undefined },\n    },\n    setup(props) {\n      const source = useStarterKitWidgets(() => props.panel)\n\n      return () => {\n        const value: StarterKitWidgets | null = source.value\n\n        return value?.widgets[part]\n          ? h('span', { 'data-slot': slot, class: 'inline-flex' }, [h(loaded, { source: value })])\n          : null\n      }\n    },\n  })\n}\n\n/**\n * AlfaKit's command palette and global search: the search field opens it, and so do the\n * panel's key bindings (⌘K / Ctrl+K by default), registered once for the page. Renders\n * nothing for guests or without global search and a command palette.\n */\nexport const AlfakitSearch = headerWidget(\n  'AlfakitSearch',\n  'starter-kit-search',\n  'search',\n  LoadedSearch,\n)\n\n/**\n * The bell with the user's database notifications (`databaseNotifications()`), polling and\n * realtime updates as in the panel. Renders nothing for guests or without them.\n */\nexport const AlfakitNotifications = headerWidget(\n  'AlfakitNotifications',\n  'starter-kit-notifications',\n  'notifications',\n  LoadedNotifications,\n)\n\n/**\n * The tenant switcher of a tenancy panel: the current tenant inside the panel, or a menu\n * to choose one on the host's own pages. Renders nothing for guests or other panels.\n */\nexport const AlfakitTenantSwitcher = headerWidget(\n  'AlfakitTenantSwitcher',\n  'starter-kit-tenant-switcher',\n  'tenancy',\n  LoadedTenantSwitcher,\n)\n"],"mappings":";;;;;;;;AA+BA,SAASM,EACP,GACuC;CACvC,IAAMC,IAAOC,EAAQ;CAErB,OAAOC,QAAeC,EAAkBH,EAAK,OAAOI,EAAQ,CAAC,CAAC;AAChE;AAEA,IAAMC,IAAeC,EACnB,6BACM,OAAO,oBAAqB,CAAC,MAAM,MAAWC,EAAO,OAAO,GAClEd,CACF,GAEMe,IAAsBF,EAC1B,oCACM,OAAO,2BAA4B,CAAC,MAAM,MAAWC,EAAO,OAAO,GACzEb,CACF,GAEMe,IAAuBH,EAC3B,qCACM,OAAO,4BAA6B,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC1EZ,CACF;AAEA,SAASe,EACP,GACA,GACA,GACA,GACA;CACA,OAAOC,EAAgB;EACrB;EACA,OAAO,EAEL,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU,EAC5E;EACA,MAAM,GAAO;GACX,IAAMC,IAASb,QAA2Bc,EAAM,KAAK;GAErD,aAAa;IACX,IAAMC,IAAkCF,EAAO;IAE/C,OAAOE,GAAO,QAAQC,KAClBC,EAAE,QAAQ;KAAE,aAAaC;KAAM,OAAO;IAAc,GAAG,CAACD,EAAEE,GAAQ,EAAE,QAAQJ,EAAM,CAAC,CAAC,CAAC,IACrF;GACN;EACF;CACF,CAAC;AACH;AAOA,IAAaK,IAAgBT,EAC3B,iBACA,sBACA,UACAL,CACF,GAMae,IAAuBV,EAClC,wBACA,6BACA,iBACAF,CACF,GAMaa,IAAwBX,EACnC,yBACA,+BACA,WACAD,CACF"}
+{"version":3,"file":"index.js","names":["SearchTrigger","NotificationsTrigger","TenantSwitcherTrigger","CopilotTrigger","CopilotTrigger_default","NotificationsTrigger_default","SearchTrigger_default","TenantSwitcherTrigger_default","useStarterKitWidgets","page","usePage","computed","starterKitWidgets","panelId","part","LoadedSearch","lazyComponent","module","LoadedNotifications","LoadedTenantSwitcher","LoadedCopilot","StarterKitImpersonationBanner","defineAsyncComponent","headerWidget","defineComponent","source","props","value","banner","h","widget","slot","loaded","AlfakitSearch","AlfakitNotifications","AlfakitTenantSwitcher","AlfakitCopilot"],"sources":["../../../src/starter-kit/widgets/index.ts"],"sourcesContent":["import {\n  starterKitWidgets,\n  type StarterKitWidgets,\n  type StarterKitWidgetsSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport {\n  computed,\n  defineAsyncComponent,\n  defineComponent,\n  h,\n  type Component,\n  type ComputedRef,\n  type PropType,\n} from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\nimport CopilotTrigger from './CopilotTrigger.vue'\nimport NotificationsTrigger from './NotificationsTrigger.vue'\nimport SearchTrigger from './SearchTrigger.vue'\nimport TenantSwitcherTrigger from './TenantSwitcherTrigger.vue'\n\n/**\n * Drop-in header components of starter kit mode (`Panel::starterKit()`): AlfaKit's search,\n * notifications bell and tenant switcher in the host's own header, on every page of the\n * application. They read the shared `alfakitNavigation` prop, render a lightweight trigger\n * straight away, and load their code and the panel data once mounted (never during SSR).\n *\n * ```vue\n * <script setup lang=\"ts\">\n * import { AlfakitCopilot, AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'\n * </script>\n *\n * <template>\n *   <AlfakitSearch />\n *   <AlfakitNotifications />\n *   <AlfakitCopilot />\n * </template>\n * ```\n */\n\n/** The header components' data of a `starterKit()` panel from the shared prop, or null. */\nfunction useStarterKitWidgets(\n  panelId: () => string | undefined,\n  part: keyof StarterKitWidgetsSchema,\n): ComputedRef<StarterKitWidgets | null> {\n  const page = usePage()\n\n  return computed(() => starterKitWidgets(page.props, panelId(), part))\n}\n\nconst LoadedSearch = lazyComponent(\n  'AlfakitLoadedSearch',\n  () => import('./loaded').then((module) => module.LoadedSearch),\n  SearchTrigger,\n)\n\nconst LoadedNotifications = lazyComponent(\n  'AlfakitLoadedNotifications',\n  () => import('./loaded').then((module) => module.LoadedNotifications),\n  NotificationsTrigger,\n)\n\nconst LoadedTenantSwitcher = lazyComponent(\n  'AlfakitLoadedTenantSwitcher',\n  () => import('./loaded').then((module) => module.LoadedTenantSwitcher),\n  TenantSwitcherTrigger,\n)\n\nconst LoadedCopilot = lazyComponent(\n  'AlfakitLoadedCopilot',\n  () => import('./loaded').then((module) => module.LoadedCopilot),\n  CopilotTrigger,\n)\n\n// Only needed while impersonating: its code loads then.\nconst StarterKitImpersonationBanner = defineAsyncComponent(\n  () => import('./StarterKitImpersonationBanner.vue'),\n)\n\nfunction headerWidget(\n  name: string,\n  slot: string,\n  part: keyof Omit<StarterKitWidgetsSchema, 'endpoint' | 'impersonation'>,\n  loaded: Component,\n) {\n  return defineComponent({\n    name,\n    props: {\n      /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */\n      panel: { type: String as PropType<string | undefined>, default: undefined },\n    },\n    setup(props) {\n      const source = useStarterKitWidgets(() => props.panel, part)\n\n      return () => {\n        const value: StarterKitWidgets | null = source.value\n\n        // While impersonating, the first header component shows the banner on host pages.\n        const banner = value?.widgets.impersonation\n          ? h(StarterKitImpersonationBanner, { source: value })\n          : null\n\n        if (!value?.widgets[part]) return banner\n\n        const widget = h('span', { 'data-slot': slot, class: 'inline-flex' }, [\n          h(loaded, { source: value }),\n        ])\n\n        // A single root unless the banner shows, so attributes from the app still fall through.\n        return banner ? [banner, widget] : widget\n      }\n    },\n  })\n}\n\n/**\n * AlfaKit's command palette and global search: the search field opens it, and so do the\n * panel's key bindings (⌘K / Ctrl+K by default), registered once for the page. Renders\n * nothing for guests or without global search and a command palette.\n */\nexport const AlfakitSearch = headerWidget(\n  'AlfakitSearch',\n  'starter-kit-search',\n  'search',\n  LoadedSearch,\n)\n\n/**\n * The bell with the user's database notifications (`databaseNotifications()`), polling and\n * realtime updates as in the panel. Renders nothing for guests or without them.\n */\nexport const AlfakitNotifications = headerWidget(\n  'AlfakitNotifications',\n  'starter-kit-notifications',\n  'notifications',\n  LoadedNotifications,\n)\n\n/**\n * The tenant switcher of a tenancy panel: the current tenant inside the panel, or a menu\n * to choose one on the host's own pages. Renders nothing for guests or other panels.\n */\nexport const AlfakitTenantSwitcher = headerWidget(\n  'AlfakitTenantSwitcher',\n  'starter-kit-tenant-switcher',\n  'tenancy',\n  LoadedTenantSwitcher,\n)\n\n/**\n * The AI copilot of alfasix/alfakit-ai (`AiPlugin::copilot()`): its button and chat\n * slide-over, opened with its key bindings (`mod+j`) from any page. Renders nothing for\n * guests, without the plugin's copilot, for users who may not use it and (tenancy panels)\n * outside a tenant.\n */\nexport const AlfakitCopilot = headerWidget(\n  'AlfakitCopilot',\n  'starter-kit-copilot',\n  'copilot',\n  LoadedCopilot,\n)\n"],"mappings":";;;;;;;;;AAyCA,SAASQ,EACP,GACA,GACuC;CACvC,IAAMC,IAAOC,EAAQ;CAErB,OAAOC,QAAeC,EAAkBH,EAAK,OAAOI,EAAQ,GAAGC,CAAI,CAAC;AACtE;AAEA,IAAMC,IAAeC,EACnB,6BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,YAAY,GAC7DjB,CACF,GAEMkB,IAAsBF,EAC1B,oCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,mBAAmB,GACpEhB,CACF,GAEMkB,IAAuBH,EAC3B,qCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,oBAAoB,GACrEf,CACF,GAEMkB,IAAgBJ,EACpB,8BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,aAAa,GAC9Dd,CACF,GAGMkB,IAAgCC,QAC9B,OAAO,qCACf;AAEA,SAASC,EACP,GACA,GACA,GACA,GACA;CACA,OAAOC,EAAgB;EACrB;EACA,OAAO,EAEL,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU,EAC5E;EACA,MAAM,GAAO;GACX,IAAMC,IAASjB,QAA2BkB,EAAM,OAAOZ,CAAI;GAE3D,aAAa;IACX,IAAMa,IAAkCF,EAAO,OAGzCG,IAASD,GAAO,QAAQ,gBAC1BE,EAAER,GAA+B,EAAE,QAAQM,EAAM,CAAC,IAClD;IAEJ,IAAI,CAACA,GAAO,QAAQb,IAAO,OAAOc;IAElC,IAAME,IAASD,EAAE,QAAQ;KAAE,aAAaE;KAAM,OAAO;IAAc,GAAG,CACpEF,EAAEG,GAAQ,EAAE,QAAQL,EAAM,CAAC,CAC7B,CAAC;IAGD,OAAOC,IAAS,CAACA,GAAQE,CAAM,IAAIA;GACrC;EACF;CACF,CAAC;AACH;AAOA,IAAaG,IAAgBV,EAC3B,iBACA,sBACA,UACAR,CACF,GAMamB,IAAuBX,EAClC,wBACA,6BACA,iBACAL,CACF,GAMaiB,IAAwBZ,EACnC,yBACA,+BACA,WACAJ,CACF,GAQaiB,IAAiBb,EAC5B,kBACA,uBACA,WACAH,CACF"}

package/dist/starter-kit/widgets/loaded.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The loaded header components, in one module: they mount together in the host's header,
+ * so one request brings them all, and a host bundle doesn't pay for a chunk per component.
+ * Only loaded in the browser (`import('./loaded')`).
+ */
+export { default as LoadedCopilot } from './LoadedCopilot.vue';
+export { default as LoadedNotifications } from './LoadedNotifications.vue';
+export { default as LoadedSearch } from './LoadedSearch.vue';
+export { default as LoadedTenantSwitcher } from './LoadedTenantSwitcher.vue';
+//# sourceMappingURL=loaded.d.ts.map

package/dist/starter-kit/widgets/loaded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loaded.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/loaded.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/starter-kit/widgets/loaded.js

@@ -0,0 +1,5 @@
+import e from "./LoadedCopilot.js";
+import t from "./LoadedNotifications.js";
+import n from "./LoadedSearch.js";
+import r from "./LoadedTenantSwitcher.js";
+export { e as LoadedCopilot, t as LoadedNotifications, n as LoadedSearch, r as LoadedTenantSwitcher };