feat(processing): ArcGIS-style Model Builder canvas

apps/geolibre-desktop/src/components/layout/DesktopShell.tsx

@@ -263,16 +263,30 @@
     }),
 );
 
-const ModelBuilderDialog = lazy(() =>
-  import("../processing/ModelBuilderDialog")
+const BatchToolsDialog = lazy(() =>
+  import("../processing/BatchToolsDialog")
     .then((module) => ({
-      default: module.ModelBuilderDialog,
+      default: module.BatchToolsDialog,
     }))
     .catch((error) => {
       // Same chunk-load fallback rationale as ProcessingDialog above.
-      console.error("Failed to load ModelBuilderDialog", error);
+      console.error("Failed to load BatchToolsDialog", error);
       const Fallback = (() =>
-        null) as unknown as typeof import("../processing/ModelBuilderDialog").ModelBuilderDialog;
+        null) as unknown as typeof import("../processing/BatchToolsDialog").BatchToolsDialog;
+      return { default: Fallback };
+    }),
+);
+
+const ModelBuilderPanel = lazy(() =>
+  import("../processing/model-builder/ModelBuilderPanel")
+    .then((module) => ({
+      default: module.ModelBuilderPanel,
+    }))
+    .catch((error) => {
+      // Same chunk-load fallback rationale as ProcessingDialog above.
+      console.error("Failed to load ModelBuilderPanel", error);
+      const Fallback = (() =>
+        null) as unknown as typeof import("../processing/model-builder/ModelBuilderPanel").ModelBuilderPanel;
       return { default: Fallback };
     }),
 );
@@ -1764,7 +1778,7 @@
       disposed = true;
       unlisten?.();
     };
   }, [
     clearDropMessageLater,
     finishDrop,
     addDroppedRasters,
@@ -1912,7 +1926,7 @@
         clearDropMessageLater();
       }
     },
     [
       clearDropMessageLater,
       finishDrop,
       addDroppedRasters,
@@ -2456,6 +2470,23 @@
           >
             <FloatingPanels />
           </SectionErrorBoundary>
+          {/* Mounted inside the map area (like FloatingPanels) so the canvas
+              floats over the map and drag-clamps to it, not to the whole
+              window — the user keeps their layers in view while building. */}
+          <SectionErrorBoundary label="Model Builder" displayName={t("shell.section.modelBuilder")}>
+            <Suspense fallback={null}>
+              <ModelBuilderPanel
+                mapControllerRef={mapControllerRef}
+                onAddRaster={async (bytes, name, fileName) => {
+                  // Same Uint8Array -> BlobPart cast as ProcessingDialog below.
+                  const file = new File([bytes as BlobPart], fileName ?? `${name}.tif`, {
+                    type: "image/tiff",
+                  });
+                  await addRasterToMap(createAppAPI(mapControllerRef), file, { name });
+                }}
+              />
+            </Suspense>
+          </SectionErrorBoundary>
           {/* Mounted here (inside the map area, like FloatingPanels) so the
               selection panels anchor to the map canvas's top-left corner and
               drag-clamp to the map, not the whole window (#1314). */}
@@ -2737,7 +2768,7 @@
         <NetworkToolsDialog mapControllerRef={mapControllerRef} />
       </Suspense>
       <Suspense fallback={null}>
-        <ModelBuilderDialog mapControllerRef={mapControllerRef} />
+        <BatchToolsDialog mapControllerRef={mapControllerRef} />
       </Suspense>
       <Suspense fallback={null}>
         <StatisticsToolsDialog mapControllerRef={mapControllerRef} />

apps/geolibre-desktop/src/components/layout/TopToolbar.tsx

@@ -86,6 +86,7 @@ import {
   Save,
   Sparkles,
   Sun,
+  Layers,
   Workflow,
   Wrench,
   ZoomIn,
@@ -957,6 +958,7 @@ export function TopToolbar({
   const setVectorToolOpen = useAppStore((s) => s.setVectorToolOpen);
   const setGeocodeOpen = useAppStore((s) => s.setGeocodeOpen);
   const setModelBuilderOpen = useAppStore((s) => s.setModelBuilderOpen);
+  const setBatchToolsOpen = useAppStore((s) => s.setBatchToolsOpen);
   const setStyleManagerOpen = useAppStore((s) => s.setStyleManagerOpen);
   const setRasterToolOpen = useAppStore((s) => s.setRasterToolOpen);
   const setSegmentationOpen = useAppStore((s) => s.setSegmentationOpen);
@@ -1433,10 +1435,18 @@ export function TopToolbar({
       id: "proc.modelBuilder",
       title: t("toolbar.command.modelBuilder"),
       group: t("toolbar.commandGroup.processing"),
-      keywords: "batch model pipeline chain modeler workflow graphical",
+      keywords: "model builder pipeline chain modeler workflow graph canvas node",
       icon: Workflow,
       run: () => setModelBuilderOpen(true),
     },
+    {
+      id: "proc.batchTools",
+      title: t("toolbar.command.batchTools"),
+      group: t("toolbar.commandGroup.processing"),
+      keywords: "batch bulk many layers repeat vector tool",
+      icon: Layers,
+      run: () => setBatchToolsOpen(true),
+    },
     // The Mac App Store build omits AI Segmentation: it is sidecar-only (the
     // App Sandbox forbids the sidecar) and has no client-side fallback.
     ...(IS_MAS_BUILD

apps/geolibre-desktop/src/components/layout/toolbar/ProcessingMenu.tsx

@@ -54,6 +54,7 @@ export function ProcessingMenu({
   const setVectorToolOpen = useAppStore((s) => s.setVectorToolOpen);
   const setStatisticsToolOpen = useAppStore((s) => s.setStatisticsToolOpen);
   const setGeocodeOpen = useAppStore((s) => s.setGeocodeOpen);
+  const setBatchToolsOpen = useAppStore((s) => s.setBatchToolsOpen);
   const setModelBuilderOpen = useAppStore((s) => s.setModelBuilderOpen);
   const setRasterToolOpen = useAppStore((s) => s.setRasterToolOpen);
   const setSegmentationOpen = useAppStore((s) => s.setSegmentationOpen);
@@ -92,8 +93,8 @@ export function ProcessingMenu({
 
   // Section visibility, so dividers never render with nothing on one side when a
   // UI profile (or mobile) hides whole sections. `showGeolibreTools` are the
-  // client tool submenus; `showGeolibreActions` are geocode/model-builder/
-  // segmentation below the in-submenu divider.
+  // client tool submenus; `showGeolibreActions` are geocode/batch/segmentation
+  // below the in-submenu divider.
   const showGeolibreTools =
     (!mobile && show("processing.conversion")) ||
     show("processing.vector") ||
@@ -102,12 +103,13 @@ export function ProcessingMenu({
     (!mobile && show("processing.raster"));
   const showGeolibreActions =
     show("processing.geocode") ||
-    show("processing.modelBuilder") ||
+    show("processing.batchTools") ||
     (!mobile && show("processing.segmentation")) ||
     show("processing.objectDetection") ||
     show("processing.segmentEverything");
   const showGeolibre = showGeolibreTools || showGeolibreActions;
   const showWorkspacesOrServices =
+    show("processing.modelBuilder") ||
     show("processing.history") ||
     show("processing.sqlWorkspace") ||
     show("processing.pythonConsole") ||
@@ -498,9 +500,9 @@ export function ProcessingMenu({
                   {t("toolbar.item.geocode")}
                 </DropdownMenuItem>
               )}
-              {show("processing.modelBuilder") && (
-                <DropdownMenuItem onSelect={() => setModelBuilderOpen(true)}>
-                  {t("toolbar.item.modelBuilder")}
+              {show("processing.batchTools") && (
+                <DropdownMenuItem onSelect={() => setBatchToolsOpen(true)}>
+                  {t("toolbar.item.batchTools")}
                 </DropdownMenuItem>
               )}
               {!mobile && show("processing.segmentation") && (
@@ -528,6 +530,16 @@ export function ProcessingMenu({
         {/* Divide the tool-category submenus (Whitebox, GeoLibre) from the
             workspaces and consoles below. Only when both sides are present. */}
         {(showWhitebox || showGeolibre) && showWorkspacesOrServices && <DropdownMenuSeparator />}
+        {/* Model Builder sits at the top level rather than inside the GeoLibre
+            Toolbox submenu: it is a canvas that composes tools from every
+            toolbox (Whitebox raster and GeoLibre vector alike), so filing it
+            under one of them would misdescribe its reach. It heads the
+            workspaces block with its SQL/Python/notebook/dashboard siblings. */}
+        {show("processing.modelBuilder") && (
+          <DropdownMenuItem onSelect={() => setModelBuilderOpen(true)}>
+            {t("toolbar.item.modelBuilder")}
+          </DropdownMenuItem>
+        )}
         {show("processing.sqlWorkspace") && (
           <DropdownMenuItem onSelect={() => setSqlWorkspaceOpen(true)}>
             {t("toolbar.command.sqlWorkspace")}