@rakun-kit/manager-react 1.4.11 → 1.5.0

package/README.md

@@ -1,196 +1,274 @@
-# @rakun-kit/manager-react
-
-React manager UI and client utilities for Rakun.
-
-Most apps use this package through framework adapters such as
-`@rakun-kit/next/manager`, but the runtime components and clients are also
-published for custom integrations.
-
-## Browser App
-
-Render the manager with a manager client and navigation implementation:
-
-```tsx
-import {
-  ManagerBrowserApp,
-  createHttpManagerClient,
-} from "@rakun-kit/manager-react";
-import "@rakun-kit/manager-react/styles.css";
-
-const client = createHttpManagerClient({
-  baseUrl: "/api/rakun",
-});
-
-export function ManagerPage() {
-  return (
-    <ManagerBrowserApp
-      client={client}
-      pathname={window.location.pathname}
-      basePath="/backend"
-    />
-  );
-}
-```
-
-`ManagerBrowserApp` creates browser path navigation by default. Use
-`ManagerRuntimeApp` when you need to provide custom navigation.
-
-## Clients
-
-HTTP client:
-
-```ts
-import { createHttpManagerClient } from "@rakun-kit/manager-react/client/http";
-
-const client = createHttpManagerClient({
-  baseUrl: "/api/rakun",
-});
-
-const contentTypes = await client.request("manager.contentTypes");
-```
-
-tRPC client adapter:
-
-```ts
-import { createTrpcManagerClient } from "@rakun-kit/manager-react/client/trpc";
-
-const managerClient = createTrpcManagerClient(trpcProxyClient);
-```
-
-Custom client:
-
-```ts
-import { createManagerClient } from "@rakun-kit/manager-react/client/request";
-
-const client = createManagerClient(async (name, input, options) => {
-  // call your transport here
-});
-```
-
-## Navigation
-
-Use `createPathManagerNavigation` for router integrations:
-
-```ts
-import { createPathManagerNavigation } from "@rakun-kit/manager-react/state/navigation";
-
-const navigation = createPathManagerNavigation({
-  basePath: "/backend",
-  push: (href) => router.push(href),
-  replace: (href) => router.replace(href),
-});
-```
-
-## Styles
-
-Import the package stylesheet once:
-
-```ts
-import "@rakun-kit/manager-react/styles.css";
-```
-
-## Manager Plugins
-
-Manager plugins run inside the normal providers and can add dashboard routes,
-sidebar items, and custom field editors:
-
-```tsx
-import {
-  defineRakunManagerPlugin,
-  ManagerBrowserApp,
-} from '@rakun-kit/manager-react'
-
-const analyticsManagerPlugin = defineRakunManagerPlugin({
-  id: '@acme/rakun-analytics',
-  routes: [{
-    id: 'dashboard',
-    path: '/analytics',
-    component: AnalyticsScreen,
-    permissions: ['plugin.analytics.view'],
-  }],
-  sidebar: [{
-    id: 'analytics',
-    title: 'Analytics',
-    routeId: 'dashboard',
-    position: 'primary',
-    group: 'Plugins',
-  }],
-  fieldEditors: {
-    '@acme/rakun-analytics.query': QueryEditor,
-  },
-})
-
-<ManagerBrowserApp plugins={[analyticsManagerPlugin]} {...props} />
-```
-
-Use `ManagerFieldEditorProps`, `ManagerFieldEditorRef`, and
-`useManagerFieldValue` from `@rakun-kit/manager-react/plugins` when implementing
-field editors. Next.js applications should import plugin objects inside a
-`'use client'` wrapper around `RakunManagerClientPage`; `RakunManagerPage` accepts
-that wrapper through `managerComponent`.
-
-### Extending the RichText editor
-
-Manager plugins can register Lexical nodes and React plugins for every
-`RichText` field, including fields rendered inside relations, blocks, and
-modules:
-
-```tsx
-'use client'
-
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
-import {
-  defineRakunManagerPlugin,
-  type ManagerRichTextPluginProps,
-} from '@rakun-kit/manager-react/plugins'
-import { MentionNode } from './MentionNode'
-
-const MentionsPlugin = ({ id }: ManagerRichTextPluginProps) => {
-  const [editor] = useLexicalComposerContext()
-
-  // Register commands and listeners on `editor` here.
-  return null
-}
-
-export const mentionsManagerPlugin = defineRakunManagerPlugin({
-  id: '@acme/rakun-mentions',
-  richText: {
-    nodes: [MentionNode],
-    plugins: [
-      {
-        id: '@acme/rakun-mentions.plugin',
-        component: MentionsPlugin,
-        placement: 'editor',
-      },
-    ],
-  },
-})
-```
-
-Lexical plugin components receive `ManagerRichTextPluginProps` (the field id,
-configuration, current content type, and related field metadata) and render
-inside `LexicalComposer`, so they can use the normal Lexical React hooks.
-Supported placements are `toolbar`, `block-format`, `editor` (the default),
-`actions-start`, and `actions-end`. `block-format` components render inside the
-manager's block selector and can use `ManagerRichTextBlockFormatItem` from
-`@rakun-kit/manager-react/rich-text`. Contributions keep declaration order
-unless an explicit `order` is provided. Node types and plugin ids must be unique;
-conflicts report both plugin owners. Node replacements use Lexical's standard
-`LexicalNodeReplacement` configuration.
-
-## Exports
-
-- `@rakun-kit/manager-react`: manager app, providers, clients, navigation, router, layout, media, and state helpers.
-- `@rakun-kit/manager-react/client/http`: HTTP manager client.
-- `@rakun-kit/manager-react/client/request`: transport-agnostic manager client.
-- `@rakun-kit/manager-react/client/trpc`: tRPC proxy client adapter.
-- `@rakun-kit/manager-react/app/runtime-app`: `ManagerRuntimeApp`, `ManagerBrowserApp`.
-- `@rakun-kit/manager-react/state/navigation`: navigation helpers and provider.
-- `@rakun-kit/manager-react/link`: link component provider.
-- `@rakun-kit/manager-react/styles.css`: bundled manager styles.
-
-## Build
-
-```sh
-bun run build --workspace @rakun-kit/manager-react
-```
+# @rakun-kit/manager-react
+
+React manager UI and client utilities for Rakun.
+
+Most apps use this package through framework adapters such as
+`@rakun-kit/next/manager`, but the runtime components and clients are also
+published for custom integrations.
+
+## Browser App
+
+Render the manager with a manager client and navigation implementation:
+
+```tsx
+import {
+  ManagerBrowserApp,
+  createHttpManagerClient,
+} from "@rakun-kit/manager-react";
+import "@rakun-kit/manager-react/styles.css";
+
+const client = createHttpManagerClient({
+  baseUrl: "/api/rakun",
+});
+
+export function ManagerPage() {
+  return (
+    <ManagerBrowserApp
+      client={client}
+      pathname={window.location.pathname}
+      basePath="/backend"
+    />
+  );
+}
+```
+
+`ManagerBrowserApp` creates browser path navigation by default. Use
+`ManagerRuntimeApp` when you need to provide custom navigation.
+
+## Clients
+
+HTTP client:
+
+```ts
+import { createHttpManagerClient } from "@rakun-kit/manager-react/client/http";
+
+const client = createHttpManagerClient({
+  baseUrl: "/api/rakun",
+});
+
+const contentTypes = await client.request("manager.contentTypes");
+```
+
+tRPC client adapter:
+
+```ts
+import { createTrpcManagerClient } from "@rakun-kit/manager-react/client/trpc";
+
+const managerClient = createTrpcManagerClient(trpcProxyClient);
+```
+
+Custom client:
+
+```ts
+import { createManagerClient } from "@rakun-kit/manager-react/client/request";
+
+const client = createManagerClient(async (name, input, options) => {
+  // call your transport here
+});
+```
+
+## Navigation
+
+Use `createPathManagerNavigation` for router integrations:
+
+```ts
+import { createPathManagerNavigation } from "@rakun-kit/manager-react/state/navigation";
+
+const navigation = createPathManagerNavigation({
+  basePath: "/backend",
+  push: (href) => router.push(href),
+  replace: (href) => router.replace(href),
+});
+```
+
+## Link fields
+
+The `f.link()` editor is a single link input. Users can paste or type a direct
+URL, choose the home page, or browse configured page-route types and select one
+of their entries. Route types use their content type's manager icon. Internal
+selections remain route references so localized paths can resolve at render
+time; direct URLs are stored as strings.
+
+## Styles
+
+Import the package stylesheet once:
+
+```ts
+import "@rakun-kit/manager-react/styles.css";
+```
+
+## Manager languages
+
+English and the locale runtime are built into this package. Extra translations
+ship from a separate package:
+
+```sh
+bun add @rakun-kit/manager-locales
+# or: npm install @rakun-kit/manager-locales
+```
+
+Import only the locale needed by the server bootstrap:
+
+```ts
+import { esManagerLocalePack } from '@rakun-kit/manager-locales/es'
+
+rakunBootstrap({
+  // ...
+  managerLanguages: [esManagerLocalePack],
+})
+```
+
+Each language has an independent subpath, so application bundlers only include
+the locales explicitly imported by the host.
+
+Content-type titles and categories can use project-defined message keys without
+adding them to the built-in `ManagerMessageKey` union. Add an English partial
+pack and extend installed locales through `managerLanguages`:
+
+```ts
+import { extendManagerLanguagePack } from '@rakun-kit/core/contracts'
+import { esManagerLocalePack } from '@rakun-kit/manager-locales/es'
+
+const managerLanguages = [
+  {
+    code: 'en',
+    name: 'English',
+    messages: {
+      'field.title': 'Title',
+      'layoutModule.header': 'Header',
+      'project.contentTypes.article.menu': 'Articles',
+    },
+  },
+  extendManagerLanguagePack(esManagerLocalePack, {
+    'field.title': 'Título',
+    'layoutModule.header': 'Cabecera',
+    'project.contentTypes.article.menu': 'Artículos',
+  }),
+]
+```
+
+Then set `menu.title` or `menu.category` to that arbitrary key. Project keys are
+resolved at runtime but remain outside the static manager catalog.
+
+Field labels use the dynamic `field.<fieldName>` namespace. A content-type field
+named `title`, for example, automatically resolves `field.title` in edit forms
+and list columns without adding it to `ManagerMessageKey`.
+
+Layout module labels follow `layoutModule.<layoutKey>`. For example, the
+`header` slot automatically resolves `layoutModule.header` in its tab and
+configuration panel.
+
+## Event Logs
+
+Settings → Logs displays the persistent Rakun event stream through the native
+`manager.logs.list` operation. The screen supports filters, cursor pagination,
+and structured event details. Both the settings card and the operation require
+the `system.eventLog.read` permission, which can be assigned from Settings →
+User Roles.
+
+## Manager Plugins
+
+Manager plugins run inside the normal providers and can add dashboard routes,
+sidebar items, and custom field editors:
+
+```tsx
+import {
+  defineRakunManagerPlugin,
+  ManagerBrowserApp,
+} from '@rakun-kit/manager-react'
+
+const analyticsManagerPlugin = defineRakunManagerPlugin({
+  id: '@acme/rakun-analytics',
+  routes: [{
+    id: 'dashboard',
+    path: '/analytics',
+    component: AnalyticsScreen,
+    permissions: ['plugin.analytics.view'],
+  }],
+  sidebar: [{
+    id: 'analytics',
+    title: 'Analytics',
+    routeId: 'dashboard',
+    position: 'primary',
+    group: 'Plugins',
+  }],
+  fieldEditors: {
+    '@acme/rakun-analytics.query': QueryEditor,
+  },
+})
+
+<ManagerBrowserApp plugins={[analyticsManagerPlugin]} {...props} />
+```
+
+Use `ManagerFieldEditorProps`, `ManagerFieldEditorRef`, and
+`useManagerFieldValue` from `@rakun-kit/manager-react/plugins` when implementing
+field editors. Next.js applications should import plugin objects inside a
+`'use client'` wrapper around `RakunManagerClientPage`; `RakunManagerPage` accepts
+that wrapper through `managerComponent`.
+
+### Extending the RichText editor
+
+Manager plugins can register Lexical nodes and React plugins for every
+`RichText` field, including fields rendered inside relations, blocks, and
+modules:
+
+```tsx
+'use client'
+
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
+import {
+  defineRakunManagerPlugin,
+  type ManagerRichTextPluginProps,
+} from '@rakun-kit/manager-react/plugins'
+import { MentionNode } from './MentionNode'
+
+const MentionsPlugin = ({ id }: ManagerRichTextPluginProps) => {
+  const [editor] = useLexicalComposerContext()
+
+  // Register commands and listeners on `editor` here.
+  return null
+}
+
+export const mentionsManagerPlugin = defineRakunManagerPlugin({
+  id: '@acme/rakun-mentions',
+  richText: {
+    nodes: [MentionNode],
+    plugins: [
+      {
+        id: '@acme/rakun-mentions.plugin',
+        component: MentionsPlugin,
+        placement: 'editor',
+      },
+    ],
+  },
+})
+```
+
+Lexical plugin components receive `ManagerRichTextPluginProps` (the field id,
+configuration, current content type, and related field metadata) and render
+inside `LexicalComposer`, so they can use the normal Lexical React hooks.
+Supported placements are `toolbar`, `block-format`, `editor` (the default),
+`actions-start`, and `actions-end`. `block-format` components render inside the
+manager's block selector and can use `ManagerRichTextBlockFormatItem` from
+`@rakun-kit/manager-react/rich-text`. Contributions keep declaration order
+unless an explicit `order` is provided. Node types and plugin ids must be unique;
+conflicts report both plugin owners. Node replacements use Lexical's standard
+`LexicalNodeReplacement` configuration.
+
+## Exports
+
+- `@rakun-kit/manager-react`: manager app, providers, clients, navigation, router, layout, media, and state helpers.
+- `@rakun-kit/manager-react/client/http`: HTTP manager client.
+- `@rakun-kit/manager-react/client/request`: transport-agnostic manager client.
+- `@rakun-kit/manager-react/client/trpc`: tRPC proxy client adapter.
+- `@rakun-kit/manager-react/app/runtime-app`: `ManagerRuntimeApp`, `ManagerBrowserApp`.
+- `@rakun-kit/manager-react/state/navigation`: navigation helpers and provider.
+- `@rakun-kit/manager-react/link`: link component provider.
+- `@rakun-kit/manager-react/i18n`: locale runtime, catalog, and locale types.
+- `@rakun-kit/manager-react/styles.css`: bundled manager styles.
+
+## Build
+
+```sh
+bun run build --workspace @rakun-kit/manager-react
+```

package/dist/cjs/app/app-provider.js

@@ -12,6 +12,7 @@ const media_1 = require("../media.js");
 const navigation_1 = require("../state/navigation.js");
 const react_2 = require("../client/react.js");
 const session_1 = require("../state/session.js");
+const users_1 = require("../state/users.js");
 const isRecord = (value) => !!value && typeof value === 'object' && !Array.isArray(value);
 const formatIssuePath = (path) => {
     if (!Array.isArray(path) || path.length === 0) {
@@ -102,7 +103,7 @@ const ManagerAppProvider = ({ client, navigation, initialUser, languages, initia
     if (!fallbackLanguage) {
         throw new Error('ManagerAppProvider requires at least one language.');
     }
-    const content = ((0, jsx_runtime_1.jsx)(session_1.SessionProvider, { initialUser: initialUser, children: (0, jsx_runtime_1.jsx)(language_1.LanguageProvider, { languages: languages, initialLanguage: fallbackLanguage, children: children }) }));
+    const content = ((0, jsx_runtime_1.jsx)(session_1.SessionProvider, { initialUser: initialUser, children: (0, jsx_runtime_1.jsx)(users_1.ManagerUsersProvider, { children: (0, jsx_runtime_1.jsx)(language_1.LanguageProvider, { languages: languages, initialLanguage: fallbackLanguage, children: children }) }) }));
     return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: ownedQueryClient, children: (0, jsx_runtime_1.jsx)(react_2.ManagerProvider, { client: client, children: (0, jsx_runtime_1.jsx)(navigation_1.ManagerNavigationProvider, { navigation: navigation, children: (0, jsx_runtime_1.jsx)(link_1.ManagerLinkProvider, { component: linkComponent, children: (0, jsx_runtime_1.jsx)(media_1.ManagerMediaProvider, { renderPicker: renderMediaPicker ?? media_picker_1.renderDefaultManagerMediaPicker, children: content }) }) }) }) }));
 };
 exports.ManagerAppProvider = ManagerAppProvider;

package/dist/cjs/app/app-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-provider.js","sourceRoot":"","sources":["../../../src/app/app-provider.tsx"],"names":[],"mappings":";;;;AAAA,uDAI8B;AAC9B,iCAA+C;AAE/C,mCAA8B;AAE9B,iCAAuE;AACvE,qDAAoE;AACpE,+CAAmD;AACnD,mCAGgB;AAChB,mDAG2B;AAC3B,0CAA2E;AAC3E,6CAAiD;AAEjD,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAoC,EAAE,CACpE,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;AAE/D,MAAM,eAAe,GAAG,CAAC,IAAa,EAAE,EAAE;IACxC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9C,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,KAAc,EAAE,EAAE;IACrC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC;IAED,MAAM,OAAO,GACX,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAA;IAErE,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,OAAO,EAAE,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,KAAc,EAAiB,EAAE;IACxD,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;QAC3B,OAAO,KAAK,CAAC,OAAO,CAAA;IACtB,CAAC;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzD,OAAO,KAAK,CAAC,OAAO,CAAA;IACtB,CAAC;IAED,IACE,QAAQ,CAAC,KAAK,CAAC;QACf,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;QACrB,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,EACvC,CAAC;QACD,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IAC5B,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,KAAc,EAAa,EAAE;IAC9C,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QACnD,OAAO,KAAK,CAAC,MAAM,CAAA;IACrB,CAAC;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;QACvC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QAEvB,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC,MAAM,CAAA;QACpB,CAAC;IACH,CAAC;IAED,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAEtC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QACrC,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QAClC,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5C,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAA;IACX,CAAC;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAAE,EAAE;IAC1C,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAE/B,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,OAAO;YACL,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SAC5D,CAAA;IACH,CAAC;IAED,OAAO;QACL,WAAW,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,eAAe;KACvD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,CAAC,QAA4B,EAAE,EAAE,CAC7D,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAA;AAE1D,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAC3C,IAAI,yBAAW,CAAC;IACd,UAAU,EAAE,IAAI,wBAAU,CAAC;QACzB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACxB,IACG,KAAK,CAAC,IAAqD;gBAC1D,EAAE,kBAAkB,EACtB,CAAC;gBACD,OAAM;YACR,CAAC;YAED,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;YAEzC,cAAK,CAAC,KAAK,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EAAE;gBAC7D,WAAW,EAAE,SAAS,CAAC,WAAW;aACnC,CAAC,CAAA;QACJ,CAAC;KACF,CAAC;IACF,cAAc,EAAE;QACd,OAAO,EAAE;YACP,SAAS,EAAE,EAAE,GAAG,IAAI;SACrB;KACF;CACF,CAAC,CAAA;AAvBS,QAAA,wBAAwB,4BAuBjC;AAcG,MAAM,kBAAkB,GAAG,CAAC,EACjC,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACgB,EAAE,EAAE;IAC5B,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE,CAAC,WAAW,IAAI,IAAA,gCAAwB,GAAE,EAC/C,CAAC,WAAW,CAAC,CACd,CAAA;IACD,MAAM,gBAAgB,GACpB,eAAe;QACf,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;QAC9C,SAAS,CAAC,CAAC,CAAC,CAAA;IAEd,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACvE,CAAC;IAED,MAAM,OAAO,GAAG,CACd,uBAAC,yBAAe,IAAC,WAAW,EAAE,WAAW,YACvC,uBAAC,2BAAgB,IACf,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,gBAAgB,YAEhC,QAAQ,GACQ,GACH,CACnB,CAAA;IAED,OAAO,CACL,uBAAC,iCAAmB,IAAC,MAAM,EAAE,gBAAgB,YAC3C,uBAAC,uBAAe,IAAC,MAAM,EAAE,MAAM,YAC7B,uBAAC,sCAAyB,IAAC,UAAU,EAAE,UAAU,YAC/C,uBAAC,0BAAmB,IAAC,SAAS,EAAE,aAAa,YAC3C,uBAAC,4BAAoB,IACnB,YAAY,EAAE,iBAAiB,IAAI,8CAA+B,YAEjE,OAAO,GACa,GACH,GACI,GACZ,GACE,CACvB,CAAA;AACH,CAAC,CAAA;AAlDY,QAAA,kBAAkB,sBAkD9B"}
+{"version":3,"file":"app-provider.js","sourceRoot":"","sources":["../../../src/app/app-provider.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/app/media-picker.js

@@ -9,8 +9,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const MediaLibrary_1 = __importDefault(require("../components/media/MediaLibrary.js"));
 const button_1 = require("../components/ui/button.js");
 const dialog_1 = require("../components/ui/dialog.js");
+const i18n_1 = require("../i18n/index.js");
 function DefaultManagerMediaPicker({ isOpen, selectedMediaIds, forcedMediaTypeFilter, forcedOptimizeOptions, isMultipleSelection, selectedMediaList, close, select, confirmMultiple, }) {
-    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isOpen, onOpenChange: (open) => !open && close(), children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "max-h-[95vh] w-screen max-w-[95vw]! overflow-hidden p-4", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: "Media library" }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { children: "Select existing media or upload new files." })] }), (0, jsx_runtime_1.jsx)(MediaLibrary_1.default, { selectable: true, isModal: true, multipleSelect: isMultipleSelection, selectedMediaIds: selectedMediaIds, forcedMediaTypeFilter: forcedMediaTypeFilter, optimizeOptions: forcedOptimizeOptions, onSelect: select }), isMultipleSelection ? ((0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "outline", onClick: close, children: "Cancel" }), (0, jsx_runtime_1.jsxs)(button_1.Button, { type: "button", onClick: confirmMultiple, children: ["Select ", selectedMediaList.length] })] })) : null] }) }));
+    const t = (0, i18n_1.useTranslations)();
+    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, { open: isOpen, onOpenChange: (open) => !open && close(), children: (0, jsx_runtime_1.jsxs)(dialog_1.DialogContent, { className: "flex h-[min(95svh,920px)] max-h-[95svh] w-screen max-w-[95vw]! flex-col gap-4 overflow-hidden p-4", children: [(0, jsx_runtime_1.jsxs)(dialog_1.DialogHeader, { className: "shrink-0", children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { children: t('mediaPicker.title') }), (0, jsx_runtime_1.jsx)(dialog_1.DialogDescription, { children: t('mediaPicker.description') })] }), (0, jsx_runtime_1.jsx)("div", { className: "min-h-0 flex-1 overflow-hidden", children: (0, jsx_runtime_1.jsx)(MediaLibrary_1.default, { selectable: true, isModal: true, multipleSelect: isMultipleSelection, selectedMediaIds: selectedMediaIds, forcedMediaTypeFilter: forcedMediaTypeFilter, optimizeOptions: forcedOptimizeOptions, onSelect: select }) }), isMultipleSelection ? ((0, jsx_runtime_1.jsxs)(dialog_1.DialogFooter, { className: "shrink-0", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "outline", onClick: close, children: t('common.cancel') }), (0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", onClick: confirmMultiple, children: t('mediaPicker.selectCount', { count: selectedMediaList.length }) })] })) : null] }) }));
 }
 const renderDefaultManagerMediaPicker = (args) => ((0, jsx_runtime_1.jsx)(DefaultManagerMediaPicker, { ...args }));
 exports.renderDefaultManagerMediaPicker = renderDefaultManagerMediaPicker;

package/dist/cjs/app/media-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-picker.js","sourceRoot":"","sources":["../../../src/app/media-picker.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;AAEZ,mFAA0D;AAC1D,mDAA+C;AAC/C,mDAO+B;AAG/B,SAAS,yBAAyB,CAAC,EACjC,MAAM,EACN,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,EACL,MAAM,EACN,eAAe,GACc;IAC7B,OAAO,CACL,uBAAC,eAAM,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,KAAK,EAAE,YAC5D,wBAAC,sBAAa,IAAC,SAAS,EAAC,yDAAyD,aAChF,wBAAC,qBAAY,eACX,uBAAC,oBAAW,gCAA4B,EACxC,uBAAC,0BAAiB,6DAA+D,IACpE,EAEf,uBAAC,sBAAY,IACX,UAAU,QACV,OAAO,QACP,cAAc,EAAE,mBAAmB,EACnC,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,EAC5C,eAAe,EAAE,qBAAqB,EACtC,QAAQ,EAAE,MAAM,GAChB,EAED,mBAAmB,CAAC,CAAC,CAAC,CACrB,wBAAC,qBAAY,eACX,uBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,uBAE7C,EACT,wBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,eAAe,wBACpC,iBAAiB,CAAC,MAAM,IACzB,IACI,CAChB,CAAC,CAAC,CAAC,IAAI,IACM,GACT,CACV,CAAA;AACH,CAAC;AAEM,MAAM,+BAA+B,GAAG,CAAC,IAAkC,EAAE,EAAE,CAAC,CACrF,uBAAC,yBAAyB,OAAK,IAAI,GAAI,CACxC,CAAA;AAFY,QAAA,+BAA+B,mCAE3C"}
+{"version":3,"file":"media-picker.js","sourceRoot":"","sources":["../../../src/app/media-picker.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;AAEZ,mFAA0D;AAC1D,mDAA+C;AAC/C,mDAO+B;AAC/B,iCAAwC;AAGxC,SAAS,yBAAyB,CAAC,EACjC,MAAM,EACN,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,KAAK,EACL,MAAM,EACN,eAAe,GACc;IAC7B,MAAM,CAAC,GAAG,IAAA,sBAAe,GAAE,CAAA;IAE3B,OAAO,CACL,uBAAC,eAAM,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,KAAK,EAAE,YAC5D,wBAAC,sBAAa,IAAC,SAAS,EAAC,mGAAmG,aAC1H,wBAAC,qBAAY,IAAC,SAAS,EAAC,UAAU,aAChC,uBAAC,oBAAW,cAAE,CAAC,CAAC,mBAAmB,CAAC,GAAe,EACnD,uBAAC,0BAAiB,cAAE,CAAC,CAAC,yBAAyB,CAAC,GAAqB,IACxD,EAEf,gCAAK,SAAS,EAAC,gCAAgC,YAC7C,uBAAC,sBAAY,IACX,UAAU,QACV,OAAO,QACP,cAAc,EAAE,mBAAmB,EACnC,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,EAC5C,eAAe,EAAE,qBAAqB,EACtC,QAAQ,EAAE,MAAM,GAChB,GACE,EAEL,mBAAmB,CAAC,CAAC,CAAC,CACrB,wBAAC,qBAAY,IAAC,SAAS,EAAC,UAAU,aAChC,uBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,YACnD,CAAC,CAAC,eAAe,CAAC,GACZ,EACT,uBAAC,eAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,eAAe,YAC3C,CAAC,CAAC,yBAAyB,EAAE,EAAE,KAAK,EAAE,iBAAiB,CAAC,MAAM,EAAE,CAAC,GAC3D,IACI,CAChB,CAAC,CAAC,CAAC,IAAI,IACM,GACT,CACV,CAAA;AACH,CAAC;AAEM,MAAM,+BAA+B,GAAG,CAAC,IAAkC,EAAE,EAAE,CAAC,CACrF,uBAAC,yBAAyB,OAAK,IAAI,GAAI,CACxC,CAAA;AAFY,QAAA,+BAA+B,mCAE3C"}

package/dist/cjs/app/root-providers.js

@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const sonner_1 = require("../components/ui/sonner.js");
 const theme_1 = require("../state/theme.js");
 const ManagerRootProviders = ({ children, }) => {
-    return ((0, jsx_runtime_1.jsxs)(theme_1.ManagerThemeProvider, { children: [(0, jsx_runtime_1.jsx)(theme_1.ManagerThemeScript, {}), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { richColors: true }), children] }));
+    return ((0, jsx_runtime_1.jsxs)(theme_1.ManagerThemeProvider, { children: [(0, jsx_runtime_1.jsx)(sonner_1.Toaster, { richColors: true }), children] }));
 };
 exports.ManagerRootProviders = ManagerRootProviders;
 //# sourceMappingURL=root-providers.js.map

package/dist/cjs/app/root-providers.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-providers.js","sourceRoot":"","sources":["../../../src/app/root-providers.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAIZ,mDAAgD;AAChD,yCAAwE;AAMjE,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,GACkB,EAAE,EAAE;IAC9B,OAAO,CACL,wBAAC,4BAAoB,eACnB,uBAAC,0BAAkB,KAAG,EACtB,uBAAC,gBAAO,IAAC,UAAU,SAAG,EACrB,QAAQ,IACY,CACxB,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,oBAAoB,wBAUhC"}
+{"version":3,"file":"root-providers.js","sourceRoot":"","sources":["../../../src/app/root-providers.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAIZ,mDAAgD;AAChD,yCAAoD;AAM7C,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,GACkB,EAAE,EAAE;IAC9B,OAAO,CACL,wBAAC,4BAAoB,eACnB,uBAAC,gBAAO,IAAC,UAAU,SAAG,EACrB,QAAQ,IACY,CACxB,CAAA;AACH,CAAC,CAAA;AATY,QAAA,oBAAoB,wBAShC"}