booklet and server sign

frontend/src/tools/BookletImposition.tsx

@@ -0,0 +1,56 @@
+import { useTranslation } from "react-i18next";
+import { createToolFlow } from "../components/tools/shared/createToolFlow";
+import BookletImpositionSettings from "../components/tools/bookletImposition/BookletImpositionSettings";
+import { useBookletImpositionParameters } from "../hooks/tools/bookletImposition/useBookletImpositionParameters";
+import { useBookletImpositionOperation } from "../hooks/tools/bookletImposition/useBookletImpositionOperation";
+import { useBaseTool } from "../hooks/tools/shared/useBaseTool";
+import { BaseToolProps, ToolComponent } from "../types/tool";
+
+const BookletImposition = (props: BaseToolProps) => {
+  const { t } = useTranslation();
+
+  const base = useBaseTool(
+    'bookletImposition',
+    useBookletImpositionParameters,
+    useBookletImpositionOperation,
+    props
+  );
+
+  return createToolFlow({
+    files: {
+      selectedFiles: base.selectedFiles,
+      isCollapsed: base.hasResults,
+      placeholder: t("bookletImposition.files.placeholder", "Select PDF files to create booklet impositions from"),
+    },
+    steps: [
+      {
+        title: "Settings",
+        isCollapsed: base.settingsCollapsed,
+        onCollapsedClick: base.settingsCollapsed ? base.handleSettingsReset : undefined,
+        content: (
+          <BookletImpositionSettings
+            parameters={base.params.parameters}
+            onParameterChange={base.params.updateParameter}
+            disabled={base.endpointLoading}
+          />
+        ),
+      },
+    ],
+    executeButton: {
+      text: t("bookletImposition.submit", "Create Booklet"),
+      isVisible: !base.hasResults,
+      loadingText: t("loading"),
+      onClick: base.handleExecute,
+      disabled: !base.params.validateParameters() || !base.hasFiles || !base.endpointEnabled,
+    },
+    review: {
+      isVisible: base.hasResults,
+      operation: base.operation,
+      title: t("bookletImposition.title", "Booklet Imposition Results"),
+      onFileClick: base.handleThumbnailClick,
+      onUndo: base.handleUndo,
+    },
+  });
+};
+
+export default BookletImposition as ToolComponent;

frontend/src/tools/ManageSignatures.tsx

@@ -1,6 +1,7 @@
 import { useTranslation } from "react-i18next";
 import { createToolFlow } from "../components/tools/shared/createToolFlow";
 import CertificateTypeSettings from "../components/tools/manageSignatures/CertificateTypeSettings";
+import CertificateFormatSettings from "../components/tools/manageSignatures/CertificateFormatSettings";
 import CertificateFilesSettings from "../components/tools/manageSignatures/CertificateFilesSettings";
 import SignatureAppearanceSettings from "../components/tools/manageSignatures/SignatureAppearanceSettings";
 import { useManageSignaturesParameters } from "../hooks/tools/manageSignatures/useManageSignaturesParameters";
@@ -26,6 +27,13 @@ const ManageSignatures = (props: BaseToolProps) => {
   // Check if certificate files are configured for appearance step
   const areCertFilesConfigured = () => {
     const params = base.params.parameters;
+    
+    // Auto mode (server certificate) - always configured
+    if (params.signMode === 'AUTO') {
+      return true;
+    }
+    
+    // Manual mode - check for required files based on cert type
     switch (params.certType) {
       case 'PEM':
         return !!(params.privateKeyFile && params.certFile);
@@ -47,10 +55,9 @@ const ManageSignatures = (props: BaseToolProps) => {
     },
     steps: [
       {
-        title: t("manageSignatures.certType.stepTitle", "Certificate Type"),
+        title: t("manageSignatures.signMode.stepTitle", "Sign Mode"),
         isCollapsed: base.settingsCollapsed,
         onCollapsedClick: base.settingsCollapsed ? base.handleSettingsReset : undefined,
-        tooltip: certTypeTips,
         content: (
           <CertificateTypeSettings
             parameters={base.params.parameters}
@@ -59,7 +66,20 @@ const ManageSignatures = (props: BaseToolProps) => {
           />
         ),
       },
-      {
+      ...(base.params.parameters.signMode === 'MANUAL' ? [{
+        title: t("manageSignatures.certType.stepTitle", "Certificate Format"),
+        isCollapsed: base.settingsCollapsed,
+        onCollapsedClick: base.settingsCollapsed ? base.handleSettingsReset : undefined,
+        tooltip: certTypeTips,
+        content: (
+          <CertificateFormatSettings
+            parameters={base.params.parameters}
+            onParameterChange={base.params.updateParameter}
+            disabled={base.endpointLoading}
+          />
+        ),
+      }] : []),
+      ...(base.params.parameters.signMode === 'MANUAL' ? [{
         title: t("manageSignatures.certFiles.stepTitle", "Certificate Files"),
         isCollapsed: base.settingsCollapsed,
         onCollapsedClick: base.settingsCollapsed ? base.handleSettingsReset : undefined,
@@ -70,7 +90,7 @@ const ManageSignatures = (props: BaseToolProps) => {
             disabled={base.endpointLoading}
           />
         ),
-      },
+      }] : []),
       {
         title: t("manageSignatures.appearance.stepTitle", "Signature Appearance"),
         isCollapsed: base.settingsCollapsed || !areCertFilesConfigured(),