feat(collage): overhaul collage tool with preview panel and enhanced settings

Apply stash from feat/border-redesign branch. Rewrites collage backend
with improved layout engine and adds CollagePreview results panel for
interactive preview. Updates tool registry to use no-dropzone display
mode with the new preview component.
This commit is contained in:
Siddharth Kumar Sah
2026-04-14 20:47:36 +08:00
parent 20f7671715
commit da4411330f
3 changed files with 968 additions and 146 deletions
+7 -1
View File
@@ -173,6 +173,9 @@ const ImageToBase64Results = lazy(() =>
const CollageSettings = lazy(() =>
import("@/components/tools/collage-settings").then((m) => ({ default: m.CollageSettings })),
);
const CollagePreview = lazy(() =>
import("@/components/tools/collage-preview").then((m) => ({ default: m.CollagePreview })),
);
const StitchSettings = lazy(() =>
import("@/components/tools/stitch-settings").then((m) => ({ default: m.StitchSettings })),
);
@@ -384,7 +387,10 @@ export const toolRegistry = new Map<string, ToolRegistryEntry>([
],
// Layout & Composition
["collage", { displayMode: "before-after", Settings: CollageSettings }],
[
"collage",
{ displayMode: "no-dropzone", Settings: CollageSettings, ResultsPanel: CollagePreview },
],
["stitch", { displayMode: "no-comparison", Settings: StitchSettings }],
[
"split",