* feat(workspace): show the one-time older-images notice in the shell After the switch everyone lands on Library, so someone who has not dismissed the notice might never be prompted. It now shows above every workspace page until dismissed, sharing pm_update_notice_dismissed with System > Sources and the admin modal. Browser specs start with it dismissed. Closes #527 * test(workspace): turn the older-images notice on where specs expect it Two System specs read the Sources notice from empty storage, and the new spec read a job list earlier specs had filled.
72 lines
4.7 KiB
HTML
72 lines
4.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="light dark">
|
|
<title>Prompt Manager · Workspace</title>
|
|
<link rel="stylesheet" href="js/shared/toolkit/controls.css">
|
|
<link rel="stylesheet" href="lib/viewerjs/viewer.min.css">
|
|
<link rel="stylesheet" href="js/workspace/concept.css">
|
|
<link rel="stylesheet" href="js/workspace/workspace.css">
|
|
<script src="lib/viewerjs/viewer.min.js" defer></script>
|
|
<script src="js/comfy-metadata.js" defer></script>
|
|
<script src="js/gallery-settings.js" defer></script>
|
|
<script src="js/png-metadata.js" defer></script>
|
|
<script>
|
|
// #525: no module of the workspace can show this. A failed fetch or a throw while starting leaves the mark
|
|
// unset, and modules run before `load`.
|
|
window.addEventListener('load', () => {
|
|
if (!document.documentElement.dataset.workspaceBooted) document.getElementById('workspace-boot-failure').hidden = false;
|
|
});
|
|
</script>
|
|
<script type="module" src="js/workspace/index.mjs"></script>
|
|
</head>
|
|
<body class="ca-tools">
|
|
<a class="skip" href="#workspace-main">Skip to workspace</a>
|
|
<div class="app-shell">
|
|
<aside class="sidebar">
|
|
<a class="brand" href="#/images"><span class="brand-mark">P<span>±</span></span><span>Prompt Manager<small>COMFYASSETS</small></span></a>
|
|
<div class="sidebar-label">WORKSPACE</div>
|
|
<nav id="primary-nav" aria-label="Workspace"></nav>
|
|
<!-- D49: the concept's SAVED VIEWS group without its "PROPOSED" badge (saved views are persisted, #249 D16). -->
|
|
<div class="sidebar-label">SAVED VIEWS</div>
|
|
<nav id="saved-nav" aria-label="Saved views"></nav>
|
|
<!-- D136: the concept's COLLECTIONS group without its "PROPOSED" badge; the label shows once a collection is listed. -->
|
|
<div class="sidebar-label" hidden>COLLECTIONS</div>
|
|
<nav id="collections-nav" aria-label="Collections"></nav>
|
|
<div class="sidebar-bottom">
|
|
<nav id="system-nav" aria-label="Tools and system"></nav>
|
|
<div class="connection"><i></i><div>ComfyUI workspace<small>Your library, on your server</small></div></div>
|
|
</div>
|
|
</aside>
|
|
<div class="workspace">
|
|
<header class="topbar">
|
|
<div class="breadcrumbs">ComfyAssets <span>/</span> <span id="workspace-breadcrumb">Images</span></div>
|
|
<div class="top-actions"><!-- D53: the progress pill, shown while a job runs. D52: the count shows running jobs, hidden at 0. --><a id="activity-pill" class="activity-pill" hidden></a><button id="activity-open" type="button">Activity <span class="count" id="activity-count" hidden>0</span></button><label class="theme-label" for="theme">Theme
|
|
<select id="theme" aria-label="Theme">
|
|
<option value="dark">Dark</option>
|
|
<option value="light">Light</option>
|
|
<option value="system" selected>System</option>
|
|
</select></label><a class="canvas-link" href="../">ComfyUI <span aria-hidden="true">↗</span></a></div>
|
|
</header>
|
|
<!-- D129: the library-location notice, shown above every page while a node-folder library can move. -->
|
|
<div id="library-banner" class="library-banner" hidden></div>
|
|
<!-- D166: the one-time upgrade notice, shown above every page until dismissed. -->
|
|
<div id="older-images-notice" class="library-banner" hidden></div>
|
|
<main id="workspace-main" tabindex="-1"></main>
|
|
<footer class="app-footer"><span>ComfyAssets · Local tools. Your library.</span></footer>
|
|
</div>
|
|
</div>
|
|
<div id="workspace-toast" class="toast" role="status" aria-live="polite" aria-atomic="true"></div>
|
|
<div id="workspace-boot-failure" role="alert" hidden style="position: fixed; inset: 16px 16px auto; z-index: 1000; padding: 16px; border: 1px solid #888; border-radius: 8px; background: #1b1b1f; color: #eee; font: 14px/1.5 system-ui, sans-serif;">
|
|
<p style="margin: 0;">The workspace couldn't load. Reload the page, or use a legacy page:
|
|
<a style="color: inherit;" href="admin">Dashboard</a> ·
|
|
<a style="color: inherit;" href="admin#/tags">Tags</a> ·
|
|
<a style="color: inherit;" href="gallery">Gallery</a> ·
|
|
<a style="color: inherit;" href="gallery.html">Metadata viewer</a></p>
|
|
</div>
|
|
<noscript><p>This workspace needs JavaScript. <a href="admin">Open the existing dashboard</a>.</p></noscript>
|
|
</body>
|
|
</html>
|