Nav fixes

[hipsterusername]

Summary

This pull request introduces a new drop quadrant for creating resized control layers and improves navigation behavior across the application. Key changes include the addition of support for resized control layers, updates to drag-and-drop targets, and enhanced navigation logic for switching panels based on user actions.

New Feature: Resized Control Layers

• Added a new localized string newResizedControlLayer for the resized control layer feature in en.json.
• Introduced newResizedControlLayerFromImageDndTarget and its associated logic for drag-and-drop functionality in dnd.ts. [1] [2]
• Implemented createNewResizedControlLayerFromImage to handle resizing images and adding them as control layers in actions.ts.

Drag-and-Drop Enhancements

• Updated CanvasDropArea.tsx to include a new drag-and-drop target for resized control layers. [1] [2] [3]

Improved Navigation Logic

• Enhanced navigation behavior to dynamically switch between panels based on context, such as workflows and viewer/editor modes. These updates span multiple files:
  • Adjusted navigation logic in useInvoke.ts to handle workflows more intelligently.
  • Added navigation to the Workflow Editor panel in NewWorkflowConfirmationAlertDialog.tsx.
  • Updated useValidateAndLoadWorkflow.ts to navigate based on workflow context (viewer vs. editor mode).

Minor Improvements

• Added target="_blank" and rel="noopener noreferrer" attributes to external links in CanvasLaunchpadPanel.tsx and GenerateLaunchpadPanel.tsx. [1] [2]

Related Issues / Discussions

V6

QA Instructions

Evaluate whether it all works.

Merge Plan

It won't merge until it gets updated so I guess - No plan for merging this. Just review and reconsider.

Checklist

• The PR has a short but descriptive title, suitable for a changelog
• Tests added / updated (if applicable)
• Documentation added / updated (if applicable)
• Updated What's New copy (if doing a release after this PR)