@happyvertical/smrt-images 0.40.64 → 0.40.66

package/dist/svelte/routes/ImageStudioRoute.svelte.d.ts

@@ -1,5 +1,9 @@
+import type { ImageEditorClient, ImageLike, ImagesGalleryClient } from '../image-clients.js';
 type $$ComponentProps = {
     apiBaseUrl?: string;
+    galleryClient?: ImagesGalleryClient;
+    editorClient?: ImageEditorClient;
+    initialImage?: ImageLike | null;
 };
 declare const ImageStudioRoute: import("svelte").Component<$$ComponentProps, {}, "">;
 type ImageStudioRoute = ReturnType<typeof ImageStudioRoute>;

package/dist/svelte/routes/ImageStudioRoute.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageStudioRoute.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/routes/ImageStudioRoute.svelte.ts"],"names":[],"mappings":"AAUC,KAAK,gBAAgB,GAAI;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAmGlD,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ImageStudioRoute.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/routes/ImageStudioRoute.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EACT,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAK5B,KAAK,gBAAgB,GAAI;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACjC,CAAC;AAwHF,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/workbench.d.ts

@@ -0,0 +1,46 @@
+import { ImageEditorClient, ImageLike, ImagesGalleryClient } from './svelte/image-clients.js';
+import { default as playground } from './svelte/playground.js';
+declare const _default: {
+    packageName: string;
+    displayName: string;
+    description: string;
+    routeModules: {
+        routes: {
+            studio: {
+                props: {
+                    galleryClient: ImagesGalleryClient;
+                    editorClient: ImageEditorClient;
+                    initialImage: ImageLike;
+                };
+                id: string;
+                title: string;
+                description?: string;
+                defaultPath: string;
+                component: import('@happyvertical/smrt-types').ModuleComponentType<{
+                    data?: unknown;
+                }>;
+                load?: ((input: unknown) => unknown) | undefined;
+                loadKind?: import('@happyvertical/smrt-types').SmrtRouteLoadKind;
+                nav?: import('@happyvertical/smrt-types').SmrtRouteNavigationMeta;
+                tags?: string[];
+            };
+        };
+        description?: string | undefined;
+        packageName: string;
+        displayName: string;
+    }[];
+    recommendedCommands: {
+        id: string;
+        label: string;
+        command: string;
+    }[];
+    examples: {
+        id: string;
+        title: string;
+        path: string;
+        source: string;
+    }[];
+};
+export default _default;
+export { playground };
+//# sourceMappingURL=workbench.d.ts.map

package/dist/workbench.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbench.d.ts","sourceRoot":"","sources":["../src/workbench.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,iBAAiB,EAEjB,SAAS,EAET,mBAAmB,EAEpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,UAAU,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKhD,wBA0BE;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/workbench.js

@@ -0,0 +1,183 @@
+import { t as playground_default } from "./chunks/playground-CaqdTXTN.js";
+import ImageStudioRoute from "./svelte/routes/ImageStudioRoute.svelte";
+var IMAGES_ROUTE_META = { studio: {
+	id: { studio: "@happyvertical/smrt-images:studio" }.studio,
+	title: "Image Studio",
+	description: "Browse images, run uploads, and hand off selected assets into the package-owned image editor surface.",
+	defaultPath: "/images",
+	loadKind: void 0,
+	nav: {
+		label: "Images",
+		description: "Browse image assets and open the image editor.",
+		icon: "image",
+		order: 20,
+		group: "content"
+	}
+} };
+function createImagesRouteNavigation(mounts = {}) {
+	return [IMAGES_ROUTE_META.studio].map((route) => ({
+		routeId: route.id,
+		href: mounts[route.id] ?? route.defaultPath,
+		label: route.nav?.label ?? route.title,
+		description: route.nav?.description ?? route.description,
+		icon: route.nav?.icon,
+		order: route.nav?.order,
+		group: route.nav?.group
+	}));
+}
+createImagesRouteNavigation();
+//#endregion
+//#region src/route-module.ts
+var IMAGES_ROUTE_MODULE = {
+	packageName: "@happyvertical/smrt-images",
+	displayName: "Images",
+	description: "Package-owned route surface for image acquisition, browsing, and editing.",
+	routes: { studio: {
+		...IMAGES_ROUTE_META.studio,
+		component: ImageStudioRoute,
+		tags: [
+			"images",
+			"media",
+			"admin"
+		]
+	} }
+};
+//#endregion
+//#region src/workbench.ts
+function createPreviewImageUri(label, accent) {
+	const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <defs>
+      <linearGradient id="bg" x1="0%" x2="100%" y1="0%" y2="100%">
+        <stop offset="0%" stop-color="${accent}" />
+        <stop offset="100%" stop-color="#111827" />
+      </linearGradient>
+    </defs>
+    <rect width="1280" height="720" fill="url(#bg)" rx="40" />
+    <circle cx="1040" cy="170" r="92" fill="rgba(255,255,255,0.18)" />
+    <path d="M110 590L360 320l182 170 146-104 210 204H110z" fill="rgba(255,255,255,0.22)" />
+    <text x="92" y="118" fill="#f8fafc" font-size="60" font-family="Arial, sans-serif" font-weight="700">${label}</text>
+    <text x="92" y="662" fill="#dbeafe" font-size="30" font-family="Arial, sans-serif">SMRT Images workbench</text>
+  </svg>`;
+	return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;
+}
+var sampleImages = [
+	{
+		id: "image-harbor-dusk",
+		name: "Harbor Dusk",
+		description: "Wide editorial frame used for feature headers.",
+		sourceUri: createPreviewImageUri("Harbor Dusk", "#2563eb"),
+		url: createPreviewImageUri("Harbor Dusk", "#2563eb"),
+		mimeType: "image/jpeg",
+		width: 1280,
+		height: 720,
+		alt: "Cargo cranes and harbor lights reflected at dusk."
+	},
+	{
+		id: "image-studio-square",
+		name: "Studio Square",
+		description: "Square crop used for social image tooling.",
+		sourceUri: createPreviewImageUri("Studio Square", "#0f766e"),
+		url: createPreviewImageUri("Studio Square", "#0f766e"),
+		mimeType: "image/png",
+		width: 900,
+		height: 900,
+		alt: "Abstract studio preview frame."
+	},
+	{
+		id: "image-portrait-window",
+		name: "Portrait Window",
+		description: "Portrait-oriented sample for orientation filters.",
+		sourceUri: createPreviewImageUri("Portrait Window", "#9333ea"),
+		url: createPreviewImageUri("Portrait Window", "#9333ea"),
+		mimeType: "image/webp",
+		width: 720,
+		height: 1080,
+		alt: "Portrait image preview."
+	}
+];
+function cloneImage(image) {
+	return { ...image };
+}
+function matchesOrientation(image, orientation) {
+	if (!orientation) return true;
+	if (orientation === "square") return image.width === image.height;
+	if (orientation === "landscape") return image.width > image.height;
+	return image.height > image.width;
+}
+var galleryClient = { async list(query) {
+	return { items: sampleImages.filter((image) => {
+		const haystack = [
+			image.name,
+			image.description,
+			image.alt,
+			image.mimeType
+		].join(" ").toLowerCase();
+		return (!query.q || haystack.includes(query.q.toLowerCase())) && matchesOrientation(image, query.orientation) && (!query.minWidth || image.width >= query.minWidth) && (!query.minHeight || image.height >= query.minHeight);
+	}).slice(query.offset, query.offset + query.limit).map(cloneImage) };
+} };
+function findImage(id) {
+	return sampleImages.find((image) => image.id === id) || sampleImages[0];
+}
+function buildDerivative(source, suffix, updates = {}) {
+	return { image: {
+		...source,
+		...updates,
+		id: `${source.id}-${suffix}`,
+		name: `${source.name} ${suffix}`
+	} };
+}
+var editorClient = {
+	async resize(id, payload) {
+		return buildDerivative(findImage(id), "resize", {
+			width: payload.width,
+			height: payload.height
+		});
+	},
+	async crop(id, payload) {
+		return buildDerivative(findImage(id), "crop", {
+			width: payload.w,
+			height: payload.h
+		});
+	},
+	async convert(id, payload) {
+		return buildDerivative(findImage(id), payload.format, { mimeType: `image/${payload.format}` });
+	},
+	async edit(id) {
+		return buildDerivative(findImage(id), "ai-edit");
+	}
+};
+var workbench_default = {
+	packageName: "@happyvertical/smrt-images",
+	displayName: "Images",
+	description: "Workbench surfaces for image acquisition, browsing, editing, and package previews.",
+	routeModules: [{
+		...IMAGES_ROUTE_MODULE,
+		routes: { studio: {
+			...IMAGES_ROUTE_MODULE.routes.studio,
+			props: {
+				galleryClient,
+				editorClient,
+				initialImage: sampleImages[0]
+			}
+		} }
+	}],
+	recommendedCommands: [{
+		id: "images:test",
+		label: "Test",
+		command: "pnpm --filter @happyvertical/smrt-images test"
+	}, {
+		id: "images:typecheck",
+		label: "Typecheck",
+		command: "pnpm --filter @happyvertical/smrt-images typecheck"
+	}],
+	examples: [{
+		id: "images:playground",
+		title: "Images playground module",
+		path: "src/svelte/playground.ts",
+		source: "playground"
+	}]
+};
+//#endregion
+export { workbench_default as default, playground_default as playground };
+
+//# sourceMappingURL=workbench.js.map

package/dist/workbench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbench.js","names":[],"sources":["../src/svelte/routes/shared.ts","../src/route-module.ts","../src/workbench.ts"],"sourcesContent":["import type {\n  SmrtRouteDefinition,\n  SmrtRouteNavigationItem,\n} from '@happyvertical/smrt-types';\n\nexport const IMAGES_ROUTE_IDS = {\n  studio: '@happyvertical/smrt-images:studio',\n} as const;\n\nexport type ImagesRouteId =\n  (typeof IMAGES_ROUTE_IDS)[keyof typeof IMAGES_ROUTE_IDS];\n\nexport type ImagesRouteNavigationItem = SmrtRouteNavigationItem;\n\nexport const IMAGES_ROUTE_META = {\n  studio: {\n    id: IMAGES_ROUTE_IDS.studio,\n    title: 'Image Studio',\n    description:\n      'Browse images, run uploads, and hand off selected assets into the package-owned image editor surface.',\n    defaultPath: '/images',\n    loadKind: undefined,\n    nav: {\n      label: 'Images',\n      description: 'Browse image assets and open the image editor.',\n      icon: 'image',\n      order: 20,\n      group: 'content',\n    },\n  } satisfies Omit<SmrtRouteDefinition, 'component'>,\n} as const;\n\nexport function createImagesRouteNavigation(\n  mounts: Partial<Record<ImagesRouteId, string>> = {},\n): ImagesRouteNavigationItem[] {\n  return [IMAGES_ROUTE_META.studio].map((route) => ({\n    routeId: route.id,\n    href: mounts[route.id] ?? route.defaultPath,\n    label: route.nav?.label ?? route.title,\n    description: route.nav?.description ?? route.description,\n    icon: route.nav?.icon,\n    order: route.nav?.order,\n    group: route.nav?.group,\n  }));\n}\n\nexport const IMAGES_DEFAULT_ROUTE_NAVIGATION = createImagesRouteNavigation();\n","import type {\n  SmrtRouteDefinition,\n  SmrtRouteModule,\n} from '@happyvertical/smrt-types';\nimport { ImageStudioRoute } from './svelte/routes/index.js';\nimport {\n  createImagesRouteNavigation,\n  IMAGES_DEFAULT_ROUTE_NAVIGATION,\n  IMAGES_ROUTE_IDS,\n  IMAGES_ROUTE_META,\n  type ImagesRouteId,\n  type ImagesRouteNavigationItem,\n} from './svelte/routes/shared.js';\n\nexport type { ImagesRouteId, ImagesRouteNavigationItem };\nexport {\n  createImagesRouteNavigation,\n  IMAGES_DEFAULT_ROUTE_NAVIGATION,\n  IMAGES_ROUTE_IDS,\n  IMAGES_ROUTE_META,\n  ImageStudioRoute,\n};\n\nexport interface ImagesRouteDefinitions {\n  studio: SmrtRouteDefinition;\n}\n\nexport type ImagesRouteModule = Omit<SmrtRouteModule, 'routes'> & {\n  routes: ImagesRouteDefinitions;\n};\n\nexport const IMAGES_ROUTE_MODULE: ImagesRouteModule = {\n  packageName: '@happyvertical/smrt-images',\n  displayName: 'Images',\n  description:\n    'Package-owned route surface for image acquisition, browsing, and editing.',\n  routes: {\n    studio: {\n      ...IMAGES_ROUTE_META.studio,\n      component: ImageStudioRoute,\n      tags: ['images', 'media', 'admin'],\n    },\n  },\n};\n\nexport default IMAGES_ROUTE_MODULE;\n","import { IMAGES_ROUTE_MODULE } from './route-module.js';\nimport type {\n  ImageCropRequest,\n  ImageEditorClient,\n  ImageEditorResult,\n  ImageLike,\n  ImageResizeRequest,\n  ImagesGalleryClient,\n  ImagesGalleryQuery,\n} from './svelte/image-clients.js';\nimport playground from './svelte/playground.js';\n\nfunction createPreviewImageUri(label: string, accent: string): string {\n  const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1280 720\">\n    <defs>\n      <linearGradient id=\"bg\" x1=\"0%\" x2=\"100%\" y1=\"0%\" y2=\"100%\">\n        <stop offset=\"0%\" stop-color=\"${accent}\" />\n        <stop offset=\"100%\" stop-color=\"#111827\" />\n      </linearGradient>\n    </defs>\n    <rect width=\"1280\" height=\"720\" fill=\"url(#bg)\" rx=\"40\" />\n    <circle cx=\"1040\" cy=\"170\" r=\"92\" fill=\"rgba(255,255,255,0.18)\" />\n    <path d=\"M110 590L360 320l182 170 146-104 210 204H110z\" fill=\"rgba(255,255,255,0.22)\" />\n    <text x=\"92\" y=\"118\" fill=\"#f8fafc\" font-size=\"60\" font-family=\"Arial, sans-serif\" font-weight=\"700\">${label}</text>\n    <text x=\"92\" y=\"662\" fill=\"#dbeafe\" font-size=\"30\" font-family=\"Arial, sans-serif\">SMRT Images workbench</text>\n  </svg>`;\n\n  return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;\n}\n\nconst sampleImages: ImageLike[] = [\n  {\n    id: 'image-harbor-dusk',\n    name: 'Harbor Dusk',\n    description: 'Wide editorial frame used for feature headers.',\n    sourceUri: createPreviewImageUri('Harbor Dusk', '#2563eb'),\n    url: createPreviewImageUri('Harbor Dusk', '#2563eb'),\n    mimeType: 'image/jpeg',\n    width: 1280,\n    height: 720,\n    alt: 'Cargo cranes and harbor lights reflected at dusk.',\n  },\n  {\n    id: 'image-studio-square',\n    name: 'Studio Square',\n    description: 'Square crop used for social image tooling.',\n    sourceUri: createPreviewImageUri('Studio Square', '#0f766e'),\n    url: createPreviewImageUri('Studio Square', '#0f766e'),\n    mimeType: 'image/png',\n    width: 900,\n    height: 900,\n    alt: 'Abstract studio preview frame.',\n  },\n  {\n    id: 'image-portrait-window',\n    name: 'Portrait Window',\n    description: 'Portrait-oriented sample for orientation filters.',\n    sourceUri: createPreviewImageUri('Portrait Window', '#9333ea'),\n    url: createPreviewImageUri('Portrait Window', '#9333ea'),\n    mimeType: 'image/webp',\n    width: 720,\n    height: 1080,\n    alt: 'Portrait image preview.',\n  },\n];\n\nfunction cloneImage(image: ImageLike): ImageLike {\n  return {\n    ...image,\n  };\n}\n\nfunction matchesOrientation(\n  image: ImageLike,\n  orientation: ImagesGalleryQuery['orientation'],\n) {\n  if (!orientation) {\n    return true;\n  }\n\n  if (orientation === 'square') {\n    return image.width === image.height;\n  }\n\n  if (orientation === 'landscape') {\n    return image.width > image.height;\n  }\n\n  return image.height > image.width;\n}\n\nconst galleryClient: ImagesGalleryClient = {\n  async list(query) {\n    const filteredImages = sampleImages.filter((image) => {\n      const haystack = [\n        image.name,\n        image.description,\n        image.alt,\n        image.mimeType,\n      ]\n        .join(' ')\n        .toLowerCase();\n\n      return (\n        (!query.q || haystack.includes(query.q.toLowerCase())) &&\n        matchesOrientation(image, query.orientation) &&\n        (!query.minWidth || image.width >= query.minWidth) &&\n        (!query.minHeight || image.height >= query.minHeight)\n      );\n    });\n\n    return {\n      items: filteredImages\n        .slice(query.offset, query.offset + query.limit)\n        .map(cloneImage),\n    };\n  },\n};\n\nfunction findImage(id: string): ImageLike {\n  return sampleImages.find((image) => image.id === id) || sampleImages[0];\n}\n\nfunction buildDerivative(\n  source: ImageLike,\n  suffix: string,\n  updates: Partial<ImageLike> = {},\n): ImageEditorResult {\n  return {\n    image: {\n      ...source,\n      ...updates,\n      id: `${source.id}-${suffix}`,\n      name: `${source.name} ${suffix}`,\n    },\n  };\n}\n\nconst editorClient: ImageEditorClient = {\n  async resize(id: string, payload: ImageResizeRequest) {\n    return buildDerivative(findImage(id), 'resize', {\n      width: payload.width,\n      height: payload.height,\n    });\n  },\n  async crop(id: string, payload: ImageCropRequest) {\n    return buildDerivative(findImage(id), 'crop', {\n      width: payload.w,\n      height: payload.h,\n    });\n  },\n  async convert(id: string, payload) {\n    return buildDerivative(findImage(id), payload.format, {\n      mimeType: `image/${payload.format}`,\n    });\n  },\n  async edit(id: string) {\n    return buildDerivative(findImage(id), 'ai-edit');\n  },\n};\n\nconst routeModule = {\n  ...IMAGES_ROUTE_MODULE,\n  routes: {\n    studio: {\n      ...IMAGES_ROUTE_MODULE.routes.studio,\n      props: {\n        galleryClient,\n        editorClient,\n        initialImage: sampleImages[0],\n      },\n    },\n  },\n};\n\nexport default {\n  packageName: '@happyvertical/smrt-images',\n  displayName: 'Images',\n  description:\n    'Workbench surfaces for image acquisition, browsing, editing, and package previews.',\n  routeModules: [routeModule],\n  recommendedCommands: [\n    {\n      id: 'images:test',\n      label: 'Test',\n      command: 'pnpm --filter @happyvertical/smrt-images test',\n    },\n    {\n      id: 'images:typecheck',\n      label: 'Typecheck',\n      command: 'pnpm --filter @happyvertical/smrt-images typecheck',\n    },\n  ],\n  examples: [\n    {\n      id: 'images:playground',\n      title: 'Images playground module',\n      path: 'src/svelte/playground.ts',\n      source: 'playground',\n    },\n  ],\n};\n\nexport { playground };\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-images",
-  "version": "0.40.64",
+  "version": "0.40.66",
   "description": "Image asset management with AI-powered categorization, search, editing, and metadata extraction for SMRT framework",
   "type": "module",
   "smrtRawPrimitives": "strict",
@@ -26,6 +26,10 @@
       "types": "./dist/playground.d.ts",
       "import": "./dist/playground.js"
     },
+    "./workbench": {
+      "types": "./dist/workbench.d.ts",
+      "import": "./dist/workbench.js"
+    },
     "./svelte": {
       "types": "./dist/svelte/index.d.ts",
       "svelte": "./dist/svelte/index.js",
@@ -34,23 +38,23 @@
     }
   },
   "dependencies": {
-    "@happyvertical/ai": "^0.86.1",
-    "@happyvertical/images": "^0.86.1",
-    "@happyvertical/utils": "^0.86.1",
+    "@happyvertical/ai": "^0.86.3",
+    "@happyvertical/images": "^0.86.3",
+    "@happyvertical/utils": "^0.86.3",
     "jimp": "^1.6.1",
     "sharp": "^0.35.3",
-    "@happyvertical/smrt-assets": "0.40.64",
-    "@happyvertical/smrt-core": "0.40.64",
-    "@happyvertical/smrt-tenancy": "0.40.64",
-    "@happyvertical/smrt-prompts": "0.40.64",
-    "@happyvertical/smrt-ui": "0.40.64",
-    "@happyvertical/smrt-types": "0.40.64"
+    "@happyvertical/smrt-assets": "0.40.66",
+    "@happyvertical/smrt-core": "0.40.66",
+    "@happyvertical/smrt-prompts": "0.40.66",
+    "@happyvertical/smrt-tenancy": "0.40.66",
+    "@happyvertical/smrt-types": "0.40.66",
+    "@happyvertical/smrt-ui": "0.40.66"
   },
   "peerDependencies": {
     "svelte": "^5.56.4"
   },
   "devDependencies": {
-    "@happyvertical/sql": "^0.86.1",
+    "@happyvertical/sql": "^0.86.3",
     "@sveltejs/kit": "^2.69.1",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.1.2",
@@ -60,8 +64,8 @@
     "typescript": "5.9.3",
     "vite": "8.1.4",
     "vitest": "4.1.10",
-    "@happyvertical/smrt-playground": "0.40.64",
-    "@happyvertical/smrt-vitest": "0.40.64"
+    "@happyvertical/smrt-playground": "0.40.66",
+    "@happyvertical/smrt-vitest": "0.40.66"
   },
   "keywords": [
     "ai",

package/dist/playground.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"playground.js","names":[],"sources":["../src/svelte/routes/shared.ts","../src/svelte/playground.ts"],"sourcesContent":["import type {\n  SmrtRouteDefinition,\n  SmrtRouteNavigationItem,\n} from '@happyvertical/smrt-types';\n\nexport const IMAGES_ROUTE_IDS = {\n  studio: '@happyvertical/smrt-images:studio',\n} as const;\n\nexport type ImagesRouteId =\n  (typeof IMAGES_ROUTE_IDS)[keyof typeof IMAGES_ROUTE_IDS];\n\nexport type ImagesRouteNavigationItem = SmrtRouteNavigationItem;\n\nexport const IMAGES_ROUTE_META = {\n  studio: {\n    id: IMAGES_ROUTE_IDS.studio,\n    title: 'Image Studio',\n    description:\n      'Browse images, run uploads, and hand off selected assets into the package-owned image editor surface.',\n    defaultPath: '/images',\n    loadKind: undefined,\n    nav: {\n      label: 'Images',\n      description: 'Browse image assets and open the image editor.',\n      icon: 'image',\n      order: 20,\n      group: 'content',\n    },\n  } satisfies Omit<SmrtRouteDefinition, 'component'>,\n} as const;\n\nexport function createImagesRouteNavigation(\n  mounts: Partial<Record<ImagesRouteId, string>> = {},\n): ImagesRouteNavigationItem[] {\n  return [IMAGES_ROUTE_META.studio].map((route) => ({\n    routeId: route.id,\n    href: mounts[route.id] ?? route.defaultPath,\n    label: route.nav?.label ?? route.title,\n    description: route.nav?.description ?? route.description,\n    icon: route.nav?.icon,\n    order: route.nav?.order,\n    group: route.nav?.group,\n  }));\n}\n\nexport const IMAGES_DEFAULT_ROUTE_NAVIGATION = createImagesRouteNavigation();\n","import { IMAGES_ROUTE_META } from './routes/shared.js';\n\nconst DEFAULT_IMAGES_PLAYGROUND_API_BASE_URL = '/api/v1';\n\ntype ImagesPlaygroundGlobal = typeof globalThis & {\n  __SMRT_IMAGES_PLAYGROUND_API_BASE_URL__?: string;\n  location?: {\n    search: string;\n  };\n};\n\nfunction resolveImagesPlaygroundApiBaseUrl(): string {\n  const configuredViaGlobal = (globalThis as ImagesPlaygroundGlobal)\n    .__SMRT_IMAGES_PLAYGROUND_API_BASE_URL__;\n  if (configuredViaGlobal) {\n    return configuredViaGlobal;\n  }\n\n  const browserLocation = (globalThis as ImagesPlaygroundGlobal).location;\n  if (browserLocation) {\n    const configuredViaQuery = new URLSearchParams(browserLocation.search).get(\n      'smrtImagesApiBaseUrl',\n    );\n\n    if (configuredViaQuery) {\n      return configuredViaQuery;\n    }\n  }\n\n  return DEFAULT_IMAGES_PLAYGROUND_API_BASE_URL;\n}\n\nfunction createPreviewImageUri(label: string, accent: string): string {\n  const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1280 720\">\n    <defs>\n      <linearGradient id=\"bg\" x1=\"0%\" x2=\"100%\" y1=\"0%\" y2=\"100%\">\n        <stop offset=\"0%\" stop-color=\"${accent}\" />\n        <stop offset=\"100%\" stop-color=\"#111827\" />\n      </linearGradient>\n    </defs>\n    <rect width=\"1280\" height=\"720\" fill=\"url(#bg)\" rx=\"40\" />\n    <circle cx=\"1040\" cy=\"170\" r=\"92\" fill=\"rgba(255,255,255,0.18)\" />\n    <path d=\"M110 590L360 320l182 170 146-104 210 204H110z\" fill=\"rgba(255,255,255,0.22)\" />\n    <text x=\"92\" y=\"118\" fill=\"#f8fafc\" font-size=\"60\" font-family=\"Arial, sans-serif\" font-weight=\"700\">${label}</text>\n    <text x=\"92\" y=\"662\" fill=\"#dbeafe\" font-size=\"30\" font-family=\"Arial, sans-serif\">SMRT Images preview</text>\n  </svg>`;\n\n  return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;\n}\n\nconst sampleImage = {\n  id: 'image-harbor-dusk',\n  name: 'Harbor Dusk',\n  description: 'Wide editorial frame used for feature headers.',\n  sourceUri: createPreviewImageUri('Harbor Dusk', '#2563eb'),\n  url: createPreviewImageUri('Harbor Dusk', '#2563eb'),\n  mimeType: 'image/jpeg',\n  width: 1280,\n  height: 720,\n  alt: 'Cargo cranes and harbor lights reflected at dusk.',\n};\n\nconst loadImageEditor = () => import('./components/ImageEditor.svelte');\nconst loadImageStudioRoute = () => import('./routes/ImageStudioRoute.svelte');\nconst loadImageUploader = () => import('./components/ImageUploader.svelte');\n\nexport default {\n  packageName: '@happyvertical/smrt-images',\n  displayName: 'Images',\n  description: IMAGES_ROUTE_META.studio.description,\n  entries: [\n    {\n      id: 'image-uploader',\n      title: 'Image Uploader',\n      description:\n        'Mock-safe uploader preview for local files and external image URLs.',\n      loadComponent: loadImageUploader,\n      order: 1,\n      tags: ['uploader', 'images', 'media'],\n      props: {\n        allowedTabs: ['upload', 'external'],\n        onSelect: () => undefined,\n      },\n      modes: {\n        mock: {\n          label: 'Mock',\n        },\n      },\n    },\n    {\n      id: 'image-editor',\n      title: 'Image Editor',\n      description:\n        'Editor controls for resizing, cropping, and AI-assisted image edits.',\n      loadComponent: loadImageEditor,\n      order: 2,\n      tags: ['editor', 'images', 'media'],\n      props: {\n        image: sampleImage,\n        onSave: () => undefined,\n      },\n      modes: {\n        mock: {\n          label: 'Mock',\n        },\n      },\n    },\n    {\n      id: 'image-studio-route',\n      title: 'Image Studio Route',\n      description:\n        'Package-owned acquisition and editing flow backed by the generated images API.',\n      loadComponent: loadImageStudioRoute,\n      order: 3,\n      tags: ['route', 'images', 'admin'],\n      modes: {\n        live: {\n          label: 'Live',\n          description:\n            'Requires the images package dev server and generated routes. Override the base URL with ?smrtImagesApiBaseUrl=... or window.__SMRT_IMAGES_PLAYGROUND_API_BASE_URL__ when needed.',\n          props: {\n            apiBaseUrl: resolveImagesPlaygroundApiBaseUrl(),\n          },\n        },\n      },\n    },\n  ],\n};\n"],"mappings":"AAcO,IAAM,oBAAoB,EAC/B,QAAQ;CACN,IAAI,EAVN,QAAQ,oCAUF,EAAiB;CACrB,OAAO;CACP,aACE;CACF,aAAa;CACb,UAAU,KAAA;CACV,KAAK;EACH,OAAO;EACP,aAAa;EACb,MAAM;EACN,OAAO;EACP,OAAO;CACT;AACF,EACF;AAEO,SAAS,4BACd,SAAiD,CAAC,GACrB;CAC7B,OAAO,CAAC,kBAAkB,MAAM,CAAA,CAAE,KAAK,WAAW;EAChD,SAAS,MAAM;EACf,MAAM,OAAO,MAAM,OAAO,MAAM;EAChC,OAAO,MAAM,KAAK,SAAS,MAAM;EACjC,aAAa,MAAM,KAAK,eAAe,MAAM;EAC7C,MAAM,MAAM,KAAK;EACjB,OAAO,MAAM,KAAK;EAClB,OAAO,MAAM,KAAK;CACpB,EAAE;AACJ;AAE+C,4BAA4B;;;AC5C3E,IAAM,yCAAyC;AAS/C,SAAS,oCAA4C;CACnD,MAAM,sBAAuB,WAC1B;CACH,IAAI,qBACF,OAAO;CAGT,MAAM,kBAAmB,WAAsC;CAC/D,IAAI,iBAAiB;EACnB,MAAM,qBAAqB,IAAI,gBAAgB,gBAAgB,MAAM,CAAA,CAAE,IACrE,sBACF;EAEA,IAAI,oBACF,OAAO;CAEX;CAEA,OAAO;AACT;AAEA,SAAS,sBAAsB,OAAe,QAAwB;CACpE,MAAM,MAAM;;;wCAG0B,OAAM;;;;;;;2GAO6D,MAAK;;;CAI9G,OAAO,oCAAoC,mBAAmB,GAAG;AACnE;AAEA,IAAM,cAAc;CAClB,IAAI;CACJ,MAAM;CACN,aAAa;CACb,WAAW,sBAAsB,eAAe,SAAS;CACzD,KAAK,sBAAsB,eAAe,SAAS;CACnD,UAAU;CACV,OAAO;CACP,QAAQ;CACR,KAAK;AACP;AAEA,IAAM,wBAAwB,OAAO;AACrC,IAAM,6BAA6B,OAAO;AAC1C,IAAM,0BAA0B,OAAO;AAEvC,IAAA,qBAAe;CACb,aAAa;CACb,aAAa;CACb,aAAa,kBAAkB,OAAO;CACtC,SAAS;EACP;GACE,IAAI;GACJ,OAAO;GACP,aACE;GACF,eAAe;GACf,OAAO;GACP,MAAM;IAAC;IAAY;IAAU;GAAO;GACpC,OAAO;IACL,aAAa,CAAC,UAAU,UAAU;IAClC,gBAAgB,KAAA;GAClB;GACA,OAAO,EACL,MAAM,EACJ,OAAO,OACT,EACF;EACF;EACA;GACE,IAAI;GACJ,OAAO;GACP,aACE;GACF,eAAe;GACf,OAAO;GACP,MAAM;IAAC;IAAU;IAAU;GAAO;GAClC,OAAO;IACL,OAAO;IACP,cAAc,KAAA;GAChB;GACA,OAAO,EACL,MAAM,EACJ,OAAO,OACT,EACF;EACF;EACA;GACE,IAAI;GACJ,OAAO;GACP,aACE;GACF,eAAe;GACf,OAAO;GACP,MAAM;IAAC;IAAS;IAAU;GAAO;GACjC,OAAO,EACL,MAAM;IACJ,OAAO;IACP,aACE;IACF,OAAO,EACL,YAAY,kCAAkC,EAChD;GACF,EACF;EACF;CACF;AACF"}