UI state persistence across tab switches

[iammojogo-sudo]

Fixes UI state being lost when switching between tabs.

• Models page: GitHub extension install progress now persists when
  navigating away and back, instead of disappearing mid-install.
• Workflows/Generate: node parameter edits stay in sync across the
  Workspace and Generate views, and aren't dropped when switching
  tabs before the autosave completes.

Three files changed: ModelsPage.tsx, WorkflowsPage.tsx, WorkflowPanel.tsx.
No changes to node input handling or anything extension-facing.

[iammojogo-sudo]

Changed made. I believe it has transform gizmo code in there from local testing so I removed all of that because the transform gizmo is not merged yet. :)

[iammojogo-sudo]

Quick question about the second conflit:

<<<<<<< ui-communication-fixes
        {/* Search bar */}
        <div className="flex items-center gap-2">
          <div className="flex-1 flex items-center gap-2.5 px-3.5 py-2.5 rounded-xl bg-zinc-800/60 border border-zinc-700/60 focus-within:border-zinc-500 focus-within:bg-zinc-800 transition-colors">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="text-zinc-500 shrink-0">
              <circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/>
            </svg>
            <input
              type="text"
              value={search}
              onChange={(e) => setSearch(e.target.value)}
              placeholder="Search extensions..."
              className="flex-1 bg-transparent text-sm text-zinc-200 placeholder-zinc-500 focus:outline-none"
            />
            {search && (
              <button onClick={() => setSearch('')} className="text-zinc-600 hover:text-zinc-400 transition-colors">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
                  <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
                </svg>
              </button>
            )}
            {allExtensions.length > 0 && (
              <span className="text-[11px] text-zinc-600 shrink-0">
                {search.trim() ? `${filteredExtensions.length} / ${allExtensions.length}` : `${allExtensions.length}`}
              </span>
            )}
          </div>
=======
        {/* Sort */}
        <div className="relative">
>>>>>>> dev

Question: What does the {/* Sort */} do for removing the current code and is that current code now fully removing or relocated elsewhere from other changes that are made? I just want to make sure nothing is lost. I appreciate it and no rush!