@ecsplico/editor 2.1.1 → 3.0.0

package/dist/server/routes.js

@@ -0,0 +1,144 @@
+import { AI_API, CAPABILITIES_ROUTE, COMMENTS_ROUTE, DOCUMENT_ROUTE, EDITOR_API } from "../core/api-routes.js";
+import { chatPost, completePost, extractPost, generatePost, modelsGet, transcriptCleanupPost } from "./handlers/ai.js";
+import { assetGet, assetPost, capabilitiesGet, settingsGet, settingsPut, tagsGet, themeDelete, themeGet, themePost, themesGet, usersGet } from "./handlers/editor.js";
+import { commentsGet, commentsPost, documentGet, documentPut } from "../adapters/documents.js";
+//#region src/server/routes.ts
+const ROUTES = [
+	{
+		method: "get",
+		path: CAPABILITIES_ROUTE,
+		port: "documents",
+		handler: capabilitiesGet
+	},
+	{
+		method: "get",
+		path: `${EDITOR_API}/settings`,
+		port: "settings",
+		handler: settingsGet
+	},
+	{
+		method: "put",
+		path: `${EDITOR_API}/settings`,
+		port: "settings",
+		handler: settingsPut
+	},
+	{
+		method: "get",
+		path: `${EDITOR_API}/users`,
+		port: "directory",
+		handler: usersGet
+	},
+	{
+		method: "get",
+		path: `${EDITOR_API}/tags`,
+		port: "documents",
+		handler: tagsGet
+	},
+	{
+		method: "post",
+		path: `${EDITOR_API}/assets/:id`,
+		port: "assets",
+		handler: assetPost
+	},
+	{
+		method: "get",
+		path: `${EDITOR_API}/assets/:id/:name`,
+		port: "assets",
+		handler: assetGet
+	},
+	{
+		method: "get",
+		path: `${EDITOR_API}/themes`,
+		port: "themes",
+		handler: themesGet
+	},
+	{
+		method: "post",
+		path: `${EDITOR_API}/themes`,
+		port: "themes",
+		handler: themePost
+	},
+	{
+		method: "get",
+		path: `${EDITOR_API}/themes/:id`,
+		port: "themes",
+		handler: themeGet
+	},
+	{
+		method: "delete",
+		path: `${EDITOR_API}/themes/:id`,
+		port: "themes",
+		handler: themeDelete
+	},
+	{
+		method: "get",
+		path: DOCUMENT_ROUTE,
+		port: "documents",
+		handler: documentGet
+	},
+	{
+		method: "put",
+		path: DOCUMENT_ROUTE,
+		port: "documents",
+		handler: documentPut
+	},
+	{
+		method: "get",
+		path: COMMENTS_ROUTE,
+		port: "comments",
+		handler: commentsGet
+	},
+	{
+		method: "post",
+		path: COMMENTS_ROUTE,
+		port: "comments",
+		handler: commentsPost
+	},
+	{
+		method: "get",
+		path: `${AI_API}/models`,
+		port: "ai",
+		handler: modelsGet
+	},
+	{
+		method: "post",
+		path: `${AI_API}/chat`,
+		port: "ai",
+		handler: chatPost
+	},
+	{
+		method: "post",
+		path: `${AI_API}/complete`,
+		port: "ai",
+		handler: completePost
+	},
+	{
+		method: "post",
+		path: `${AI_API}/generate`,
+		port: "ai",
+		handler: generatePost
+	},
+	{
+		method: "post",
+		path: `${AI_API}/extract`,
+		port: "ai",
+		handler: extractPost
+	},
+	{
+		method: "post",
+		path: `${AI_API}/transcript-cleanup`,
+		port: "ai",
+		handler: transcriptCleanupPost
+	}
+];
+/**
+* The routes `ports` can serve. A route is served iff its port is present (`documents` is required, so its routes always
+* are); the AI routes (`port: 'ai'`) iff `options.ai`, the host having configured the AI models.
+*/
+function serverRoutesOf(ports, options) {
+	return ROUTES.filter((route) => route.port === "ai" ? options.ai : ports[route.port] !== void 0);
+}
+//#endregion
+export { serverRoutesOf };
+
+//# sourceMappingURL=routes.js.map

package/dist/server/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","names":[],"sources":["../../src/server/routes.ts"],"sourcesContent":["import { commentsGet, commentsPost, documentGet, documentPut } from '../adapters/documents'\nimport { AI_API, CAPABILITIES_ROUTE, COMMENTS_ROUTE, DOCUMENT_ROUTE, EDITOR_API } from '../core/api-routes'\nimport type { RouteHandler } from './h3'\nimport {\n  type AiHandlerContext,\n  assetGet,\n  assetPost,\n  capabilitiesGet,\n  chatPost,\n  completePost,\n  extractPost,\n  generatePost,\n  type HandlerContext,\n  modelsGet,\n  settingsGet,\n  settingsPut,\n  tagsGet,\n  themeDelete,\n  themeGet,\n  themePost,\n  themesGet,\n  transcriptCleanupPost,\n  usersGet,\n} from './handlers'\nimport type { EditorPorts } from './ports'\n\n// The one HTTP route table of the editor backend: what each route needs (a port, or the AI models), and its handler.\n// `serverRoutesOf` keeps the routes the host's ports can serve; `installEditorServer` (`./server/nitro`) mounts them on\n// a Nitro app, the Nuxt module through its server plugin. Paths are the constants of `core/api-routes.ts`.\n\ntype Method = 'get' | 'put' | 'post' | 'delete'\n/** A port other than `identity`, which every route needs and none is gated on. */\ntype RoutePort = Exclude<keyof EditorPorts, 'identity'>\n\nexport type RouteDef =\n  | { method: Method, path: string, port: RoutePort, handler: RouteHandler<HandlerContext> }\n  | { method: Method, path: string, port: 'ai', handler: RouteHandler<AiHandlerContext> }\n\nconst ROUTES: readonly RouteDef[] = [\n  // What the server serves: `documents` is required, so this route is always there.\n  { method: 'get', path: CAPABILITIES_ROUTE, port: 'documents', handler: capabilitiesGet },\n  { method: 'get', path: `${EDITOR_API}/settings`, port: 'settings', handler: settingsGet },\n  { method: 'put', path: `${EDITOR_API}/settings`, port: 'settings', handler: settingsPut },\n  { method: 'get', path: `${EDITOR_API}/users`, port: 'directory', handler: usersGet },\n  // Tags derive from the contents the documents port lists.\n  { method: 'get', path: `${EDITOR_API}/tags`, port: 'documents', handler: tagsGet },\n  { method: 'post', path: `${EDITOR_API}/assets/:id`, port: 'assets', handler: assetPost },\n  { method: 'get', path: `${EDITOR_API}/assets/:id/:name`, port: 'assets', handler: assetGet },\n  { method: 'get', path: `${EDITOR_API}/themes`, port: 'themes', handler: themesGet },\n  { method: 'post', path: `${EDITOR_API}/themes`, port: 'themes', handler: themePost },\n  { method: 'get', path: `${EDITOR_API}/themes/:id`, port: 'themes', handler: themeGet },\n  { method: 'delete', path: `${EDITOR_API}/themes/:id`, port: 'themes', handler: themeDelete },\n  { method: 'get', path: DOCUMENT_ROUTE, port: 'documents', handler: documentGet },\n  { method: 'put', path: DOCUMENT_ROUTE, port: 'documents', handler: documentPut },\n  { method: 'get', path: COMMENTS_ROUTE, port: 'comments', handler: commentsGet },\n  { method: 'post', path: COMMENTS_ROUTE, port: 'comments', handler: commentsPost },\n  { method: 'get', path: `${AI_API}/models`, port: 'ai', handler: modelsGet },\n  { method: 'post', path: `${AI_API}/chat`, port: 'ai', handler: chatPost },\n  { method: 'post', path: `${AI_API}/complete`, port: 'ai', handler: completePost },\n  { method: 'post', path: `${AI_API}/generate`, port: 'ai', handler: generatePost },\n  { method: 'post', path: `${AI_API}/extract`, port: 'ai', handler: extractPost },\n  { method: 'post', path: `${AI_API}/transcript-cleanup`, port: 'ai', handler: transcriptCleanupPost },\n]\n\n/**\n * The routes `ports` can serve. A route is served iff its port is present (`documents` is required, so its routes always\n * are); the AI routes (`port: 'ai'`) iff `options.ai`, the host having configured the AI models.\n */\nexport function serverRoutesOf(ports: EditorPorts, options: { ai: boolean }): RouteDef[] {\n  return ROUTES.filter(route => route.port === 'ai' ? options.ai : ports[route.port] !== undefined)\n}\n"],"mappings":";;;;;AAsCA,MAAM,SAA8B;CAElC;EAAE,QAAQ;EAAO,MAAM;EAAoB,MAAM;EAAa,SAAS;CAAgB;CACvF;EAAE,QAAQ;EAAO,MAAM,GAAG,WAAW;EAAY,MAAM;EAAY,SAAS;CAAY;CACxF;EAAE,QAAQ;EAAO,MAAM,GAAG,WAAW;EAAY,MAAM;EAAY,SAAS;CAAY;CACxF;EAAE,QAAQ;EAAO,MAAM,GAAG,WAAW;EAAS,MAAM;EAAa,SAAS;CAAS;CAEnF;EAAE,QAAQ;EAAO,MAAM,GAAG,WAAW;EAAQ,MAAM;EAAa,SAAS;CAAQ;CACjF;EAAE,QAAQ;EAAQ,MAAM,GAAG,WAAW;EAAc,MAAM;EAAU,SAAS;CAAU;CACvF;EAAE,QAAQ;EAAO,MAAM,GAAG,WAAW;EAAoB,MAAM;EAAU,SAAS;CAAS;CAC3F;EAAE,QAAQ;EAAO,MAAM,GAAG,WAAW;EAAU,MAAM;EAAU,SAAS;CAAU;CAClF;EAAE,QAAQ;EAAQ,MAAM,GAAG,WAAW;EAAU,MAAM;EAAU,SAAS;CAAU;CACnF;EAAE,QAAQ;EAAO,MAAM,GAAG,WAAW;EAAc,MAAM;EAAU,SAAS;CAAS;CACrF;EAAE,QAAQ;EAAU,MAAM,GAAG,WAAW;EAAc,MAAM;EAAU,SAAS;CAAY;CAC3F;EAAE,QAAQ;EAAO,MAAM;EAAgB,MAAM;EAAa,SAAS;CAAY;CAC/E;EAAE,QAAQ;EAAO,MAAM;EAAgB,MAAM;EAAa,SAAS;CAAY;CAC/E;EAAE,QAAQ;EAAO,MAAM;EAAgB,MAAM;EAAY,SAAS;CAAY;CAC9E;EAAE,QAAQ;EAAQ,MAAM;EAAgB,MAAM;EAAY,SAAS;CAAa;CAChF;EAAE,QAAQ;EAAO,MAAM,GAAG,OAAO;EAAU,MAAM;EAAM,SAAS;CAAU;CAC1E;EAAE,QAAQ;EAAQ,MAAM,GAAG,OAAO;EAAQ,MAAM;EAAM,SAAS;CAAS;CACxE;EAAE,QAAQ;EAAQ,MAAM,GAAG,OAAO;EAAY,MAAM;EAAM,SAAS;CAAa;CAChF;EAAE,QAAQ;EAAQ,MAAM,GAAG,OAAO;EAAY,MAAM;EAAM,SAAS;CAAa;CAChF;EAAE,QAAQ;EAAQ,MAAM,GAAG,OAAO;EAAW,MAAM;EAAM,SAAS;CAAY;CAC9E;EAAE,QAAQ;EAAQ,MAAM,GAAG,OAAO;EAAsB,MAAM;EAAM,SAAS;CAAsB;AACrG;;;;;AAMA,SAAgB,eAAe,OAAoB,SAAsC;CACvF,OAAO,OAAO,QAAO,UAAS,MAAM,SAAS,OAAO,QAAQ,KAAK,MAAM,MAAM,UAAU,KAAA,CAAS;AAClG"}

package/dist/settings/index.d.ts

@@ -4,7 +4,7 @@ import { z } from "zod";
 export declare const EDITOR_SETTINGS_VERSION = 1;
 /** Valid theme id: lowercase slug, used as directory name and in `/api/editor/themes/:id`. Defined here so core never imports a feature. */
 export declare const THEME_ID: RegExp;
-/** A user's editor preferences, shared by all editors on the page; persisted per user through the `EditorAdapter`. */
+/** A user's editor preferences, shared by all editors on the page; persisted per user through the `settings` port. */
 export interface EditorSettings {
   version: typeof EDITOR_SETTINGS_VERSION;
   editing: {

package/dist/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/settings/index.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  AI_LANGUAGES,\n  type AiLanguage,\n  AUTHOR_COLOR_STYLES,\n  type AuthorColorStyle,\n  COMMENTS_LAYOUTS,\n  type CommentsLayout,\n  DRAG_HANDLE_VISIBILITIES,\n  type DragHandleVisibility,\n  HEADING_CONVERSION_SCOPES,\n  type HeadingConversionScope,\n  KIND_ICON_VISIBILITIES,\n  type KindIconVisibility,\n  MODEL_SLOTS,\n  type ModelSlot,\n  STRUCTURE_MODES,\n  type StructureMode,\n  TREE_ROOTS,\n  type TreeRoot,\n} from './values'\n\nexport * from './values'\n\nexport const EDITOR_SETTINGS_VERSION = 1\n\n/** Valid theme id: lowercase slug, used as directory name and in `/api/editor/themes/:id`. Defined here so core never imports a feature. */\nexport const THEME_ID = /^[a-z0-9][a-z0-9-]{0,63}$/\n\n/** A user's editor preferences, shared by all editors on the page; persisted per user through the `EditorAdapter`. */\nexport interface EditorSettings {\n  version: typeof EDITOR_SETTINGS_VERSION\n  editing: {\n    /** Blocks „Gliederung umwandeln“ (both directions) converts when nothing is selected. */\n    headingConversionScope: HeadingConversionScope\n    /** Text is tinted per author (authors feature): each run in the colour of the user who wrote it. */\n    authorColors: boolean\n    /** `background`: tinted background; `text`: text in the author's colour. */\n    authorColorStyle: AuthorColorStyle\n    /** `margin`: comment cards in a column beside the text; `inline`: popover at the text plus the toolbar's list (comments feature). */\n    commentsLayout: CommentsLayout\n  }\n  ai: {\n    /** Ghost-text suggestions while typing (`GhostAutocomplete`). */\n    autocomplete: boolean\n    /** Model profile id per slot; a missing or unknown id falls back to the server's default preset for the slot. */\n    slots: Partial<Record<ModelSlot, string>>\n    /** Preselected target language of „Übersetzen“. */\n    translateLanguage: AiLanguage\n  }\n  blocks: {\n    /** Composite kind id the „Baustein“ shortcuts create (toolbar button, heading conversion). */\n    defaultKind: string\n    /** Preferred document structure: toolbar block types and the structure of AI-generated blocks. */\n    structure: StructureMode\n    /** Root of the document drawer while a composite file is loaded: nested in the folders, or the file itself. */\n    treeRoot: TreeRoot\n    /** Kind icon of composites (their drag handle): always visible, or only on hover, focus or while the details are open. */\n    kindIcon: KindIconVisibility\n    /** Standard drag handle of blocks without kind icon: on the hovered block, or permanently beside every block. */\n    dragHandle: DragHandleVisibility\n  }\n  appearance: {\n    /** Id of the Obsidian theme applied to the whole app (themes feature); `null` = the standard Nuxt UI look. */\n    theme: string | null\n  }\n}\n\nexport const EDITOR_SETTINGS_DEFAULTS: EditorSettings = {\n  version: EDITOR_SETTINGS_VERSION,\n  editing: { headingConversionScope: 'container', authorColors: false, authorColorStyle: 'background', commentsLayout: 'margin' },\n  ai: { autocomplete: false, slots: {}, translateLanguage: 'Englisch' },\n  blocks: { defaultKind: 'section', structure: 'composite', treeRoot: 'folders', kindIcon: 'always', dragHandle: 'hover' },\n  appearance: { theme: null },\n}\n\nconst headingConversionScopeSchema = z.enum(HEADING_CONVERSION_SCOPES)\nconst authorColorsSchema = z.boolean()\nconst authorColorStyleSchema = z.enum(AUTHOR_COLOR_STYLES)\nconst commentsLayoutSchema = z.enum(COMMENTS_LAYOUTS)\nconst autocompleteSchema = z.boolean()\nconst profileIdSchema = z.string().min(1).max(100)\nconst translateLanguageSchema = z.enum(AI_LANGUAGES)\nconst defaultKindSchema = z.string().min(1).max(100)\nconst structureSchema = z.enum(STRUCTURE_MODES)\nconst treeRootSchema = z.enum(TREE_ROOTS)\nconst kindIconSchema = z.enum(KIND_ICON_VISIBILITIES)\nconst dragHandleSchema = z.enum(DRAG_HANDLE_VISIBILITIES)\nconst themeSchema = z.string().regex(THEME_ID).nullable()\n\n/** Complete, valid settings (the body of `PUT /api/editor/settings`). */\nexport const editorSettingsSchema = z.object({\n  version: z.literal(EDITOR_SETTINGS_VERSION),\n  editing: z.object({\n    headingConversionScope: headingConversionScopeSchema,\n    authorColors: authorColorsSchema,\n    authorColorStyle: authorColorStyleSchema,\n    commentsLayout: commentsLayoutSchema,\n  }),\n  ai: z.object({\n    autocomplete: autocompleteSchema,\n    slots: z.partialRecord(z.enum(MODEL_SLOTS), profileIdSchema),\n    translateLanguage: translateLanguageSchema,\n  }),\n  blocks: z.object({\n    defaultKind: defaultKindSchema,\n    structure: structureSchema,\n    treeRoot: treeRootSchema,\n    kindIcon: kindIconSchema,\n    dragHandle: dragHandleSchema,\n  }),\n  appearance: z.object({ theme: themeSchema }),\n}) satisfies z.ZodType<EditorSettings>\n\nfunction record(value: unknown): Record<string, unknown> {\n  return value && typeof value === 'object' && !Array.isArray(value) ? value as Record<string, unknown> : {}\n}\n\nfunction valid<T>(schema: z.ZodType<T>, value: unknown, fallback: T): T {\n  const parsed = schema.safeParse(value)\n  return parsed.success ? parsed.data : fallback\n}\n\n/**\n * Deep-merges unknown input over the defaults; unknown keys dropped, invalid values replaced. Accepts the legacy flat\n * `{ headingConversionScope }` shape of the per-browser settings before version 1. Always returns fresh objects.\n */\nexport function parseEditorSettings(input: unknown): EditorSettings {\n  const root = record(input)\n  const editing = record(root.editing)\n  const ai = record(root.ai)\n  const slots = record(ai.slots)\n  const blocks = record(root.blocks)\n  const appearance = record(root.appearance)\n  const defaults = EDITOR_SETTINGS_DEFAULTS\n  const legacyScope = valid(headingConversionScopeSchema, root.headingConversionScope, defaults.editing.headingConversionScope)\n  return {\n    version: EDITOR_SETTINGS_VERSION,\n    editing: {\n      headingConversionScope: valid(headingConversionScopeSchema, editing.headingConversionScope, legacyScope),\n      authorColors: valid(authorColorsSchema, editing.authorColors, defaults.editing.authorColors),\n      authorColorStyle: valid(authorColorStyleSchema, editing.authorColorStyle, defaults.editing.authorColorStyle),\n      commentsLayout: valid(commentsLayoutSchema, editing.commentsLayout, defaults.editing.commentsLayout),\n    },\n    ai: {\n      autocomplete: valid(autocompleteSchema, ai.autocomplete, defaults.ai.autocomplete),\n      slots: Object.fromEntries(MODEL_SLOTS.flatMap((slot) => {\n        const parsed = profileIdSchema.safeParse(slots[slot])\n        return parsed.success ? [[slot, parsed.data]] : []\n      })),\n      translateLanguage: valid(translateLanguageSchema, ai.translateLanguage, defaults.ai.translateLanguage),\n    },\n    blocks: {\n      defaultKind: valid(defaultKindSchema, blocks.defaultKind, defaults.blocks.defaultKind),\n      structure: valid(structureSchema, blocks.structure, defaults.blocks.structure),\n      treeRoot: valid(treeRootSchema, blocks.treeRoot, defaults.blocks.treeRoot),\n      kindIcon: valid(kindIconSchema, blocks.kindIcon, defaults.blocks.kindIcon),\n      dragHandle: valid(dragHandleSchema, blocks.dragHandle, defaults.blocks.dragHandle),\n    },\n    appearance: {\n      theme: valid(themeSchema, appearance.theme, defaults.appearance.theme),\n    },\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/settings/index.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  AI_LANGUAGES,\n  type AiLanguage,\n  AUTHOR_COLOR_STYLES,\n  type AuthorColorStyle,\n  COMMENTS_LAYOUTS,\n  type CommentsLayout,\n  DRAG_HANDLE_VISIBILITIES,\n  type DragHandleVisibility,\n  HEADING_CONVERSION_SCOPES,\n  type HeadingConversionScope,\n  KIND_ICON_VISIBILITIES,\n  type KindIconVisibility,\n  MODEL_SLOTS,\n  type ModelSlot,\n  STRUCTURE_MODES,\n  type StructureMode,\n  TREE_ROOTS,\n  type TreeRoot,\n} from './values'\n\nexport * from './values'\n\nexport const EDITOR_SETTINGS_VERSION = 1\n\n/** Valid theme id: lowercase slug, used as directory name and in `/api/editor/themes/:id`. Defined here so core never imports a feature. */\nexport const THEME_ID = /^[a-z0-9][a-z0-9-]{0,63}$/\n\n/** A user's editor preferences, shared by all editors on the page; persisted per user through the `settings` port. */\nexport interface EditorSettings {\n  version: typeof EDITOR_SETTINGS_VERSION\n  editing: {\n    /** Blocks „Gliederung umwandeln“ (both directions) converts when nothing is selected. */\n    headingConversionScope: HeadingConversionScope\n    /** Text is tinted per author (authors feature): each run in the colour of the user who wrote it. */\n    authorColors: boolean\n    /** `background`: tinted background; `text`: text in the author's colour. */\n    authorColorStyle: AuthorColorStyle\n    /** `margin`: comment cards in a column beside the text; `inline`: popover at the text plus the toolbar's list (comments feature). */\n    commentsLayout: CommentsLayout\n  }\n  ai: {\n    /** Ghost-text suggestions while typing (`GhostAutocomplete`). */\n    autocomplete: boolean\n    /** Model profile id per slot; a missing or unknown id falls back to the server's default preset for the slot. */\n    slots: Partial<Record<ModelSlot, string>>\n    /** Preselected target language of „Übersetzen“. */\n    translateLanguage: AiLanguage\n  }\n  blocks: {\n    /** Composite kind id the „Baustein“ shortcuts create (toolbar button, heading conversion). */\n    defaultKind: string\n    /** Preferred document structure: toolbar block types and the structure of AI-generated blocks. */\n    structure: StructureMode\n    /** Root of the document drawer while a composite file is loaded: nested in the folders, or the file itself. */\n    treeRoot: TreeRoot\n    /** Kind icon of composites (their drag handle): always visible, or only on hover, focus or while the details are open. */\n    kindIcon: KindIconVisibility\n    /** Standard drag handle of blocks without kind icon: on the hovered block, or permanently beside every block. */\n    dragHandle: DragHandleVisibility\n  }\n  appearance: {\n    /** Id of the Obsidian theme applied to the whole app (themes feature); `null` = the standard Nuxt UI look. */\n    theme: string | null\n  }\n}\n\nexport const EDITOR_SETTINGS_DEFAULTS: EditorSettings = {\n  version: EDITOR_SETTINGS_VERSION,\n  editing: { headingConversionScope: 'container', authorColors: false, authorColorStyle: 'background', commentsLayout: 'margin' },\n  ai: { autocomplete: false, slots: {}, translateLanguage: 'Englisch' },\n  blocks: { defaultKind: 'section', structure: 'composite', treeRoot: 'folders', kindIcon: 'always', dragHandle: 'hover' },\n  appearance: { theme: null },\n}\n\nconst headingConversionScopeSchema = z.enum(HEADING_CONVERSION_SCOPES)\nconst authorColorsSchema = z.boolean()\nconst authorColorStyleSchema = z.enum(AUTHOR_COLOR_STYLES)\nconst commentsLayoutSchema = z.enum(COMMENTS_LAYOUTS)\nconst autocompleteSchema = z.boolean()\nconst profileIdSchema = z.string().min(1).max(100)\nconst translateLanguageSchema = z.enum(AI_LANGUAGES)\nconst defaultKindSchema = z.string().min(1).max(100)\nconst structureSchema = z.enum(STRUCTURE_MODES)\nconst treeRootSchema = z.enum(TREE_ROOTS)\nconst kindIconSchema = z.enum(KIND_ICON_VISIBILITIES)\nconst dragHandleSchema = z.enum(DRAG_HANDLE_VISIBILITIES)\nconst themeSchema = z.string().regex(THEME_ID).nullable()\n\n/** Complete, valid settings (the body of `PUT /api/editor/settings`). */\nexport const editorSettingsSchema = z.object({\n  version: z.literal(EDITOR_SETTINGS_VERSION),\n  editing: z.object({\n    headingConversionScope: headingConversionScopeSchema,\n    authorColors: authorColorsSchema,\n    authorColorStyle: authorColorStyleSchema,\n    commentsLayout: commentsLayoutSchema,\n  }),\n  ai: z.object({\n    autocomplete: autocompleteSchema,\n    slots: z.partialRecord(z.enum(MODEL_SLOTS), profileIdSchema),\n    translateLanguage: translateLanguageSchema,\n  }),\n  blocks: z.object({\n    defaultKind: defaultKindSchema,\n    structure: structureSchema,\n    treeRoot: treeRootSchema,\n    kindIcon: kindIconSchema,\n    dragHandle: dragHandleSchema,\n  }),\n  appearance: z.object({ theme: themeSchema }),\n}) satisfies z.ZodType<EditorSettings>\n\nfunction record(value: unknown): Record<string, unknown> {\n  return value && typeof value === 'object' && !Array.isArray(value) ? value as Record<string, unknown> : {}\n}\n\nfunction valid<T>(schema: z.ZodType<T>, value: unknown, fallback: T): T {\n  const parsed = schema.safeParse(value)\n  return parsed.success ? parsed.data : fallback\n}\n\n/**\n * Deep-merges unknown input over the defaults; unknown keys dropped, invalid values replaced. Accepts the legacy flat\n * `{ headingConversionScope }` shape of the per-browser settings before version 1. Always returns fresh objects.\n */\nexport function parseEditorSettings(input: unknown): EditorSettings {\n  const root = record(input)\n  const editing = record(root.editing)\n  const ai = record(root.ai)\n  const slots = record(ai.slots)\n  const blocks = record(root.blocks)\n  const appearance = record(root.appearance)\n  const defaults = EDITOR_SETTINGS_DEFAULTS\n  const legacyScope = valid(headingConversionScopeSchema, root.headingConversionScope, defaults.editing.headingConversionScope)\n  return {\n    version: EDITOR_SETTINGS_VERSION,\n    editing: {\n      headingConversionScope: valid(headingConversionScopeSchema, editing.headingConversionScope, legacyScope),\n      authorColors: valid(authorColorsSchema, editing.authorColors, defaults.editing.authorColors),\n      authorColorStyle: valid(authorColorStyleSchema, editing.authorColorStyle, defaults.editing.authorColorStyle),\n      commentsLayout: valid(commentsLayoutSchema, editing.commentsLayout, defaults.editing.commentsLayout),\n    },\n    ai: {\n      autocomplete: valid(autocompleteSchema, ai.autocomplete, defaults.ai.autocomplete),\n      slots: Object.fromEntries(MODEL_SLOTS.flatMap((slot) => {\n        const parsed = profileIdSchema.safeParse(slots[slot])\n        return parsed.success ? [[slot, parsed.data]] : []\n      })),\n      translateLanguage: valid(translateLanguageSchema, ai.translateLanguage, defaults.ai.translateLanguage),\n    },\n    blocks: {\n      defaultKind: valid(defaultKindSchema, blocks.defaultKind, defaults.blocks.defaultKind),\n      structure: valid(structureSchema, blocks.structure, defaults.blocks.structure),\n      treeRoot: valid(treeRootSchema, blocks.treeRoot, defaults.blocks.treeRoot),\n      kindIcon: valid(kindIconSchema, blocks.kindIcon, defaults.blocks.kindIcon),\n      dragHandle: valid(dragHandleSchema, blocks.dragHandle, defaults.blocks.dragHandle),\n    },\n    appearance: {\n      theme: valid(themeSchema, appearance.theme, defaults.appearance.theme),\n    },\n  }\n}\n"],"mappings":"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"}

package/dist/styles/composites.css

@@ -10,6 +10,13 @@
   }
   .tiptap .composite .composite { margin: 1em 0; }
   .tiptap .composite .composite .composite { margin: 0.75em 0; padding-left: 1rem; border-left-width: 1px; }
+  /* Derived Baustein (has a `meta.derivation`) that is not opened: a short faded preview. The content stays laid out and
+     only clipped, so ProseMirror positions and measurements stay valid; a caret inside opens it (`CompositeNode`). */
+  .tiptap .composite.is-collapsed > .composite__content {
+    max-height: 7rem;
+    overflow: hidden;
+    mask-image: linear-gradient(#000 60%, transparent);
+  }
   /* Anchor of the kind icon on the left border; `CompositeChrome` measures it and lays the icon (button and drag handle)
      over it, so it draws nothing and takes no pointer events. Its centre sits on the centre of the title's first line
      (the title's top margin collapses into the composite's, line-height 1.25), the line the drag handle centres on:
@@ -46,6 +53,24 @@
     pointer-events: none;
     content: var(--composite-title-placeholder, '');
   }
+  /* Inline reference to a Baustein (`[@`): a link-like pill in the primary colour; greyed and struck when the target is gone. */
+  .tiptap .reference {
+    color: var(--sk-primary);
+    background: color-mix(in oklab, var(--sk-primary) 12%, transparent);
+    border-radius: 0.25rem;
+    padding: 0 0.3em;
+    font-weight: 500;
+    white-space: nowrap;
+    cursor: pointer;
+    box-decoration-break: clone;
+  }
+  .tiptap .reference.is-selected { outline: 2px solid var(--sk-primary); outline-offset: 1px; }
+  .tiptap .reference.is-gone {
+    color: var(--sk-fg-dimmed);
+    background: var(--sk-bg-elevated);
+    text-decoration: line-through;
+    cursor: default;
+  }
   /* Details popover on the kind icon: scale and fade in from the icon (Reka sets `transform-origin`). `CompositeChrome`
      assigns the animations through utilities, which outrank this layer, hence `!important` for reduced motion. */
   @keyframes composite-pop-in { from { opacity: 0; transform: scale(0.94); } }

package/dist/tree/DocumentTree.js

@@ -1,57 +1,60 @@
 import { useUiKit } from "../vue/kit/use-ui-kit.js";
+import { useEditorSettings } from "../vue/settings.js";
 import { useEditorI18n } from "../vue/use-editor-i18n.js";
 import { DRAG_MIME } from "./tree-items.js";
 import { rowOf } from "./tree-model.js";
 import { useTreeModel } from "./use-tree-model.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx, withKeys, withModifiers } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx, withKeys, withModifiers } from "vue";
 //#region src/tree/DocumentTree.vue
 const _hoisted_1 = { class: "flex flex-col gap-2" };
-const _hoisted_2 = {
+const _hoisted_2 = { class: "flex items-center justify-end" };
+const _hoisted_3 = { class: "inline-flex" };
+const _hoisted_4 = {
 	key: 0,
 	class: "flex items-center"
 };
-const _hoisted_3 = {
+const _hoisted_5 = {
 	key: 1,
 	class: "flex flex-col gap-1"
 };
-const _hoisted_4 = {
+const _hoisted_6 = {
 	key: 0,
 	class: "px-0.5 text-xs text-[var(--sk-danger)]",
 	role: "alert"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
 	key: 2,
 	class: "px-2.5 py-1.5 text-sm text-[var(--sk-muted)]"
 };
-const _hoisted_6 = { class: "w-full" };
-const _hoisted_7 = [
+const _hoisted_8 = { class: "w-full" };
+const _hoisted_9 = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDragleave",
 	"onDrop"
 ];
-const _hoisted_8 = {
+const _hoisted_10 = {
 	key: 1,
 	class: "size-3.5 shrink-0"
 };
-const _hoisted_9 = {
+const _hoisted_11 = {
 	key: 2,
 	class: "flex min-w-0 flex-1 flex-col gap-0.5"
 };
-const _hoisted_10 = ["title"];
-const _hoisted_11 = { class: "rounded-sm bg-[color-mix(in_oklab,var(--sk-primary)_20%,transparent)] text-inherit" };
-const _hoisted_12 = { class: "flex opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-data-[state=open]:opacity-100" };
-const _hoisted_13 = {
+const _hoisted_12 = ["title"];
+const _hoisted_13 = { class: "rounded-sm bg-[color-mix(in_oklab,var(--sk-primary)_20%,transparent)] text-inherit" };
+const _hoisted_14 = { class: "flex opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-data-[state=open]:opacity-100" };
+const _hoisted_15 = {
 	key: 0,
 	class: "px-2 pt-0.5 text-xs text-[var(--sk-danger)]",
 	role: "status"
 };
-const _hoisted_14 = {
+const _hoisted_16 = {
 	key: 4,
 	class: "px-2.5 py-1.5 text-sm text-[var(--sk-muted)]"
 };
-const _hoisted_15 = {
+const _hoisted_17 = {
 	key: 5,
 	class: "px-2.5 py-1.5 text-sm text-[var(--sk-muted)]"
 };
@@ -70,12 +73,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		/** The folder new documents, folders and host imports go to. Reset to `''` when it is deleted or moved away. */
 		const selectedFolder = useModel(__props, "selectedFolder");
 		const { t } = useEditorI18n();
-		const { Button: UButton, DropdownMenu: UDropdownMenu, Icon: UIcon, Input: UInput, Tree: UTree } = useUiKit();
+		const { Button: UButton, DropdownMenu: UDropdownMenu, Icon: UIcon, Input: UInput, Tooltip: UTooltip, Tree: UTree } = useUiKit();
 		const { model, state } = useTreeModel({
 			store: () => props.store,
 			editor: () => props.editor,
 			selectedFolder
 		});
+		const { settings } = useEditorSettings();
+		const canUseFileRoot = computed(() => state.value.hasEditor && state.value.structure === "composite");
+		function toggleTreeRoot() {
+			settings.value.blocks.treeRoot = settings.value.blocks.treeRoot === "file" ? "folders" : "file";
+		}
 		const row = (item) => rowOf(state.value, item, t);
 		/** Why dropping the drag on `item` is refused, while the pointer is over it. */
 		function refusal(item) {
@@ -179,7 +187,26 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"placeholder",
 					"aria-label"
 				]),
-				unref(state).view.hasKindFilters ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(UButton), {
+				createElementVNode("div", _hoisted_2, [createVNode(unref(UTooltip), { text: canUseFileRoot.value ? "" : unref(t)("tree.root.unavailable") }, {
+					default: withCtx(() => [createCommentVNode(" A disabled button swallows pointer events, so the tooltip hangs on the wrapper. "), createElementVNode("span", _hoisted_3, [createVNode(unref(UButton), {
+						icon: unref(state).virtual ? "i-lucide-file-stack" : "i-lucide-folder-tree",
+						label: unref(t)(unref(state).virtual ? "tree.root.file" : "tree.root.folders"),
+						size: "xs",
+						color: "neutral",
+						variant: unref(state).virtual ? "soft" : "ghost",
+						disabled: !canUseFileRoot.value,
+						"aria-pressed": unref(state).virtual,
+						onClick: toggleTreeRoot
+					}, null, 8, [
+						"icon",
+						"label",
+						"variant",
+						"disabled",
+						"aria-pressed"
+					])])]),
+					_: 1
+				}, 8, ["text"])]),
+				unref(state).view.hasKindFilters ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(unref(UButton), {
 					icon: "i-lucide-filter-x",
 					label: unref(t)("tree.filter.reset"),
 					size: "xs",
@@ -187,7 +214,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					variant: "subtle",
 					onClick: unref(model).clearAllFilters
 				}, null, 8, ["label", "onClick"])])) : createCommentVNode("v-if", true),
-				unref(state).creatingFolder ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(UInput), {
+				unref(state).creatingFolder ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(UInput), {
 					"model-value": unref(state).creatingFolder.draft,
 					size: "sm",
 					autofocus: "",
@@ -208,8 +235,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"aria-invalid",
 					"onKeydown",
 					"onBlur"
-				]), unref(state).creatingFolder.error ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(state).creatingFolder.error), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
-				!unref(state).tree && !unref(state).virtual ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(state).tree === null ? unref(t)("tree.loadFailed") : unref(t)("tree.loading")), 1)) : (openBlock(), createBlock(unref(UTree), {
+				]), unref(state).creatingFolder.error ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(unref(state).creatingFolder.error), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				!unref(state).tree && !unref(state).virtual ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(state).tree === null ? unref(t)("tree.loadFailed") : unref(t)("tree.loading")), 1)) : (openBlock(), createBlock(unref(UTree), {
 					key: 3,
 					expanded: unref(state).view.open,
 					items: unref(state).view.items,
@@ -218,7 +245,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"aria-label": unref(t)("tree.aria"),
 					"onUpdate:expanded": onExpanded
 				}, {
-					"item-wrapper": withCtx(({ item }) => [createElementVNode("div", _hoisted_6, [createElementVNode("div", {
+					"item-wrapper": withCtx(({ item }) => [createElementVNode("div", _hoisted_8, [createElementVNode("div", {
 						class: normalizeClass(["group flex w-full cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-sm select-none hover:bg-[color-mix(in_oklab,var(--sk-bg-elevated)_60%,transparent)]", [
 							row(item).active && "bg-[color-mix(in_oklab,var(--sk-primary)_10%,transparent)] font-medium text-[var(--sk-primary)]",
 							row(item).selected && "bg-[var(--sk-bg-elevated)]",
@@ -237,12 +264,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							name: "i-lucide-chevron-right",
 							class: normalizeClass(["size-3.5 shrink-0 text-[var(--sk-muted)] transition-transform", row(item).open && "rotate-90"]),
 							onClick: ($event) => onChevronClick($event, item)
-						}, null, 8, ["class", "onClick"])) : item.type === "composite" || item.type === "heading" ? (openBlock(), createElementBlock("span", _hoisted_8)) : createCommentVNode("v-if", true),
+						}, null, 8, ["class", "onClick"])) : item.type === "composite" || item.type === "heading" ? (openBlock(), createElementBlock("span", _hoisted_10)) : createCommentVNode("v-if", true),
 						createVNode(unref(UIcon), {
 							name: item.icon,
 							class: "size-4 shrink-0"
 						}, null, 8, ["name"]),
-						row(item).renaming ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(unref(UInput), {
+						row(item).renaming ? (openBlock(), createElementBlock("div", _hoisted_11, [createVNode(unref(UInput), {
 							"model-value": row(item).renaming.draft,
 							size: "xs",
 							class: "min-w-0",
@@ -279,9 +306,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								title: item.label
 							}, [labelParts(item) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 								createTextVNode(toDisplayString(labelParts(item)[0]), 1),
-								createElementVNode("mark", _hoisted_11, toDisplayString(labelParts(item)[1]), 1),
+								createElementVNode("mark", _hoisted_13, toDisplayString(labelParts(item)[1]), 1),
 								createTextVNode(toDisplayString(labelParts(item)[2]), 1)
-							], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(item.label), 1)], 64))], 8, _hoisted_10),
+							], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(item.label), 1)], 64))], 8, _hoisted_12),
 							item.hasSummary ? (openBlock(), createBlock(unref(UIcon), {
 								key: 0,
 								name: "i-lucide-text-quote",
@@ -312,7 +339,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 									"aria-label"
 								])]),
 								_: 2
-							}, 1032, ["items"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_12, [
+							}, 1032, ["items"])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_14, [
 								addMenu(item).length ? (openBlock(), createBlock(unref(UDropdownMenu), {
 									key: 0,
 									items: addMenu(item),
@@ -347,7 +374,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								}, null, 8, ["aria-label", "onClick"])) : createCommentVNode("v-if", true)
 							])])
 						], 64))
-					], 42, _hoisted_7), refusal(item) ? (openBlock(), createElementBlock("p", _hoisted_13, toDisplayString(refusal(item)), 1)) : createCommentVNode("v-if", true)])]),
+					], 42, _hoisted_9), refusal(item) ? (openBlock(), createElementBlock("p", _hoisted_15, toDisplayString(refusal(item)), 1)) : createCommentVNode("v-if", true)])]),
 					_: 3
 				}, 8, [
 					"expanded",
@@ -355,8 +382,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"get-key",
 					"aria-label"
 				])),
-				unref(state).view.noMatches ? (openBlock(), createElementBlock("p", _hoisted_14, toDisplayString(unref(t)("tree.noMatches")), 1)) : createCommentVNode("v-if", true),
-				unref(state).view.isEmpty ? (openBlock(), createElementBlock("p", _hoisted_15, toDisplayString(unref(t)("tree.empty")), 1)) : createCommentVNode("v-if", true)
+				unref(state).view.noMatches ? (openBlock(), createElementBlock("p", _hoisted_16, toDisplayString(unref(t)("tree.noMatches")), 1)) : createCommentVNode("v-if", true),
+				unref(state).view.isEmpty ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString(unref(t)("tree.empty")), 1)) : createCommentVNode("v-if", true)
 			]);
 		};
 	}

package/dist/tree/DocumentTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentTree.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","_unref","_withKeys","_createSlots","_withCtx","_createCommentVNode","_toDisplayString","_createBlock","_createElementVNode","_normalizeClass","_withModifiers","_Fragment","_createTextVNode","_renderSlot"],"sources":["../../src/tree/DocumentTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport type { DropdownItem } from '../vue/kit/types'\nimport { useUiKit } from '../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../vue/use-editor-i18n'\nimport type { DocumentStore } from './store'\nimport { DRAG_MIME, type TreeItem } from './tree-items'\nimport { rowOf } from './tree-model'\nimport { useTreeModel } from './use-tree-model'\n\n// File browser of a document store: a „Dokumente“ root with folders and documents. It only renders the `TreeModel` (see\n// `tree-model.ts`), which owns what is open, filtered, selected, dragged and renamed; the React twin renders the same model.\n\nconst props = defineProps<{\n  /** Where documents and folders live; the host implements it (see `DocumentStore`). */\n  store: DocumentStore\n  /** Editor of the open document (its outline is listed under the document); `undefined` while none is mounted. */\n  editor: Editor | undefined\n}>()\n\ndefineSlots<{\n  /** Host actions on a document row, rendered next to its delete button (e.g. a download link). */\n  'document-actions'?: (props: { id: string, title: string }) => unknown\n}>()\n\n/** The folder new documents, folders and host imports go to. Reset to `''` when it is deleted or moved away. */\nconst selectedFolder = defineModel<string>('selectedFolder', { default: '' })\n\nconst { t } = useEditorI18n()\nconst { Button: UButton, DropdownMenu: UDropdownMenu, Icon: UIcon, Input: UInput, Tree: UTree } = useUiKit()\nconst { model, state } = useTreeModel({ store: () => props.store, editor: () => props.editor, selectedFolder })\n\nconst row = (item: TreeItem) => rowOf(state.value, item, t)\n\n/** Why dropping the drag on `item` is refused, while the pointer is over it. */\nfunction refusal(item: TreeItem): string | null {\n  const drop = row(item).drop\n  return drop && !drop.ok ? drop.reason : null\n}\n\n/** UTree reports the keys of the rows it wants open; the model decides what that changes. */\nfunction onExpanded(next: string[]) {\n  const wanted = new Set(next)\n  const open = new Set(state.value.view.open)\n  for (const key of wanted) if (!open.has(key)) model.value.setOpen(key, true)\n  for (const key of open) if (!wanted.has(key)) model.value.setOpen(key, false)\n}\n\n/** The label split around the part the title filter matched, `null` when it did not match here. */\nfunction labelParts(item: TreeItem): [string, string, string] | null {\n  const match = row(item).match\n  if (!match) return null\n  const [at, length] = match\n  return [item.label.slice(0, at), item.label.slice(at, at + length), item.label.slice(at + length)]\n}\n\n// Folders and the root toggle through the tree's own row click; documents and outline entries (whose row click opens or\n// reveals) toggle through their chevron.\nfunction onChevronClick(event: Event, item: TreeItem) {\n  if (item.type === 'root' || item.type === 'folder') return\n  event.stopPropagation()\n  model.value.toggle(item.key)\n}\n\nfunction filterMenu(item: TreeItem): DropdownItem[][] {\n  const { filterKinds, hiddenKinds } = row(item)\n  const groups: DropdownItem[][] = [[\n    { type: 'label', label: t('tree.filter.show') },\n    ...filterKinds.map<DropdownItem>(kind => ({\n      label: kind.label,\n      icon: kind.icon,\n      type: 'checkbox',\n      checked: !hiddenKinds.includes(kind.id),\n      onUpdateChecked: visible => model.value.setKindHidden(item.key, kind.id, !visible),\n      // Stay open: several kinds are usually toggled in one go.\n      onSelect: event => event.preventDefault(),\n    })),\n  ]]\n  if (hiddenKinds.length) groups.push([{ label: t('tree.filter.reset'), icon: 'i-lucide-filter-x', onSelect: () => model.value.clearFilter(item.key) }])\n  return groups\n}\n\nfunction addMenu(item: TreeItem): DropdownItem[][] {\n  return model.value.addMenu(item).map(group => group.map(entry => ({ label: entry.label, icon: entry.icon, onSelect: entry.run })))\n}\n\n// --- drag & drop -----------------------------------------------------------------------------------------------\n\nfunction onDragStart(event: DragEvent, item: TreeItem) {\n  const payload = model.value.dragStart(item)\n  if (!payload) return event.preventDefault()\n  if (!event.dataTransfer) return model.value.dragEnd()\n  event.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload))\n  event.dataTransfer.effectAllowed = 'move'\n}\n\nfunction onDragOver(event: DragEvent, item: TreeItem) {\n  const verdict = model.value.dragOver(item)\n  if (!verdict) return\n  // Only an allowed target takes the drop; over a refused one the browser shows „not allowed“ and the row shows why.\n  if (verdict.ok) event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = verdict.ok ? 'move' : 'none'\n}\n\nfunction onDragLeave(event: DragEvent, item: TreeItem) {\n  if (!(event.currentTarget as Node).contains(event.relatedTarget as Node | null)) model.value.dragLeave(item)\n}\n\nfunction onDrop(event: DragEvent, item: TreeItem) {\n  if (!state.value.drag) return\n  event.preventDefault()\n  return model.value.drop(item)\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <UInput\n      :model-value=\"state.filterText\"\n      icon=\"i-lucide-search\"\n      size=\"sm\"\n      :placeholder=\"t('tree.filterText.placeholder')\"\n      :aria-label=\"t('tree.filterText.placeholder')\"\n      @update:model-value=\"model.setFilterText($event)\"\n      @keydown.esc=\"model.setFilterText('')\"\n    >\n      <template v-if=\"state.filterText\" #trailing>\n        <UButton\n          icon=\"i-lucide-x\"\n          size=\"xs\"\n          color=\"neutral\"\n          variant=\"link\"\n          :aria-label=\"t('tree.filterText.clear')\"\n          @click=\"model.setFilterText('')\"\n        />\n      </template>\n    </UInput>\n\n    <div v-if=\"state.view.hasKindFilters\" class=\"flex items-center\">\n      <UButton\n        icon=\"i-lucide-filter-x\"\n        :label=\"t('tree.filter.reset')\"\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"subtle\"\n        @click=\"model.clearAllFilters\"\n      />\n    </div>\n\n    <div v-if=\"state.creatingFolder\" class=\"flex flex-col gap-1\">\n      <UInput\n        :model-value=\"state.creatingFolder.draft\"\n        size=\"sm\"\n        autofocus\n        :color=\"state.creatingFolder.error ? 'error' : undefined\"\n        :highlight=\"!!state.creatingFolder.error\"\n        :placeholder=\"state.creatingFolder.parent ? t('tree.folder.placeholderIn', { parent: state.creatingFolder.parent }) : t('tree.folder.placeholder')\"\n        :aria-label=\"t('tree.folder.name')\"\n        :aria-invalid=\"!!state.creatingFolder.error\"\n        @update:model-value=\"model.setFolderDraft($event)\"\n        @keydown.enter=\"model.commitCreateFolder\"\n        @keydown.esc=\"model.cancelCreateFolder\"\n        @blur=\"model.cancelCreateFolder\"\n      />\n      <p v-if=\"state.creatingFolder.error\" class=\"px-0.5 text-xs text-[var(--sk-danger)]\" role=\"alert\">\n        {{ state.creatingFolder.error }}\n      </p>\n    </div>\n\n    <p v-if=\"!state.tree && !state.virtual\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ state.tree === null ? t('tree.loadFailed') : t('tree.loading') }}\n    </p>\n\n    <UTree\n      v-else\n      :expanded=\"state.view.open\"\n      :items=\"state.view.items\"\n      :get-key=\"(item: TreeItem) => item.key\"\n      size=\"sm\"\n      :aria-label=\"t('tree.aria')\"\n      @update:expanded=\"onExpanded\"\n    >\n      <template #item-wrapper=\"{ item }: { item: TreeItem }\">\n        <div class=\"w-full\">\n          <div\n            class=\"group flex w-full cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-sm select-none hover:bg-[color-mix(in_oklab,var(--sk-bg-elevated)_60%,transparent)]\"\n            :class=\"[\n              row(item).active && 'bg-[color-mix(in_oklab,var(--sk-primary)_10%,transparent)] font-medium text-[var(--sk-primary)]',\n              row(item).selected && 'bg-[var(--sk-bg-elevated)]',\n              row(item).drop?.ok && 'ring-1 ring-[var(--sk-primary)]',\n              refusal(item) && 'bg-[color-mix(in_oklab,var(--sk-danger)_10%,transparent)] ring-1 ring-[var(--sk-danger)]',\n            ]\"\n            :draggable=\"model.isDraggable(item)\"\n            @dragstart=\"onDragStart($event, item)\"\n            @dragover=\"onDragOver($event, item)\"\n            @dragleave=\"onDragLeave($event, item)\"\n            @drop=\"onDrop($event, item)\"\n            @dragend=\"model.dragEnd\"\n          >\n            <UIcon\n              v-if=\"row(item).expandable\"\n              name=\"i-lucide-chevron-right\"\n              class=\"size-3.5 shrink-0 text-[var(--sk-muted)] transition-transform\"\n              :class=\"row(item).open && 'rotate-90'\"\n              @click=\"onChevronClick($event, item)\"\n            />\n            <span v-else-if=\"item.type === 'composite' || item.type === 'heading'\" class=\"size-3.5 shrink-0\" />\n            <UIcon :name=\"item.icon\" class=\"size-4 shrink-0\" />\n\n            <div v-if=\"row(item).renaming\" class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n              <UInput\n                :model-value=\"row(item).renaming!.draft\"\n                size=\"xs\"\n                class=\"min-w-0\"\n                autofocus\n                :color=\"row(item).renaming!.error ? 'error' : undefined\"\n                :highlight=\"!!row(item).renaming!.error\"\n                :aria-label=\"t('tree.folder.name')\"\n                :aria-invalid=\"!!row(item).renaming!.error\"\n                @update:model-value=\"model.setRenameDraft($event)\"\n                @focus=\"($event.target as HTMLInputElement).select()\"\n                @click.stop\n                @keydown.stop\n                @keydown.enter=\"model.commitRename\"\n                @keydown.esc=\"model.cancelRename\"\n                @blur=\"model.blurRename\"\n              />\n              <p v-if=\"row(item).renaming!.error\" class=\"text-xs text-[var(--sk-danger)]\" role=\"alert\" @click.stop>\n                {{ row(item).renaming!.error }}\n              </p>\n            </div>\n            <template v-else>\n              <span class=\"min-w-0 flex-1 truncate\" :title=\"item.label\">\n                <template v-if=\"labelParts(item)\">{{ labelParts(item)![0] }}<mark class=\"rounded-sm bg-[color-mix(in_oklab,var(--sk-primary)_20%,transparent)] text-inherit\">{{ labelParts(item)![1] }}</mark>{{ labelParts(item)![2] }}</template>\n                <template v-else>{{ item.label }}</template>\n              </span>\n              <UIcon\n                v-if=\"item.hasSummary\"\n                name=\"i-lucide-text-quote\"\n                class=\"size-3.5 shrink-0 text-[var(--sk-muted)]\"\n                :title=\"t('tree.summary')\"\n              />\n              <div class=\"flex shrink-0\" @click.stop>\n                <UDropdownMenu v-if=\"row(item).showFilter\" :items=\"filterMenu(item)\" :content=\"{ align: 'start' }\">\n                  <UButton\n                    icon=\"i-lucide-filter\"\n                    size=\"xs\"\n                    :color=\"row(item).hiddenKinds.length ? 'primary' : 'neutral'\"\n                    :variant=\"row(item).hiddenKinds.length ? 'soft' : 'ghost'\"\n                    :class=\"!row(item).hiddenKinds.length && 'opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100'\"\n                    :title=\"t('tree.filter.title')\"\n                    :aria-label=\"t('tree.filter.title')\"\n                  />\n                </UDropdownMenu>\n                <div class=\"flex opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-data-[state=open]:opacity-100\">\n                  <UDropdownMenu v-if=\"addMenu(item).length\" :items=\"addMenu(item)\" :content=\"{ align: 'start', onCloseAutoFocus: (event: Event) => event.preventDefault() }\">\n                    <UButton\n                      icon=\"i-lucide-plus\"\n                      size=\"xs\"\n                      color=\"neutral\"\n                      variant=\"ghost\"\n                      :title=\"t('tree.add')\"\n                      :aria-label=\"t('tree.add')\"\n                    />\n                  </UDropdownMenu>\n                  <slot v-if=\"item.type === 'document'\" name=\"document-actions\" :id=\"item.id!\" :title=\"item.label\" />\n                  <UButton\n                    v-if=\"item.type === 'document' || item.type === 'folder'\"\n                    icon=\"i-lucide-trash-2\"\n                    size=\"xs\"\n                    color=\"error\"\n                    variant=\"ghost\"\n                    :aria-label=\"t('tree.delete')\"\n                    loading-auto\n                    @click=\"model.remove(item)\"\n                  />\n                </div>\n              </div>\n            </template>\n          </div>\n          <p v-if=\"refusal(item)\" class=\"px-2 pt-0.5 text-xs text-[var(--sk-danger)]\" role=\"status\">\n            {{ refusal(item) }}\n          </p>\n        </div>\n      </template>\n    </UTree>\n\n    <p v-if=\"state.view.noMatches\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ t('tree.noMatches') }}\n    </p>\n    <p v-if=\"state.view.isEmpty\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ t('tree.empty') }}\n    </p>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"DocumentTree.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","_unref","_withKeys","_createSlots","_withCtx","_createElementVNode","_createCommentVNode","_toDisplayString","_createBlock","_normalizeClass","_withModifiers","_Fragment","_createTextVNode","_renderSlot"],"sources":["../../src/tree/DocumentTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport type { DropdownItem } from '../vue/kit/types'\nimport { useUiKit } from '../vue/kit/use-ui-kit'\nimport { useEditorSettings } from '../vue/settings'\nimport { useEditorI18n } from '../vue/use-editor-i18n'\nimport type { DocumentStore } from './store'\nimport { DRAG_MIME, type TreeItem } from './tree-items'\nimport { rowOf } from './tree-model'\nimport { useTreeModel } from './use-tree-model'\n\n// File browser of a document store: a „Dokumente“ root with folders and documents. It only renders the `TreeModel` (see\n// `tree-model.ts`), which owns what is open, filtered, selected, dragged and renamed; the React twin renders the same model.\n\nconst props = defineProps<{\n  /** Where documents and folders live; the host implements it (see `DocumentStore`). */\n  store: DocumentStore\n  /** Editor of the open document (its outline is listed under the document); `undefined` while none is mounted. */\n  editor: Editor | undefined\n}>()\n\ndefineSlots<{\n  /** Host actions on a document row, rendered next to its delete button (e.g. a download link). */\n  'document-actions'?: (props: { id: string, title: string }) => unknown\n}>()\n\n/** The folder new documents, folders and host imports go to. Reset to `''` when it is deleted or moved away. */\nconst selectedFolder = defineModel<string>('selectedFolder', { default: '' })\n\nconst { t } = useEditorI18n()\nconst { Button: UButton, DropdownMenu: UDropdownMenu, Icon: UIcon, Input: UInput, Tooltip: UTooltip, Tree: UTree } = useUiKit()\nconst { model, state } = useTreeModel({ store: () => props.store, editor: () => props.editor, selectedFolder })\nconst { settings } = useEditorSettings()\n\n// Mirrors the model's `isVirtual` rule: the file root only takes effect for a composite document that is open. Without\n// it the button is disabled (and says why) instead of letting the setting silently fall back to the folders.\nconst canUseFileRoot = computed(() => state.value.hasEditor && state.value.structure === 'composite')\n\nfunction toggleTreeRoot() {\n  settings.value.blocks.treeRoot = settings.value.blocks.treeRoot === 'file' ? 'folders' : 'file'\n}\n\nconst row = (item: TreeItem) => rowOf(state.value, item, t)\n\n/** Why dropping the drag on `item` is refused, while the pointer is over it. */\nfunction refusal(item: TreeItem): string | null {\n  const drop = row(item).drop\n  return drop && !drop.ok ? drop.reason : null\n}\n\n/** UTree reports the keys of the rows it wants open; the model decides what that changes. */\nfunction onExpanded(next: string[]) {\n  const wanted = new Set(next)\n  const open = new Set(state.value.view.open)\n  for (const key of wanted) if (!open.has(key)) model.value.setOpen(key, true)\n  for (const key of open) if (!wanted.has(key)) model.value.setOpen(key, false)\n}\n\n/** The label split around the part the title filter matched, `null` when it did not match here. */\nfunction labelParts(item: TreeItem): [string, string, string] | null {\n  const match = row(item).match\n  if (!match) return null\n  const [at, length] = match\n  return [item.label.slice(0, at), item.label.slice(at, at + length), item.label.slice(at + length)]\n}\n\n// Folders and the root toggle through the tree's own row click; documents and outline entries (whose row click opens or\n// reveals) toggle through their chevron.\nfunction onChevronClick(event: Event, item: TreeItem) {\n  if (item.type === 'root' || item.type === 'folder') return\n  event.stopPropagation()\n  model.value.toggle(item.key)\n}\n\nfunction filterMenu(item: TreeItem): DropdownItem[][] {\n  const { filterKinds, hiddenKinds } = row(item)\n  const groups: DropdownItem[][] = [[\n    { type: 'label', label: t('tree.filter.show') },\n    ...filterKinds.map<DropdownItem>(kind => ({\n      label: kind.label,\n      icon: kind.icon,\n      type: 'checkbox',\n      checked: !hiddenKinds.includes(kind.id),\n      onUpdateChecked: visible => model.value.setKindHidden(item.key, kind.id, !visible),\n      // Stay open: several kinds are usually toggled in one go.\n      onSelect: event => event.preventDefault(),\n    })),\n  ]]\n  if (hiddenKinds.length) groups.push([{ label: t('tree.filter.reset'), icon: 'i-lucide-filter-x', onSelect: () => model.value.clearFilter(item.key) }])\n  return groups\n}\n\nfunction addMenu(item: TreeItem): DropdownItem[][] {\n  return model.value.addMenu(item).map(group => group.map(entry => ({ label: entry.label, icon: entry.icon, onSelect: entry.run })))\n}\n\n// --- drag & drop -----------------------------------------------------------------------------------------------\n\nfunction onDragStart(event: DragEvent, item: TreeItem) {\n  const payload = model.value.dragStart(item)\n  if (!payload) return event.preventDefault()\n  if (!event.dataTransfer) return model.value.dragEnd()\n  event.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload))\n  event.dataTransfer.effectAllowed = 'move'\n}\n\nfunction onDragOver(event: DragEvent, item: TreeItem) {\n  const verdict = model.value.dragOver(item)\n  if (!verdict) return\n  // Only an allowed target takes the drop; over a refused one the browser shows „not allowed“ and the row shows why.\n  if (verdict.ok) event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = verdict.ok ? 'move' : 'none'\n}\n\nfunction onDragLeave(event: DragEvent, item: TreeItem) {\n  if (!(event.currentTarget as Node).contains(event.relatedTarget as Node | null)) model.value.dragLeave(item)\n}\n\nfunction onDrop(event: DragEvent, item: TreeItem) {\n  if (!state.value.drag) return\n  event.preventDefault()\n  return model.value.drop(item)\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <UInput\n      :model-value=\"state.filterText\"\n      icon=\"i-lucide-search\"\n      size=\"sm\"\n      :placeholder=\"t('tree.filterText.placeholder')\"\n      :aria-label=\"t('tree.filterText.placeholder')\"\n      @update:model-value=\"model.setFilterText($event)\"\n      @keydown.esc=\"model.setFilterText('')\"\n    >\n      <template v-if=\"state.filterText\" #trailing>\n        <UButton\n          icon=\"i-lucide-x\"\n          size=\"xs\"\n          color=\"neutral\"\n          variant=\"link\"\n          :aria-label=\"t('tree.filterText.clear')\"\n          @click=\"model.setFilterText('')\"\n        />\n      </template>\n    </UInput>\n\n    <div class=\"flex items-center justify-end\">\n      <UTooltip :text=\"canUseFileRoot ? '' : t('tree.root.unavailable')\">\n        <!-- A disabled button swallows pointer events, so the tooltip hangs on the wrapper. -->\n        <span class=\"inline-flex\">\n          <UButton\n            :icon=\"state.virtual ? 'i-lucide-file-stack' : 'i-lucide-folder-tree'\"\n            :label=\"t(state.virtual ? 'tree.root.file' : 'tree.root.folders')\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"state.virtual ? 'soft' : 'ghost'\"\n            :disabled=\"!canUseFileRoot\"\n            :aria-pressed=\"state.virtual\"\n            @click=\"toggleTreeRoot\"\n          />\n        </span>\n      </UTooltip>\n    </div>\n\n    <div v-if=\"state.view.hasKindFilters\" class=\"flex items-center\">\n      <UButton\n        icon=\"i-lucide-filter-x\"\n        :label=\"t('tree.filter.reset')\"\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"subtle\"\n        @click=\"model.clearAllFilters\"\n      />\n    </div>\n\n    <div v-if=\"state.creatingFolder\" class=\"flex flex-col gap-1\">\n      <UInput\n        :model-value=\"state.creatingFolder.draft\"\n        size=\"sm\"\n        autofocus\n        :color=\"state.creatingFolder.error ? 'error' : undefined\"\n        :highlight=\"!!state.creatingFolder.error\"\n        :placeholder=\"state.creatingFolder.parent ? t('tree.folder.placeholderIn', { parent: state.creatingFolder.parent }) : t('tree.folder.placeholder')\"\n        :aria-label=\"t('tree.folder.name')\"\n        :aria-invalid=\"!!state.creatingFolder.error\"\n        @update:model-value=\"model.setFolderDraft($event)\"\n        @keydown.enter=\"model.commitCreateFolder\"\n        @keydown.esc=\"model.cancelCreateFolder\"\n        @blur=\"model.cancelCreateFolder\"\n      />\n      <p v-if=\"state.creatingFolder.error\" class=\"px-0.5 text-xs text-[var(--sk-danger)]\" role=\"alert\">\n        {{ state.creatingFolder.error }}\n      </p>\n    </div>\n\n    <p v-if=\"!state.tree && !state.virtual\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ state.tree === null ? t('tree.loadFailed') : t('tree.loading') }}\n    </p>\n\n    <UTree\n      v-else\n      :expanded=\"state.view.open\"\n      :items=\"state.view.items\"\n      :get-key=\"(item: TreeItem) => item.key\"\n      size=\"sm\"\n      :aria-label=\"t('tree.aria')\"\n      @update:expanded=\"onExpanded\"\n    >\n      <template #item-wrapper=\"{ item }: { item: TreeItem }\">\n        <div class=\"w-full\">\n          <div\n            class=\"group flex w-full cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-sm select-none hover:bg-[color-mix(in_oklab,var(--sk-bg-elevated)_60%,transparent)]\"\n            :class=\"[\n              row(item).active && 'bg-[color-mix(in_oklab,var(--sk-primary)_10%,transparent)] font-medium text-[var(--sk-primary)]',\n              row(item).selected && 'bg-[var(--sk-bg-elevated)]',\n              row(item).drop?.ok && 'ring-1 ring-[var(--sk-primary)]',\n              refusal(item) && 'bg-[color-mix(in_oklab,var(--sk-danger)_10%,transparent)] ring-1 ring-[var(--sk-danger)]',\n            ]\"\n            :draggable=\"model.isDraggable(item)\"\n            @dragstart=\"onDragStart($event, item)\"\n            @dragover=\"onDragOver($event, item)\"\n            @dragleave=\"onDragLeave($event, item)\"\n            @drop=\"onDrop($event, item)\"\n            @dragend=\"model.dragEnd\"\n          >\n            <UIcon\n              v-if=\"row(item).expandable\"\n              name=\"i-lucide-chevron-right\"\n              class=\"size-3.5 shrink-0 text-[var(--sk-muted)] transition-transform\"\n              :class=\"row(item).open && 'rotate-90'\"\n              @click=\"onChevronClick($event, item)\"\n            />\n            <span v-else-if=\"item.type === 'composite' || item.type === 'heading'\" class=\"size-3.5 shrink-0\" />\n            <UIcon :name=\"item.icon\" class=\"size-4 shrink-0\" />\n\n            <div v-if=\"row(item).renaming\" class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n              <UInput\n                :model-value=\"row(item).renaming!.draft\"\n                size=\"xs\"\n                class=\"min-w-0\"\n                autofocus\n                :color=\"row(item).renaming!.error ? 'error' : undefined\"\n                :highlight=\"!!row(item).renaming!.error\"\n                :aria-label=\"t('tree.folder.name')\"\n                :aria-invalid=\"!!row(item).renaming!.error\"\n                @update:model-value=\"model.setRenameDraft($event)\"\n                @focus=\"($event.target as HTMLInputElement).select()\"\n                @click.stop\n                @keydown.stop\n                @keydown.enter=\"model.commitRename\"\n                @keydown.esc=\"model.cancelRename\"\n                @blur=\"model.blurRename\"\n              />\n              <p v-if=\"row(item).renaming!.error\" class=\"text-xs text-[var(--sk-danger)]\" role=\"alert\" @click.stop>\n                {{ row(item).renaming!.error }}\n              </p>\n            </div>\n            <template v-else>\n              <span class=\"min-w-0 flex-1 truncate\" :title=\"item.label\">\n                <template v-if=\"labelParts(item)\">{{ labelParts(item)![0] }}<mark class=\"rounded-sm bg-[color-mix(in_oklab,var(--sk-primary)_20%,transparent)] text-inherit\">{{ labelParts(item)![1] }}</mark>{{ labelParts(item)![2] }}</template>\n                <template v-else>{{ item.label }}</template>\n              </span>\n              <UIcon\n                v-if=\"item.hasSummary\"\n                name=\"i-lucide-text-quote\"\n                class=\"size-3.5 shrink-0 text-[var(--sk-muted)]\"\n                :title=\"t('tree.summary')\"\n              />\n              <div class=\"flex shrink-0\" @click.stop>\n                <UDropdownMenu v-if=\"row(item).showFilter\" :items=\"filterMenu(item)\" :content=\"{ align: 'start' }\">\n                  <UButton\n                    icon=\"i-lucide-filter\"\n                    size=\"xs\"\n                    :color=\"row(item).hiddenKinds.length ? 'primary' : 'neutral'\"\n                    :variant=\"row(item).hiddenKinds.length ? 'soft' : 'ghost'\"\n                    :class=\"!row(item).hiddenKinds.length && 'opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100'\"\n                    :title=\"t('tree.filter.title')\"\n                    :aria-label=\"t('tree.filter.title')\"\n                  />\n                </UDropdownMenu>\n                <div class=\"flex opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-data-[state=open]:opacity-100\">\n                  <UDropdownMenu v-if=\"addMenu(item).length\" :items=\"addMenu(item)\" :content=\"{ align: 'start', onCloseAutoFocus: (event: Event) => event.preventDefault() }\">\n                    <UButton\n                      icon=\"i-lucide-plus\"\n                      size=\"xs\"\n                      color=\"neutral\"\n                      variant=\"ghost\"\n                      :title=\"t('tree.add')\"\n                      :aria-label=\"t('tree.add')\"\n                    />\n                  </UDropdownMenu>\n                  <slot v-if=\"item.type === 'document'\" name=\"document-actions\" :id=\"item.id!\" :title=\"item.label\" />\n                  <UButton\n                    v-if=\"item.type === 'document' || item.type === 'folder'\"\n                    icon=\"i-lucide-trash-2\"\n                    size=\"xs\"\n                    color=\"error\"\n                    variant=\"ghost\"\n                    :aria-label=\"t('tree.delete')\"\n                    loading-auto\n                    @click=\"model.remove(item)\"\n                  />\n                </div>\n              </div>\n            </template>\n          </div>\n          <p v-if=\"refusal(item)\" class=\"px-2 pt-0.5 text-xs text-[var(--sk-danger)]\" role=\"status\">\n            {{ refusal(item) }}\n          </p>\n        </div>\n      </template>\n    </UTree>\n\n    <p v-if=\"state.view.noMatches\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ t('tree.noMatches') }}\n    </p>\n    <p v-if=\"state.view.isEmpty\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ t('tree.empty') }}\n    </p>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;;EAad,MAAM,iBAAiBA,SAAmB,SAAC,gBAAiC;EAE5E,MAAM,EAAE,MAAM,cAAc;EAC5B,MAAM,EAAE,QAAQ,SAAS,cAAc,eAAe,MAAM,OAAO,OAAO,QAAQ,SAAS,UAAU,MAAM,UAAU,SAAS;EAC9H,MAAM,EAAE,OAAO,UAAU,aAAa;GAAE,aAAa,MAAM;GAAO,cAAc,MAAM;GAAQ;EAAe,CAAC;EAC9G,MAAM,EAAE,aAAa,kBAAkB;EAIvC,MAAM,iBAAiB,eAAe,MAAM,MAAM,aAAa,MAAM,MAAM,cAAc,WAAW;EAEpG,SAAS,iBAAiB;GACxB,SAAS,MAAM,OAAO,WAAW,SAAS,MAAM,OAAO,aAAa,SAAS,YAAY;EAC3F;EAEA,MAAM,OAAO,SAAmB,MAAM,MAAM,OAAO,MAAM,CAAC;;EAG1D,SAAS,QAAQ,MAA+B;GAC9C,MAAM,OAAO,IAAI,IAAI,CAAC,CAAC;GACvB,OAAO,QAAQ,CAAC,KAAK,KAAK,KAAK,SAAS;EAC1C;;EAGA,SAAS,WAAW,MAAgB;GAClC,MAAM,SAAS,IAAI,IAAI,IAAI;GAC3B,MAAM,OAAO,IAAI,IAAI,MAAM,MAAM,KAAK,IAAI;GAC1C,KAAK,MAAM,OAAO,QAAQ,IAAI,CAAC,KAAK,IAAI,GAAG,GAAG,MAAM,MAAM,QAAQ,KAAK,IAAI;GAC3E,KAAK,MAAM,OAAO,MAAM,IAAI,CAAC,OAAO,IAAI,GAAG,GAAG,MAAM,MAAM,QAAQ,KAAK,KAAK;EAC9E;;EAGA,SAAS,WAAW,MAAiD;GACnE,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC;GACxB,IAAI,CAAC,OAAO,OAAO;GACnB,MAAM,CAAC,IAAI,UAAU;GACrB,OAAO;IAAC,KAAK,MAAM,MAAM,GAAG,EAAE;IAAG,KAAK,MAAM,MAAM,IAAI,KAAK,MAAM;IAAG,KAAK,MAAM,MAAM,KAAK,MAAM;GAAC;EACnG;EAIA,SAAS,eAAe,OAAc,MAAgB;GACpD,IAAI,KAAK,SAAS,UAAU,KAAK,SAAS,UAAU;GACpD,MAAM,gBAAgB;GACtB,MAAM,MAAM,OAAO,KAAK,GAAG;EAC7B;EAEA,SAAS,WAAW,MAAkC;GACpD,MAAM,EAAE,aAAa,gBAAgB,IAAI,IAAI;GAC7C,MAAM,SAA2B,CAAC,CAChC;IAAE,MAAM;IAAS,OAAO,EAAE,kBAAkB;GAAE,GAC9C,GAAG,YAAY,KAAkB,UAAS;IACxC,OAAO,KAAK;IACZ,MAAM,KAAK;IACX,MAAM;IACN,SAAS,CAAC,YAAY,SAAS,KAAK,EAAE;IACtC,kBAAiB,YAAW,MAAM,MAAM,cAAc,KAAK,KAAK,KAAK,IAAI,CAAC,OAAO;IAEjF,WAAU,UAAS,MAAM,eAAe;GAC1C,EAAE,CACJ,CAAC;GACD,IAAI,YAAY,QAAQ,OAAO,KAAK,CAAC;IAAE,OAAO,EAAE,mBAAmB;IAAG,MAAM;IAAqB,gBAAgB,MAAM,MAAM,YAAY,KAAK,GAAG;GAAE,CAAC,CAAC;GACrJ,OAAO;EACT;EAEA,SAAS,QAAQ,MAAkC;GACjD,OAAO,MAAM,MAAM,QAAQ,IAAI,CAAC,CAAC,KAAI,UAAS,MAAM,KAAI,WAAU;IAAE,OAAO,MAAM;IAAO,MAAM,MAAM;IAAM,UAAU,MAAM;GAAI,EAAE,CAAC;EACnI;EAIA,SAAS,YAAY,OAAkB,MAAgB;GACrD,MAAM,UAAU,MAAM,MAAM,UAAU,IAAI;GAC1C,IAAI,CAAC,SAAS,OAAO,MAAM,eAAe;GAC1C,IAAI,CAAC,MAAM,cAAc,OAAO,MAAM,MAAM,QAAQ;GACpD,MAAM,aAAa,QAAQ,WAAW,KAAK,UAAU,OAAO,CAAC;GAC7D,MAAM,aAAa,gBAAgB;EACrC;EAEA,SAAS,WAAW,OAAkB,MAAgB;GACpD,MAAM,UAAU,MAAM,MAAM,SAAS,IAAI;GACzC,IAAI,CAAC,SAAS;GAEd,IAAI,QAAQ,IAAI,MAAM,eAAe;GACrC,IAAI,MAAM,cAAc,MAAM,aAAa,aAAa,QAAQ,KAAK,SAAS;EAChF;EAEA,SAAS,YAAY,OAAkB,MAAgB;GACrD,IAAI,CAAE,MAAM,cAAuB,SAAS,MAAM,aAA4B,GAAG,MAAM,MAAM,UAAU,IAAI;EAC7G;EAEA,SAAS,OAAO,OAAkB,MAAgB;GAChD,IAAI,CAAC,MAAM,MAAM,MAAM;GACvB,MAAM,eAAe;GACrB,OAAO,MAAM,MAAM,KAAK,IAAI;EAC9B;;GAIE,OAAAC,UAAA,GAAAC,mBAmMM,OAnMN,YAmMM;IAlMJC,YAmBSC,MAAA,MAAA,GAAA;KAlBN,eAAaA,MAAA,KAAA,CAAK,CAAC;KACpB,MAAK;KACL,MAAK;KACJ,aAAaA,MAAA,CAAA,CAAC,CAAA,6BAAA;KACd,cAAYA,MAAA,CAAA,CAAC,CAAA,6BAAA;KACb,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,KAAA,CAAK,CAAC,cAAc,MAAM;KAC9C,WAAO,OAAA,OAAA,OAAA,KAAAC,UAAA,WAAMD,MAAA,KAAA,CAAK,CAAC,cAAa,EAAA,GAAA,CAAA,KAAA,CAAA;IAEjB,GAAAE,YAAA,EAAA,GAAA,EAAA,GAAA,CAAAF,MAAA,KAAA,CAAK,CAAC,aAAA;KAAa,MAAA;KACjC,IAAAG,cAOE,CAPFJ,YAOEC,MAAA,OAAA,GAAA;MANA,MAAK;MACL,MAAK;MACL,OAAM;MACN,SAAQ;MACP,cAAYA,MAAA,CAAA,CAAC,CAAA,uBAAA;MACb,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,KAAA,CAAK,CAAC,cAAa,EAAA;;;;;;;;IAKjCI,mBAgBM,OAhBN,YAgBM,CAfJL,YAcWC,MAAA,QAAA,GAAA,EAdA,MAAM,eAAA,QAAc,KAAQA,MAAA,CAAA,CAAC,CAAA,uBAAA,EAAA,GAAA;KACtC,SAAAG,cAAwF,CAAxFE,mBAAA,mFAAA,GACAD,mBAWO,QAXP,YAWO,CAVLL,YASEC,MAAA,OAAA,GAAA;MARC,MAAMA,MAAA,KAAA,CAAK,CAAC,UAAO,wBAAA;MACnB,OAAOA,MAAA,CAAA,CAAC,CAACA,MAAA,KAAA,CAAK,CAAC,UAAO,mBAAA,mBAAA;MACvB,MAAK;MACL,OAAM;MACL,SAASA,MAAA,KAAA,CAAK,CAAC,UAAO,SAAA;MACtB,UAAQ,CAAG,eAAA;MACX,gBAAcA,MAAA,KAAA,CAAK,CAAC;MACpB,SAAO;;;;;;;;;;IAMLA,MAAA,KAAA,CAAK,CAAC,KAAK,kBAAtBH,UAAA,GAAAC,mBASM,OATN,YASM,CARJC,YAOEC,MAAA,OAAA,GAAA;KANA,MAAK;KACJ,OAAOA,MAAA,CAAA,CAAC,CAAA,mBAAA;KACT,MAAK;KACL,OAAM;KACN,SAAQ;KACP,SAAOA,MAAA,KAAA,CAAK,CAAC;;IAIPA,MAAA,KAAA,CAAK,CAAC,kBAAjBH,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM,CAjBJC,YAaEC,MAAA,MAAA,GAAA;KAZC,eAAaA,MAAA,KAAA,CAAK,CAAC,eAAe;KACnC,MAAK;KACL,WAAA;KACC,OAAOA,MAAA,KAAA,CAAK,CAAC,eAAe,QAAK,UAAa,KAAA;KAC9C,WAAS,CAAA,CAAIA,MAAA,KAAA,CAAK,CAAC,eAAe;KAClC,aAAaA,MAAA,KAAA,CAAK,CAAC,eAAe,SAASA,MAAA,CAAA,CAAC,CAAA,6BAAA,EAAA,QAAwCA,MAAA,KAAA,CAAK,CAAC,eAAe,OAAM,CAAA,IAAMA,MAAA,CAAA,CAAC,CAAA,yBAAA;KACtH,cAAYA,MAAA,CAAA,CAAC,CAAA,kBAAA;KACb,gBAAY,CAAA,CAAIA,MAAA,KAAA,CAAK,CAAC,eAAe;KACrC,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,KAAA,CAAK,CAAC,eAAe,MAAM;KAC/C,WAAO,CAAQC,SAAAD,MAAA,KAAA,CAAK,CAAC,oBAAkB,CAAA,OAAA,CAAA,GAC1BC,SAAAD,MAAA,KAAA,CAAK,CAAC,oBAAkB,CAAA,KAAA,CAAA,CAAA;KACrC,QAAMA,MAAA,KAAA,CAAK,CAAC;;;;;;;;;;IAEN,CAAA,GAAAA,MAAA,KAAA,CAAK,CAAC,eAAe,SAA9BH,UAAA,GAAAC,mBAEI,KAFJ,YAEIQ,gBADCN,MAAA,KAAA,CAAK,CAAC,eAAe,KAAK,GAAA,CAAA,KAAAK,mBAAA,QAAA,IAAA,CAAA,CAAA,KAAAA,mBAAA,QAAA,IAAA;IAIvB,CAAAL,MAAA,KAAA,CAAK,CAAC,QAAI,CAAKA,MAAA,KAAA,CAAK,CAAC,WAA/BH,UAAA,GAAAC,mBAEI,KAFJ,YAEIQ,gBADCN,MAAA,KAAA,CAAK,CAAC,SAAI,OAAYA,MAAA,CAAA,CAAC,CAAA,iBAAA,IAAsBA,MAAA,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,CAAA,MAGnDH,UAAA,GAAAU,YAgHQP,MAAA,KAAA,GAAA;;KA9GL,UAAUA,MAAA,KAAA,CAAK,CAAC,KAAK;KACrB,OAAOA,MAAA,KAAA,CAAK,CAAC,KAAK;KAClB,YAAU,SAAmB,KAAK;KACnC,MAAK;KACJ,cAAYA,MAAA,CAAA,CAAC,CAAA,WAAA;KACb,qBAAiB;;KAEP,gBAAYG,SAqGf,EArGmB,WAAI,CAC7BC,mBAoGM,OApGN,YAoGM,CAnGJA,mBA+FM,OAAA;MA9FJ,OAAKI,eAAA,CAAC,uKAAqK;OACnJ,IAAI,IAAI,CAAA,CAAE,UAAM;OAAqH,IAAI,IAAI,CAAA,CAAE,YAAQ;OAAgD,IAAI,IAAI,CAAA,CAAE,MAAM,MAAE;OAAqD,QAAQ,IAAI,KAAA;;MAMjT,WAAWR,MAAA,KAAA,CAAK,CAAC,YAAY,IAAI;MACjC,cAAS,WAAE,YAAY,QAAQ,IAAI;MACnC,aAAQ,WAAE,WAAW,QAAQ,IAAI;MACjC,cAAS,WAAE,YAAY,QAAQ,IAAI;MACnC,SAAI,WAAE,OAAO,QAAQ,IAAI;MACzB,WAAO,OAAA,QAAA,OAAA,OAAE,GAAA,SAAAA,MAAA,KAAA,CAAK,CAAC,WAANA,MAAA,KAAA,CAAK,CAAC,QAAO,GAAA,IAAA;;MAGf,IAAI,IAAI,CAAA,CAAE,cADlBH,UAAA,GAAAU,YAMEP,MAAA,KAAA,GAAA;;OAJA,MAAK;OACL,OAAKQ,eAAA,CAAC,iEACE,IAAI,IAAI,CAAA,CAAE,QAAI,WAAA,CAAA;OACrB,UAAK,WAAE,eAAe,QAAQ,IAAI;MAEpB,GAAA,MAAA,GAAA,CAAA,SAAA,SAAA,CAAA,KAAA,KAAK,SAAI,eAAoB,KAAK,SAAI,aAAvDX,UAAA,GAAAC,mBAAmG,QAAnG,WAAmG,KAAAO,mBAAA,QAAA,IAAA;MACnGN,YAAmDC,MAAA,KAAA,GAAA;OAA3C,MAAM,KAAK;OAAM,OAAM;;MAEpB,IAAI,IAAI,CAAA,CAAE,YAArBH,UAAA,GAAAC,mBAqBM,OArBN,aAqBM,CApBJC,YAgBEC,MAAA,MAAA,GAAA;OAfC,eAAa,IAAI,IAAI,CAAA,CAAE,SAAU;OAClC,MAAK;OACL,OAAM;OACN,WAAA;OACC,OAAO,IAAI,IAAI,CAAA,CAAE,SAAU,QAAK,UAAa,KAAA;OAC7C,WAAS,CAAA,CAAI,IAAI,IAAI,CAAA,CAAE,SAAU;OACjC,cAAYA,MAAA,CAAA,CAAC,CAAA,kBAAA;OACb,gBAAY,CAAA,CAAI,IAAI,IAAI,CAAA,CAAE,SAAU;OACpC,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,MAAA,KAAA,CAAK,CAAC,eAAe,MAAM;OAC/C,SAAK,OAAA,OAAA,OAAA,MAAA,WAAG,OAAO,OAA4B,OAAM;OACjD,SAAK,OAAA,OAAA,OAAA,KAAAS,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;OACV,WAAO;QAAR,OAAA,OAAA,OAAA,KAAAA,oBAAA,CAAA,GAAa,CAAA,MAAA,CAAA;QACGR,SAAAD,MAAA,KAAA,CAAK,CAAC,cAAY,CAAA,OAAA,CAAA;QACpBC,SAAAD,MAAA,KAAA,CAAK,CAAC,cAAY,CAAA,KAAA,CAAA;;OAC/B,QAAMA,MAAA,KAAA,CAAK,CAAC;;;;;;;;;MAEN,CAAA,GAAA,IAAI,IAAI,CAAA,CAAE,SAAU,SAA7BH,UAAA,GAAAC,mBAEI,KAAA;;OAFgC,OAAM;OAAkC,MAAK;OAAS,SAAK,OAAA,OAAA,OAAA,KAAAW,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;MAC/F,GAAAH,gBAAA,IAAI,IAAI,CAAA,CAAE,SAAU,KAAK,GAAA,CAAA,KAAAD,mBAAA,QAAA,IAAA,CAAA,CAAA,MAGhCR,UAAA,GAAAC,mBA+CWY,UAAA,EAAA,KAAA,EAAA,GAAA;OA9CTN,mBAGO,QAAA;QAHD,OAAM;QAA2B,OAAO,KAAK;OACjC,GAAA,CAAA,WAAW,IAAI,KAA/BP,UAAA,GAAAC,mBAAmOY,UAAA,EAAA,KAAA,EAAA,GAAA;QAA9LC,gBAAAL,gBAAA,WAAW,IAAI,CAAA,CAAA,EAAA,GAAA,CAAA;QAAQF,mBAAkI,QAAlI,aAAkIE,gBAA9B,WAAW,IAAI,CAAA,CAAA,EAAA,GAAA,CAAA;QAAkBK,gBAAAL,gBAAA,WAAW,IAAI,CAAA,CAAA,EAAA,GAAA,CAAA;OAChN,GAAA,EAAA,MAAAT,UAAA,GAAAC,mBAA4CY,UAAA,EAAA,KAAA,EAAA,GAAA,CAAxBC,gBAAAL,gBAAA,KAAK,KAAK,GAAA,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,GAAA,WAAA;OAGxB,KAAK,cADbT,UAAA,GAAAU,YAKEP,MAAA,KAAA,GAAA;;QAHA,MAAK;QACL,OAAM;QACL,OAAOA,MAAA,CAAA,CAAC,CAAA,cAAA;;OAEXI,mBAmCM,OAAA;QAnCD,OAAM;QAAiB,SAAK,OAAA,OAAA,OAAA,KAAAK,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;OACf,GAAA,CAAA,IAAI,IAAI,CAAA,CAAE,cAA/BZ,UAAA,GAAAU,YAUgBP,MAAA,aAAA,GAAA;;QAV4B,OAAO,WAAW,IAAI;QAAI,SAAS,EAAA,OAAA,QAAA;;QAC7E,SAAAG,cAQE,CARFJ,YAQEC,MAAA,OAAA,GAAA;SAPA,MAAK;SACL,MAAK;SACJ,OAAO,IAAI,IAAI,CAAA,CAAE,YAAY,SAAM,YAAA;SACnC,SAAS,IAAI,IAAI,CAAA,CAAE,YAAY,SAAM,SAAA;SACrC,OAAKQ,eAAA,CAAG,IAAI,IAAI,CAAA,CAAE,YAAY,UAAM,mHAAA;SACpC,OAAOR,MAAA,CAAA,CAAC,CAAA,mBAAA;SACR,cAAYA,MAAA,CAAA,CAAC,CAAA,mBAAA;;;;;;;;;OAGlB,GAAA,MAAA,CAAA,OAAA,CAAA,KAAAK,mBAAA,QAAA,IAAA,GAAAD,mBAsBM,OAtBN,aAsBM;QArBiB,QAAQ,IAAI,CAAA,CAAE,UAAnCP,UAAA,GAAAU,YASgBP,MAAA,aAAA,GAAA;;SAT4B,OAAO,QAAQ,IAAI;SAAI,SAAO;UAAA,OAAA;UAAA,mBAAuC,UAAiB,MAAM,eAAc;SAAA;;SACpJ,SAAAG,cAOE,CAPFJ,YAOEC,MAAA,OAAA,GAAA;UANA,MAAK;UACL,MAAK;UACL,OAAM;UACN,SAAQ;UACP,OAAOA,MAAA,CAAA,CAAC,CAAA,UAAA;UACR,cAAYA,MAAA,CAAA,CAAC,CAAA,UAAA;;;;QAGN,KAAK,SAAI,aAArBY,WAAmG,KAAA,QAAA,oBAAA;SAApC,IAAI,KAAK;SAAM,OAAO,KAAK;;QAElF,KAAK,SAAI,cAAmB,KAAK,SAAI,YAD7Cf,UAAA,GAAAU,YASEP,MAAA,OAAA,GAAA;;SAPA,MAAK;SACL,MAAK;SACL,OAAM;SACN,SAAQ;SACP,cAAYA,MAAA,CAAA,CAAC,CAAA,aAAA;SACd,gBAAA;SACC,UAAK,WAAEA,MAAA,KAAA,CAAK,CAAC,OAAO,IAAI;;;;KAM1B,GAAA,IAAA,UAAA,GAAA,QAAQ,IAAI,KAArBH,UAAA,GAAAC,mBAEI,KAFJ,aAEIQ,gBADC,QAAQ,IAAI,CAAA,GAAA,CAAA,KAAAD,mBAAA,QAAA,IAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;IAMdL,MAAA,KAAA,CAAK,CAAC,KAAK,aAApBH,UAAA,GAAAC,mBAEI,KAFJ,aAEIQ,gBADCN,MAAA,CAAA,CAAC,CAAA,gBAAA,CAAA,GAAA,CAAA,KAAAK,mBAAA,QAAA,IAAA;IAEGL,MAAA,KAAA,CAAK,CAAC,KAAK,WAApBH,UAAA,GAAAC,mBAEI,KAFJ,aAEIQ,gBADCN,MAAA,CAAA,CAAC,CAAA,YAAA,CAAA,GAAA,CAAA,KAAAK,mBAAA,QAAA,IAAA"}