fix: strip .app.json extension in stripWorkflowExtension (#9451)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/locales/en/main.json

@@ -3002,127 +3002,101 @@
     "share": "Share",
     "shareTooltip": "Share workflow"
   },
-  "shareWorkflow": {
-    "shareLinkTab": "Share",
-    "publishToHubTab": "Publish",
-    "loadingTitle": "Share workflow",
-    "unsavedTitle": "Save workflow first",
-    "unsavedDescription": "You must save your workflow before sharing. Save it now to continue.",
-    "saveButton": "Save workflow",
-    "saving": "Saving...",
-    "workflowNameLabel": "Workflow name",
-    "createLinkTitle": "Share workflow",
-    "createLinkDescription": "When you create a link for your workflow, you will share these media items along with your workflow",
-    "privateAssetsDescription": "Your workflow contains private models and/or media files",
-    "createLinkButton": "Create a link",
-    "creatingLink": "Creating a link...",
-    "successTitle": "Workflow successfully published!",
-    "successDescription": "Anyone with this link can view and use this workflow. If you make changes to this workflow, you can republish to update the shared version.",
-    "hasChangesTitle": "Share workflow",
-    "hasChangesDescription": "You have made changes since this workflow was last published.",
-    "updateLinkButton": "Update link",
-    "updatingLink": "Updating link...",
-    "publishedOn": "Published on {date}",
-    "copyLink": "Copy",
-    "linkCopied": "Copied!",
-    "shareUrlLabel": "Share URL",
-    "loadFailed": "Failed to load shared workflow",
-    "saveFailedTitle": "Save failed",
-    "saveFailedDescription": "Failed to save workflow. Please try again.",
+  "workflowSharing": {
+    "workflowName": "Workflow name",
     "mediaLabel": "{count} Media File | {count} Media Files",
     "modelsLabel": "{count} Model | {count} Models",
-    "checkingAssets": "Checking media visibility…",
-    "acknowledgeCheckbox": "I understand these media items will be published and made public",
-    "inLibrary": "In library",
-    "comfyHubTitle": "Upload to ComfyHub",
-    "comfyHubDescription": "ComfyHub is ComfyUI's official community hub.\nYour workflow will have a public page viewable by all.",
-    "comfyHubButton": "Upload to ComfyHub"
-  },
-  "openSharedWorkflow": {
-    "dialogTitle": "Open shared workflow",
-    "author": "Author:",
-    "copyDescription": "Opening the workflow will create a new copy in your workspace",
-    "nonPublicAssetsWarningLine1": "This workflow comes with non-public assets.",
-    "nonPublicAssetsWarningLine2": "These will be imported to your library when you open the workflow",
-    "copyAssetsAndOpen": "Import assets & open workflow",
-    "openWorkflow": "Open workflow",
-    "openWithoutImporting": "Open without importing",
-    "importFailed": "Failed to import workflow assets",
-    "loadError": "Could not load this shared workflow. Please try again later."
-  },
-  "comfyHubPublish": {
-    "title": "Publish to ComfyHub",
-    "stepDescribe": "Describe your workflow",
-    "stepExamples": "Add output examples",
-    "stepFinish": "Finish publishing",
-    "workflowName": "Workflow name",
-    "workflowNamePlaceholder": "Tip: enter a descriptive name that's easy to search",
-    "workflowDescription": "Workflow description",
-    "workflowDescriptionPlaceholder": "What makes your workflow exciting and special? Be specific so people know what to expect.",
-    "workflowType": "Workflow type",
-    "workflowTypePlaceholder": "Select the type",
-    "workflowTypeImageGeneration": "Image generation",
-    "workflowTypeVideoGeneration": "Video generation",
-    "workflowTypeUpscaling": "Upscaling",
-    "workflowTypeEditing": "Editing",
-    "tags": "Tags",
-    "tagsDescription": "Select tags so people can find your workflow faster",
-    "tagsPlaceholder": "Enter tags that match your workflow to help people find it e.g #nanobanana, #anime or #faceswap",
-    "selectAThumbnail": "Select a thumbnail",
-    "showMoreTags": "Show more...",
-    "showLessTags": "Show less...",
-    "suggestedTags": "Suggested tags",
-    "thumbnailImage": "Image",
-    "thumbnailVideo": "Video",
-    "thumbnailImageComparison": "Image comparison",
-    "uploadThumbnail": "Upload an image",
-    "uploadVideo": "Upload a video",
-    "uploadComparison": "Upload before and after",
-    "thumbnailPreview": "Thumbnail preview",
-    "uploadPromptClickToBrowse": "Click to browse or",
-    "uploadPromptDropImage": "drop an image here",
-    "uploadPromptDropVideo": "drop a video here",
-    "uploadComparisonBeforePrompt": "Before",
-    "uploadComparisonAfterPrompt": "After",
-    "uploadThumbnailHint": "1:1 preferred, 1080p max",
-    "back": "Back",
-    "next": "Next",
-    "publishButton": "Publish to ComfyHub",
-    "examplesDescription": "Add up to {total} additional sample images",
-    "uploadAnImage": "Click to browse or drag an image",
-    "uploadExampleImage": "Upload example image",
-    "exampleImage": "Example image {index}",
-    "videoPreview": "Video thumbnail preview",
-    "maxExamples": "You can select up to {max} examples",
-    "createProfileToPublish": "Create a profile to publish to ComfyHub",
-    "createProfileCta": "Create a profile"
-  },
-  "comfyHubProfile": {
-    "checkingAccess": "Checking your publishing access...",
-    "profileCreationNav": "Profile creation",
-    "introTitle": "Publish to the ComfyHub",
-    "introDescription": "Publish your workflows, build your portfolio and get discovered by millions of users",
-    "introSubtitle": "To share your workflow on ComfyHub, let's first create your profile.",
-    "createProfileButton": "Create my profile",
-    "startPublishingButton": "Start publishing",
-    "modalTitle": "Create your profile on ComfyHub",
-    "createProfileTitle": "Create your Comfy Hub profile",
-    "uploadCover": "+ Upload a cover",
-    "uploadProfilePicture": "+ Upload a profile picture",
-    "chooseProfilePicture": "Choose a profile picture",
-    "nameLabel": "Your name",
-    "namePlaceholder": "Enter your name here",
-    "usernameLabel": "Your username (required)",
-    "usernamePlaceholder": "@",
-    "descriptionLabel": "Your description",
-    "descriptionPlaceholder": "Tell the community about yourself...",
-    "createProfile": "Create profile",
-    "creatingProfile": "Creating profile...",
-    "successTitle": "Looking good, {'@'}{username}!",
-    "successProfileUrl": "Your profile page is live at",
-    "successProfileLink": "comfy.com/p/{username}",
-    "successDescription": "You can now upload your workflow to your creator page",
-    "uploadWorkflowButton": "Upload my workflow"
+    "share": {
+      "shareLinkTab": "Share",
+      "publishToHubTab": "Publish",
+      "unsavedDescription": "You must save your workflow before sharing. Save it now to continue.",
+      "saveButton": "Save workflow",
+      "saving": "Saving...",
+      "privateAssetsDescription": "Your workflow contains private models and/or media files",
+      "createLinkButton": "Create a link",
+      "creatingLink": "Creating a link...",
+      "successDescription": "Anyone with this link can view and use this workflow. If you make changes to this workflow, you can republish to update the shared version.",
+      "hasChangesDescription": "You have made changes since this workflow was last published.",
+      "updateLinkButton": "Update link",
+      "updatingLink": "Updating link...",
+      "publishedOn": "Published on {date}",
+      "copyLink": "Copy",
+      "linkCopied": "Copied!",
+      "shareUrlLabel": "Share URL",
+      "loadFailed": "Failed to load shared workflow",
+      "saveFailedTitle": "Save failed",
+      "saveFailedDescription": "Failed to save workflow. Please try again.",
+      "checkingAssets": "Checking media visibility…",
+      "acknowledgeCheckbox": "I understand these media items will be published and made public",
+      "inLibrary": "In library"
+    },
+    "open": {
+      "dialogTitle": "Open shared workflow",
+      "copyDescription": "Opening the workflow will create a new copy in your workspace",
+      "nonPublicAssetsWarningLine1": "This workflow comes with non-public assets.",
+      "copyAssetsAndOpen": "Import assets & open workflow",
+      "openWorkflow": "Open workflow",
+      "openWithoutImporting": "Open without importing",
+      "importFailed": "Failed to import workflow assets",
+      "loadError": "Could not load this shared workflow. Please try again later."
+    },
+    "publish": {
+      "title": "Publish to ComfyHub",
+      "stepDescribe": "Describe your workflow",
+      "stepExamples": "Add output examples",
+      "stepFinish": "Finish publishing",
+      "workflowNamePlaceholder": "Tip: enter a descriptive name that's easy to search",
+      "workflowDescription": "Workflow description",
+      "workflowDescriptionPlaceholder": "What makes your workflow exciting and special? Be specific so people know what to expect.",
+      "workflowType": "Workflow type",
+      "workflowTypePlaceholder": "Select the type",
+      "workflowTypeImageGeneration": "Image generation",
+      "workflowTypeVideoGeneration": "Video generation",
+      "workflowTypeUpscaling": "Upscaling",
+      "workflowTypeEditing": "Editing",
+      "tagsDescription": "Select tags so people can find your workflow faster",
+      "selectAThumbnail": "Select a thumbnail",
+      "showMoreTags": "Show more...",
+      "showLessTags": "Show less...",
+      "thumbnailImage": "Image",
+      "thumbnailVideo": "Video",
+      "thumbnailImageComparison": "Image comparison",
+      "uploadThumbnail": "Upload an image",
+      "uploadVideo": "Upload a video",
+      "uploadComparison": "Upload before and after",
+      "thumbnailPreview": "Thumbnail preview",
+      "uploadPromptClickToBrowse": "Click to browse or",
+      "uploadPromptDropImage": "drop an image here",
+      "uploadPromptDropVideo": "drop a video here",
+      "uploadComparisonBeforePrompt": "Before",
+      "uploadComparisonAfterPrompt": "After",
+      "uploadThumbnailHint": "1:1 preferred, 1080p max",
+      "back": "Back",
+      "next": "Next",
+      "publishButton": "Publish to ComfyHub",
+      "examplesDescription": "Add up to {total} additional sample images",
+      "uploadExampleImage": "Upload example image",
+      "exampleImage": "Example image {index}",
+      "videoPreview": "Video thumbnail preview",
+      "createProfileToPublish": "Create a profile to publish to ComfyHub",
+      "createProfileCta": "Create a profile"
+    },
+    "profile": {
+      "profileCreationNav": "Profile creation",
+      "introTitle": "Publish to the ComfyHub",
+      "introDescription": "Publish your workflows, build your portfolio and get discovered by millions of users",
+      "startPublishingButton": "Start publishing",
+      "createProfileTitle": "Create your ComfyHub profile",
+      "chooseProfilePicture": "Choose a profile picture",
+      "nameLabel": "Your name",
+      "namePlaceholder": "Enter your name here",
+      "usernameLabel": "Your username (required)",
+      "usernamePlaceholder": "@",
+      "descriptionLabel": "Your description",
+      "descriptionPlaceholder": "Tell the community about yourself...",
+      "createProfile": "Create profile",
+      "creatingProfile": "Creating profile..."
+    }
   },
   "desktopDialogs": {
     "": {

src/platform/workflow/sharing/components/AssetSectionList.vue

@@ -53,7 +53,7 @@
               v-if="item.in_library"
               class="ml-auto shrink-0 text-xs text-muted-foreground"
             >
-              {{ $t('shareWorkflow.inLibrary') }}
+              {{ $t('workflowSharing.share.inLibrary') }}
             </span>
           </li>
         </ul>

src/platform/workflow/sharing/components/OpenSharedWorkflowDialogContent.test.ts

@@ -20,23 +20,23 @@ const i18n = createI18n({
   messages: {
     en: {
       g: { close: 'Close', cancel: 'Cancel' },
-      openSharedWorkflow: {
-        dialogTitle: 'Open shared workflow',
-        copyDescription:
-          'Opening the workflow will create a new copy in your workspace',
-        nonPublicAssetsWarningLine1:
-          'This workflow comes with non-public assets.',
-        nonPublicAssetsWarningLine2:
-          'These will be added to your library when you open the workflow',
-        copyAssetsAndOpen: 'Copy assets & open workflow',
-        openWorkflow: 'Open workflow',
-        openWithoutImporting: 'Open without importing',
-        loadError:
-          'Could not load this shared workflow. Please try again later.'
-      },
-      shareWorkflow: {
+      workflowSharing: {
         mediaLabel: '{count} Media File | {count} Media Files',
-        modelsLabel: '{count} Model | {count} Models'
+        modelsLabel: '{count} Model | {count} Models',
+        open: {
+          dialogTitle: 'Open shared workflow',
+          copyDescription:
+            'Opening the workflow will create a new copy in your workspace',
+          nonPublicAssetsWarningLine1:
+            'This workflow comes with non-public assets.',
+          nonPublicAssetsWarningLine2:
+            'These will be added to your library when you open the workflow',
+          copyAssetsAndOpen: 'Copy assets & open workflow',
+          openWorkflow: 'Open workflow',
+          openWithoutImporting: 'Open without importing',
+          loadError:
+            'Could not load this shared workflow. Please try again later.'
+        }
       }
     }
   }

src/platform/workflow/sharing/components/OpenSharedWorkflowDialogContent.vue

@@ -4,7 +4,7 @@
       class="flex h-12 items-center justify-between gap-2 border-b border-border-default px-4"
     >
       <h2 class="text-sm text-base-foreground">
-        {{ $t('openSharedWorkflow.dialogTitle') }}
+        {{ $t('workflowSharing.open.dialogTitle') }}
       </h2>
       <Button size="icon" :aria-label="$t('g.close')" @click="onCancel">
         <i class="icon-[lucide--x] size-4" />
@@ -37,7 +37,7 @@
           aria-hidden="true"
         />
         <p class="m-0 text-center text-sm text-muted-foreground">
-          {{ $t('openSharedWorkflow.loadError') }}
+          {{ $t('workflowSharing.open.loadError') }}
         </p>
       </main>
       <footer
@@ -56,7 +56,7 @@
             {{ workflowName }}
           </h2>
           <p class="m-0 text-sm text-muted-foreground">
-            {{ $t('openSharedWorkflow.copyDescription') }}
+            {{ $t('workflowSharing.open.copyDescription') }}
           </p>
         </div>
 
@@ -77,7 +77,7 @@
                 <span
                   class="m-0 flex-1 text-left text-sm text-muted-foreground"
                 >
-                  {{ $t('openSharedWorkflow.nonPublicAssetsWarningLine1') }}
+                  {{ $t('workflowSharing.open.nonPublicAssetsWarningLine1') }}
                 </span>
                 <i
                   :class="
@@ -111,13 +111,13 @@
           size="lg"
           @click="onOpenWithoutImporting(sharedWorkflow)"
         >
-          {{ $t('openSharedWorkflow.openWithoutImporting') }}
+          {{ $t('workflowSharing.open.openWithoutImporting') }}
         </Button>
         <Button variant="primary" size="lg" @click="onConfirm(sharedWorkflow)">
           {{
             hasAssets
-              ? $t('openSharedWorkflow.copyAssetsAndOpen')
-              : $t('openSharedWorkflow.openWorkflow')
+              ? $t('workflowSharing.open.copyAssetsAndOpen')
+              : $t('workflowSharing.open.openWorkflow')
           }}
         </Button>
       </footer>

src/platform/workflow/sharing/components/ShareAssetWarningBox.test.ts

@@ -12,12 +12,14 @@ const i18n = createI18n({
   locale: 'en',
   messages: {
     en: {
-      shareWorkflow: {
-        privateAssetsDescription:
-          'Your workflow contains private models and/or media files',
+      workflowSharing: {
         mediaLabel: '{count} Media File | {count} Media Files',
         modelsLabel: '{count} Model | {count} Models',
-        acknowledgeCheckbox: 'I understand these assets...'
+        share: {
+          privateAssetsDescription:
+            'Your workflow contains private models and/or media files',
+          acknowledgeCheckbox: 'I understand these assets...'
+        }
       }
     }
   }

src/platform/workflow/sharing/components/ShareAssetWarningBox.vue

@@ -14,7 +14,7 @@
             aria-hidden="true"
           />
           <span class="m-0 flex-1 text-left text-sm text-muted-foreground">
-            {{ $t('shareWorkflow.privateAssetsDescription') }}
+            {{ $t('workflowSharing.share.privateAssetsDescription') }}
           </span>
 
           <i
@@ -42,7 +42,7 @@
         class="size-3.5 shrink-0 cursor-pointer accent-primary-background"
       />
       <span class="text-sm text-muted-foreground">
-        {{ $t('shareWorkflow.acknowledgeCheckbox') }}
+        {{ $t('workflowSharing.share.acknowledgeCheckbox') }}
       </span>
     </label>
   </div>

src/platform/workflow/sharing/components/ShareUrlCopyField.vue

@@ -3,7 +3,7 @@
     <Input
       readonly
       :model-value="url"
-      :aria-label="$t('shareWorkflow.shareUrlLabel')"
+      :aria-label="$t('workflowSharing.share.shareUrlLabel')"
       class="flex-1"
       @focus="($event.target as HTMLInputElement).select()"
     />
@@ -14,7 +14,9 @@
       @click="handleCopy"
     >
       {{
-        copied ? $t('shareWorkflow.linkCopied') : $t('shareWorkflow.copyLink')
+        copied
+          ? $t('workflowSharing.share.linkCopied')
+          : $t('workflowSharing.share.copyLink')
       }}
       <i class="icon-[lucide--link] size-3.5" aria-hidden="true" />
     </Button>

src/platform/workflow/sharing/components/ShareWorkflowDialogContent.test.ts

@@ -102,30 +102,32 @@ const i18n = createI18n({
   messages: {
     en: {
       g: { close: 'Close', error: 'Error' },
-      shareWorkflow: {
-        unsavedDescription: 'You must save your workflow before sharing.',
-        shareLinkTab: 'Share',
-        publishToHubTab: 'Publish',
-        workflowNameLabel: 'Workflow name',
-        saving: 'Saving...',
-        saveButton: 'Save workflow',
-        createLinkButton: 'Create link',
-        creatingLink: 'Creating link...',
-        checkingAssets: 'Checking assets...',
-        successDescription: 'Anyone with this link...',
-        hasChangesDescription: 'You have made changes...',
-        updateLinkButton: 'Update link',
-        updatingLink: 'Updating link...',
-        publishedOn: 'Published on {date}',
+      workflowSharing: {
+        workflowName: 'Workflow name',
         mediaLabel: '{count} Media File | {count} Media Files',
         modelsLabel: '{count} Model | {count} Models',
-        acknowledgeCheckbox: 'I understand these assets...',
-        loadFailed: 'Failed to load publish status'
-      },
-      comfyHubProfile: {
-        introTitle: 'Introducing ComfyHub',
-        createProfileButton: 'Create my profile',
-        startPublishingButton: 'Start publishing'
+        share: {
+          unsavedDescription: 'You must save your workflow before sharing.',
+          shareLinkTab: 'Share',
+          publishToHubTab: 'Publish',
+          saving: 'Saving...',
+          saveButton: 'Save workflow',
+          createLinkButton: 'Create link',
+          creatingLink: 'Creating link...',
+          checkingAssets: 'Checking assets...',
+          successDescription: 'Anyone with this link...',
+          hasChangesDescription: 'You have made changes...',
+          updateLinkButton: 'Update link',
+          updatingLink: 'Updating link...',
+          publishedOn: 'Published on {date}',
+          acknowledgeCheckbox: 'I understand these assets...',
+          loadFailed: 'Failed to load publish status'
+        },
+        profile: {
+          introTitle: 'Introducing ComfyHub',
+          createProfileButton: 'Create my profile',
+          startPublishingButton: 'Start publishing'
+        }
       }
     }
   }

src/platform/workflow/sharing/components/ShareWorkflowDialogContent.vue

@@ -15,7 +15,7 @@
           :class="tabButtonClass('shareLink')"
           @click="handleDialogModeChange('shareLink')"
         >
-          {{ $t('shareWorkflow.shareLinkTab') }}
+          {{ $t('workflowSharing.share.shareLinkTab') }}
         </Button>
         <Button
           id="tab-publish"
@@ -25,11 +25,11 @@
           @click="handleDialogModeChange('publishToHub')"
         >
           <i class="icon-[lucide--globe] size-4" aria-hidden="true" />
-          {{ $t('shareWorkflow.publishToHubTab') }}
+          {{ $t('workflowSharing.share.publishToHubTab') }}
         </Button>
       </div>
       <div v-else class="select-none">
-        {{ $t('shareWorkflow.shareLinkTab') }}
+        {{ $t('workflowSharing.share.shareLinkTab') }}
       </div>
       <Button size="icon" :aria-label="$t('g.close')" @click="onClose">
         <i class="icon-[lucide--x] size-4" />
@@ -52,11 +52,11 @@
 
         <template v-if="dialogState === 'unsaved'">
           <p class="m-0 text-sm text-muted-foreground">
-            {{ $t('shareWorkflow.unsavedDescription') }}
+            {{ $t('workflowSharing.share.unsavedDescription') }}
           </p>
           <label v-if="isTemporary" class="flex flex-col gap-1">
             <span class="text-sm font-medium text-muted-foreground">
-              {{ $t('shareWorkflow.workflowNameLabel') }}
+              {{ $t('workflowSharing.workflowName') }}
             </span>
             <Input
               ref="nameInputRef"
@@ -73,8 +73,8 @@
           >
             {{
               isSaving
-                ? $t('shareWorkflow.saving')
-                : $t('shareWorkflow.saveButton')
+                ? $t('workflowSharing.share.saving')
+                : $t('workflowSharing.share.saveButton')
             }}
           </Button>
         </template>
@@ -84,13 +84,13 @@
             v-if="dialogState === 'stale'"
             class="m-0 text-xs text-muted-foreground"
           >
-            {{ $t('shareWorkflow.hasChangesDescription') }}
+            {{ $t('workflowSharing.share.hasChangesDescription') }}
           </p>
           <p
             v-if="isLoadingAssets"
             class="m-0 text-sm text-muted-foreground italic"
           >
-            {{ $t('shareWorkflow.checkingAssets') }}
+            {{ $t('workflowSharing.share.checkingAssets') }}
           </p>
           <ShareAssetWarningBox
             v-else-if="requiresAcknowledgment"
@@ -118,10 +118,12 @@
               v-if="publishResult.publishedAt"
               class="m-0 text-xs text-muted-foreground"
             >
-              {{ $t('shareWorkflow.publishedOn', { date: formattedDate }) }}
+              {{
+                $t('workflowSharing.share.publishedOn', { date: formattedDate })
+              }}
             </p>
             <p class="m-0 text-xs text-muted-foreground">
-              {{ $t('shareWorkflow.successDescription') }}
+              {{ $t('workflowSharing.share.successDescription') }}
             </p>
           </div>
         </template>
@@ -272,21 +274,21 @@ const formattedDate = computed(() => {
 const publishButtonLabel = computed(() => {
   if (dialogState.value === 'stale') {
     return isPublishing.value
-      ? t('shareWorkflow.updatingLink')
-      : t('shareWorkflow.updateLinkButton')
+      ? t('workflowSharing.share.updatingLink')
+      : t('workflowSharing.share.updateLinkButton')
   }
   return isPublishing.value
-    ? t('shareWorkflow.creatingLink')
-    : t('shareWorkflow.createLinkButton')
+    ? t('workflowSharing.share.creatingLink')
+    : t('workflowSharing.share.createLinkButton')
 })
 
-function stripJsonExtension(filename: string): string {
-  return filename.replace(/\.json$/i, '')
+function stripWorkflowExtension(filename: string): string {
+  return filename.replace(/\.app\.json$/i, '').replace(/\.json$/i, '')
 }
 
 function buildWorkflowPath(directory: string, filename: string): string {
   const normalizedDirectory = directory.replace(/\/+$/, '')
-  const normalizedFilename = appendJsonExt(stripJsonExtension(filename))
+  const normalizedFilename = appendJsonExt(stripWorkflowExtension(filename))
 
   return normalizedDirectory
     ? `${normalizedDirectory}/${normalizedFilename}`
@@ -299,7 +301,7 @@ async function refreshDialogState() {
   if (!workflow || workflow.isTemporary || workflow.isModified) {
     dialogState.value = 'unsaved'
     if (workflow) {
-      workflowName.value = stripJsonExtension(workflow.filename)
+      workflowName.value = stripWorkflowExtension(workflow.filename)
     }
     return
   }
@@ -315,7 +317,7 @@ async function refreshDialogState() {
     dialogState.value = 'ready'
     toast.add({
       severity: 'error',
-      summary: t('shareWorkflow.loadFailed')
+      summary: t('workflowSharing.share.loadFailed')
     })
   }
 }
@@ -351,8 +353,8 @@ const { isLoading: isSaving, execute: handleSave } = useAsyncState(
       console.error('Failed to save workflow:', error)
       toast.add({
         severity: 'error',
-        summary: t('shareWorkflow.saveFailedTitle'),
-        detail: t('shareWorkflow.saveFailedDescription'),
+        summary: t('workflowSharing.share.saveFailedTitle'),
+        detail: t('workflowSharing.share.saveFailedDescription'),
         life: 5000
       })
     }

src/platform/workflow/sharing/components/profile/ComfyHubCreateProfileForm.vue

@@ -8,20 +8,20 @@
       class="flex h-16 items-center justify-between px-6"
     >
       <h2 class="text-base font-normal text-base-foreground">
-        {{ $t('comfyHubProfile.createProfileTitle') }}
+        {{ $t('workflowSharing.profile.createProfileTitle') }}
       </h2>
       <Button size="icon" :aria-label="$t('g.close')" @click="onClose">
         <i class="icon-[lucide--x] size-4" />
       </Button>
     </header>
     <h2 v-else class="px-6 pt-6 text-base font-normal text-base-foreground">
-      {{ $t('comfyHubProfile.createProfileTitle') }}
+      {{ $t('workflowSharing.profile.createProfileTitle') }}
     </h2>
 
     <div class="flex min-h-0 flex-1 flex-col gap-6 overflow-y-auto px-6 py-4">
       <div class="flex flex-col gap-4">
         <label for="profile-picture" class="text-sm text-muted-foreground">
-          {{ $t('comfyHubProfile.chooseProfilePicture') }}
+          {{ $t('workflowSharing.profile.chooseProfilePicture') }}
         </label>
         <label
           class="flex size-13 cursor-pointer items-center justify-center overflow-hidden rounded-full bg-linear-to-b from-green-600/50 to-green-900"
@@ -36,7 +36,7 @@
           <template v-if="profilePreviewUrl">
             <img
               :src="profilePreviewUrl"
-              :alt="$t('comfyHubProfile.chooseProfilePicture')"
+              :alt="$t('workflowSharing.profile.chooseProfilePicture')"
               class="size-full rounded-full object-cover"
             />
           </template>
@@ -51,18 +51,18 @@
       <div class="flex flex-col gap-6">
         <div class="flex flex-col gap-4">
           <label for="profile-name" class="text-sm text-muted-foreground">
-            {{ $t('comfyHubProfile.nameLabel') }}
+            {{ $t('workflowSharing.profile.nameLabel') }}
           </label>
           <Input
             id="profile-name"
             v-model="name"
-            :placeholder="$t('comfyHubProfile.namePlaceholder')"
+            :placeholder="$t('workflowSharing.profile.namePlaceholder')"
           />
         </div>
 
         <div class="flex flex-col gap-2">
           <label for="profile-username" class="text-sm text-muted-foreground">
-            {{ $t('comfyHubProfile.usernameLabel') }}
+            {{ $t('workflowSharing.profile.usernameLabel') }}
           </label>
           <div class="relative">
             <span
@@ -84,12 +84,12 @@
             for="profile-description"
             class="text-sm text-muted-foreground"
           >
-            {{ $t('comfyHubProfile.descriptionLabel') }}
+            {{ $t('workflowSharing.profile.descriptionLabel') }}
           </label>
           <Textarea
             id="profile-description"
             v-model="description"
-            :placeholder="$t('comfyHubProfile.descriptionPlaceholder')"
+            :placeholder="$t('workflowSharing.profile.descriptionPlaceholder')"
             class="h-24 resize-none rounded-lg border-none bg-secondary-background p-4 text-sm shadow-none"
           />
         </div>
@@ -110,8 +110,8 @@
       >
         {{
           isCreating
-            ? $t('comfyHubProfile.creatingProfile')
-            : $t('comfyHubProfile.createProfile')
+            ? $t('workflowSharing.profile.creatingProfile')
+            : $t('workflowSharing.profile.createProfile')
         }}
       </Button>
     </footer>

src/platform/workflow/sharing/components/profile/ComfyHubPublishIntroPanel.vue

@@ -15,10 +15,10 @@
     <!-- Content -->
     <section class="flex flex-col items-center gap-4 px-4 pt-4 pb-6">
       <h2 class="m-0 text-base font-semibold text-base-foreground">
-        {{ $t('comfyHubProfile.introTitle') }}
+        {{ $t('workflowSharing.profile.introTitle') }}
       </h2>
       <p class="m-0 text-center text-sm text-muted-foreground">
-        {{ $t('comfyHubProfile.introDescription') }}
+        {{ $t('workflowSharing.profile.introDescription') }}
       </p>
       <Button
         variant="primary"
@@ -26,7 +26,7 @@
         class="mt-2 w-full"
         @click="onCreateProfile"
       >
-        {{ $t('comfyHubProfile.startPublishingButton') }}
+        {{ $t('workflowSharing.profile.startPublishingButton') }}
       </Button>
     </section>
   </div>

src/platform/workflow/sharing/components/publish/ComfyHubDescribeStep.vue

@@ -2,22 +2,24 @@
   <div class="flex min-h-0 flex-1 flex-col gap-6 px-6 py-4">
     <label class="flex flex-col gap-2">
       <span class="text-sm text-base-foreground">
-        {{ $t('comfyHubPublish.workflowName') }}
+        {{ $t('workflowSharing.workflowName') }}
       </span>
       <Input
         :model-value="name"
-        :placeholder="$t('comfyHubPublish.workflowNamePlaceholder')"
+        :placeholder="$t('workflowSharing.publish.workflowNamePlaceholder')"
         @update:model-value="$emit('update:name', String($event))"
       />
     </label>
 
     <label class="flex flex-col gap-2">
       <span class="text-sm text-base-foreground">
-        {{ $t('comfyHubPublish.workflowDescription') }}
+        {{ $t('workflowSharing.publish.workflowDescription') }}
       </span>
       <Textarea
         :model-value="description"
-        :placeholder="$t('comfyHubPublish.workflowDescriptionPlaceholder')"
+        :placeholder="
+          $t('workflowSharing.publish.workflowDescriptionPlaceholder')
+        "
         rows="5"
         @update:model-value="$emit('update:description', String($event))"
       />
@@ -25,7 +27,7 @@
 
     <label class="flex flex-col gap-2">
       <span class="text-sm text-base-foreground">
-        {{ $t('comfyHubPublish.workflowType') }}
+        {{ $t('workflowSharing.publish.workflowType') }}
       </span>
       <Select
         :model-value="workflowType"
@@ -35,7 +37,7 @@
       >
         <SelectTrigger>
           <SelectValue
-            :placeholder="$t('comfyHubPublish.workflowTypePlaceholder')"
+            :placeholder="$t('workflowSharing.publish.workflowTypePlaceholder')"
           />
         </SelectTrigger>
         <SelectContent>
@@ -52,7 +54,7 @@
 
     <fieldset class="flex flex-col gap-2">
       <legend class="text-sm text-base-foreground">
-        {{ $t('comfyHubPublish.tagsDescription') }}
+        {{ $t('workflowSharing.publish.tagsDescription') }}
       </legend>
       <TagsInput
         v-slot="{ isEmpty }"
@@ -97,8 +99,8 @@
           {{
             $t(
               showAllSuggestions
-                ? 'comfyHubPublish.showLessTags'
-                : 'comfyHubPublish.showMoreTags'
+                ? 'workflowSharing.publish.showLessTags'
+                : 'workflowSharing.publish.showMoreTags'
             )
           }}
         </Button>
@@ -146,19 +148,19 @@ const { t } = useI18n()
 const workflowTypeOptions = computed(() => [
   {
     value: 'imageGeneration',
-    label: t('comfyHubPublish.workflowTypeImageGeneration')
+    label: t('workflowSharing.publish.workflowTypeImageGeneration')
   },
   {
     value: 'videoGeneration',
-    label: t('comfyHubPublish.workflowTypeVideoGeneration')
+    label: t('workflowSharing.publish.workflowTypeVideoGeneration')
   },
   {
     value: 'upscaling',
-    label: t('comfyHubPublish.workflowTypeUpscaling')
+    label: t('workflowSharing.publish.workflowTypeUpscaling')
   },
   {
     value: 'editing',
-    label: t('comfyHubPublish.workflowTypeEditing')
+    label: t('workflowSharing.publish.workflowTypeEditing')
   }
 ])
 

src/platform/workflow/sharing/components/publish/ComfyHubExamplesStep.vue

@@ -2,7 +2,7 @@
   <div class="flex min-h-0 flex-1 flex-col gap-6">
     <p class="text-sm">
       {{
-        $t('comfyHubPublish.examplesDescription', {
+        $t('workflowSharing.publish.examplesDescription', {
           selected: selectedExampleIds.length,
           total: MAX_EXAMPLES
         })
@@ -14,7 +14,7 @@
       <label
         tabindex="0"
         role="button"
-        :aria-label="$t('comfyHubPublish.uploadExampleImage')"
+        :aria-label="$t('workflowSharing.publish.uploadExampleImage')"
         class="focus-visible:outline-ring flex aspect-square h-25 cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border-default text-center transition-colors hover:border-muted-foreground focus-visible:outline-2 focus-visible:outline-offset-2"
         @dragenter.stop
         @dragleave.stop
@@ -36,7 +36,7 @@
           aria-hidden="true"
         />
         <span class="sr-only">{{
-          $t('comfyHubPublish.uploadExampleImage')
+          $t('workflowSharing.publish.uploadExampleImage')
         }}</span>
       </label>
 
@@ -56,7 +56,9 @@
       >
         <img
           :src="image.url"
-          :alt="$t('comfyHubPublish.exampleImage', { index: index + 1 })"
+          :alt="
+            $t('workflowSharing.publish.exampleImage', { index: index + 1 })
+          "
           class="size-full object-cover"
         />
         <div

src/platform/workflow/sharing/components/publish/ComfyHubProfilePromptPanel.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex min-h-0 flex-1 flex-col gap-4 px-6 py-4">
     <p class="text-sm text-base-foreground">
-      {{ $t('comfyHubPublish.createProfileToPublish') }}
+      {{ $t('workflowSharing.publish.createProfileToPublish') }}
     </p>
 
     <Button
@@ -17,7 +17,7 @@
       </div>
       <span class="inline-flex items-center gap-1 text-sm text-base-foreground">
         <i class="icon-[lucide--plus] size-4" />
-        {{ $t('comfyHubPublish.createProfileCta') }}
+        {{ $t('workflowSharing.publish.createProfileCta') }}
       </span>
     </Button>
   </div>

src/platform/workflow/sharing/components/publish/ComfyHubPublishDialog.vue

@@ -1,13 +1,13 @@
 <template>
   <BaseModalLayout
-    :content-title="$t('comfyHubPublish.title')"
+    :content-title="$t('workflowSharing.publish.title')"
     content-padding="none"
     left-panel-width="16.5rem"
     size="md"
   >
     <template #leftPanelHeaderTitle>
       <h2 class="flex-1 text-base font-semibold select-none">
-        {{ $t('comfyHubPublish.title') }}
+        {{ $t('workflowSharing.publish.title') }}
       </h2>
     </template>
 

src/platform/workflow/sharing/components/publish/ComfyHubPublishFooter.vue

@@ -2,12 +2,12 @@
   <footer class="flex shrink items-center justify-between py-2">
     <div>
       <Button v-if="!isFirstStep" size="lg" @click="$emit('back')">
-        {{ $t('comfyHubPublish.back') }}
+        {{ $t('workflowSharing.publish.back') }}
       </Button>
     </div>
     <div class="flex gap-4">
       <Button v-if="!isLastStep" size="lg" @click="$emit('next')">
-        {{ $t('comfyHubPublish.next') }}
+        {{ $t('workflowSharing.publish.next') }}
         <i class="icon-[lucide--chevron-right] size-4" />
       </Button>
       <Button
@@ -18,7 +18,7 @@
         @click="$emit('publish')"
       >
         <i class="icon-[lucide--upload] size-4" />
-        {{ $t('comfyHubPublish.publishButton') }}
+        {{ $t('workflowSharing.publish.publishButton') }}
       </Button>
     </div>
   </footer>

src/platform/workflow/sharing/components/publish/ComfyHubPublishNav.vue

@@ -54,7 +54,7 @@
           class="flex h-10 w-full items-center rounded-lg bg-secondary-background-selected pl-11 select-none"
         >
           <span class="truncate text-sm text-base-foreground">
-            {{ $t('comfyHubProfile.profileCreationNav') }}
+            {{ $t('workflowSharing.profile.profileCreationNav') }}
           </span>
         </div>
       </li>
@@ -89,14 +89,18 @@ const steps = [
   {
     name: 'describe' as const,
     number: 1,
-    label: t('comfyHubPublish.stepDescribe')
+    label: t('workflowSharing.publish.stepDescribe')
   },
   {
     name: 'examples' as const,
     number: 2,
-    label: t('comfyHubPublish.stepExamples')
+    label: t('workflowSharing.publish.stepExamples')
   },
-  { name: 'finish' as const, number: 3, label: t('comfyHubPublish.stepFinish') }
+  {
+    name: 'finish' as const,
+    number: 3,
+    label: t('workflowSharing.publish.stepFinish')
+  }
 ]
 
 const isProfileCreationFlow = computed(() => currentStep === 'profileCreation')

src/platform/workflow/sharing/components/publish/ComfyHubThumbnailStep.vue

@@ -2,7 +2,7 @@
   <div class="flex min-h-0 flex-1 flex-col gap-6">
     <fieldset class="flex flex-col gap-2">
       <legend class="text-sm text-base-foreground">
-        {{ $t('comfyHubPublish.selectAThumbnail') }}
+        {{ $t('workflowSharing.publish.selectAThumbnail') }}
       </legend>
       <ToggleGroup
         type="single"
@@ -49,12 +49,12 @@
           >
             <img
               :src="comparisonPreviewUrls.after!"
-              :alt="$t('comfyHubPublish.uploadComparisonAfterPrompt')"
+              :alt="$t('workflowSharing.publish.uploadComparisonAfterPrompt')"
               class="size-full object-contain"
             />
             <img
               :src="comparisonPreviewUrls.before!"
-              :alt="$t('comfyHubPublish.uploadComparisonBeforePrompt')"
+              :alt="$t('workflowSharing.publish.uploadComparisonBeforePrompt')"
               class="absolute inset-0 size-full object-contain"
               :style="{
                 clipPath: `inset(0 ${100 - previewSliderPosition}% 0 0)`
@@ -110,7 +110,7 @@
                   {{ slot.label }}
                 </span>
                 <span class="text-xs text-muted-foreground">
-                  {{ $t('comfyHubPublish.uploadThumbnailHint') }}
+                  {{ $t('workflowSharing.publish.uploadThumbnailHint') }}
                 </span>
               </template>
             </label>
@@ -149,7 +149,7 @@
             <video
               v-if="isVideoFile"
               :src="thumbnailPreviewUrl"
-              :aria-label="$t('comfyHubPublish.videoPreview')"
+              :aria-label="$t('workflowSharing.publish.videoPreview')"
               class="max-h-full max-w-full object-contain"
               muted
               loop
@@ -158,19 +158,19 @@
             <img
               v-else
               :src="thumbnailPreviewUrl"
-              :alt="$t('comfyHubPublish.thumbnailPreview')"
+              :alt="$t('workflowSharing.publish.thumbnailPreview')"
               class="max-h-full max-w-full object-contain"
             />
           </template>
           <template v-else>
             <span class="text-sm text-muted-foreground">
-              {{ $t('comfyHubPublish.uploadPromptClickToBrowse') }}
+              {{ $t('workflowSharing.publish.uploadPromptClickToBrowse') }}
             </span>
             <span class="text-sm text-muted-foreground">
               {{ uploadDropText }}
             </span>
             <span class="text-xs text-muted-foreground">
-              {{ $t('comfyHubPublish.uploadThumbnailHint') }}
+              {{ $t('workflowSharing.publish.uploadThumbnailHint') }}
             </span>
           </template>
         </label>
@@ -223,31 +223,31 @@ function handleThumbnailTypeChange(value: unknown) {
 }
 
 const uploadSectionLabel = computed(() => {
-  if (thumbnailType === 'video') return t('comfyHubPublish.uploadVideo')
+  if (thumbnailType === 'video') return t('workflowSharing.publish.uploadVideo')
   if (thumbnailType === 'imageComparison') {
-    return t('comfyHubPublish.uploadComparison')
+    return t('workflowSharing.publish.uploadComparison')
   }
-  return t('comfyHubPublish.uploadThumbnail')
+  return t('workflowSharing.publish.uploadThumbnail')
 })
 
 const uploadDropText = computed(() =>
   thumbnailType === 'video'
-    ? t('comfyHubPublish.uploadPromptDropVideo')
-    : t('comfyHubPublish.uploadPromptDropImage')
+    ? t('workflowSharing.publish.uploadPromptDropVideo')
+    : t('workflowSharing.publish.uploadPromptDropImage')
 )
 
 const thumbnailOptions = [
   {
     value: 'image' as const,
-    label: t('comfyHubPublish.thumbnailImage')
+    label: t('workflowSharing.publish.thumbnailImage')
   },
   {
     value: 'video' as const,
-    label: t('comfyHubPublish.thumbnailVideo')
+    label: t('workflowSharing.publish.thumbnailVideo')
   },
   {
     value: 'imageComparison' as const,
-    label: t('comfyHubPublish.thumbnailImageComparison')
+    label: t('workflowSharing.publish.thumbnailImageComparison')
   }
 ]
 
@@ -335,11 +335,11 @@ type ComparisonSlot = 'before' | 'after'
 const comparisonSlots = [
   {
     key: 'before' as const,
-    label: t('comfyHubPublish.uploadComparisonBeforePrompt')
+    label: t('workflowSharing.publish.uploadComparisonBeforePrompt')
   },
   {
     key: 'after' as const,
-    label: t('comfyHubPublish.uploadComparisonAfterPrompt')
+    label: t('workflowSharing.publish.uploadComparisonAfterPrompt')
   }
 ]
 

src/platform/workflow/sharing/composables/useAssetSections.ts

@@ -17,12 +17,12 @@ export function useAssetSections(items: () => AssetInfo[]) {
     const allSections: AssetSection[] = [
       {
         id: 'media',
-        labelKey: 'shareWorkflow.mediaLabel',
+        labelKey: 'workflowSharing.mediaLabel',
         items: media
       },
       {
         id: 'models',
-        labelKey: 'shareWorkflow.modelsLabel',
+        labelKey: 'workflowSharing.modelsLabel',
         items: models
       }
     ]

src/platform/workflow/sharing/composables/useSharedWorkflowUrlLoader.test.ts

@@ -62,13 +62,13 @@ vi.mock('vue-i18n', () => ({
   useI18n: () => ({
     t: vi.fn((key: string) => {
       if (key === 'g.error') return 'Error'
-      if (key === 'shareWorkflow.loadFailed') {
+      if (key === 'workflowSharing.share.loadFailed') {
         return 'Failed to load shared workflow'
       }
-      if (key === 'openSharedWorkflow.dialogTitle') {
+      if (key === 'workflowSharing.open.dialogTitle') {
         return 'Open shared workflow'
       }
-      if (key === 'openSharedWorkflow.importFailed') {
+      if (key === 'workflowSharing.open.importFailed') {
         return 'Failed to import workflow assets'
       }
       return key

src/platform/workflow/sharing/composables/useSharedWorkflowUrlLoader.ts

@@ -118,7 +118,7 @@ export function useSharedWorkflowUrlLoader() {
       toast.add({
         severity: 'error',
         summary: t('g.error'),
-        detail: t('shareWorkflow.loadFailed'),
+        detail: t('workflowSharing.share.loadFailed'),
         life: 3000
       })
       cleanupUrlParams()
@@ -135,7 +135,7 @@ export function useSharedWorkflowUrlLoader() {
     }
 
     const { payload } = result
-    const workflowName = payload.name || t('openSharedWorkflow.dialogTitle')
+    const workflowName = payload.name || t('workflowSharing.open.dialogTitle')
     const nonOwnedAssets = payload.assets.filter((a) => !a.in_library)
 
     try {
@@ -148,7 +148,7 @@ export function useSharedWorkflowUrlLoader() {
       toast.add({
         severity: 'error',
         summary: t('g.error'),
-        detail: t('shareWorkflow.loadFailed'),
+        detail: t('workflowSharing.share.loadFailed'),
         life: 5000
       })
       return 'failed'
@@ -167,7 +167,7 @@ export function useSharedWorkflowUrlLoader() {
         toast.add({
           severity: 'error',
           summary: t('g.error'),
-          detail: t('openSharedWorkflow.importFailed')
+          detail: t('workflowSharing.open.importFailed')
         })
         cleanupUrlParams()
         clearPreservedQuery(SHARE_NAMESPACE)