pressship 0.1.11 → 0.1.13

package/assets/web/harness-sdk-icon-mono.svg

@@ -0,0 +1,33 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
+  <title id="title">Harness SDK monochrome icon</title>
+  <desc id="desc">A monochrome H-shaped routing harness connected to six ports.</desc>
+  <g stroke="#f2f2f7" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M214 296H286C329 296 350 328 372 360" stroke-width="38" opacity="0.46"/>
+    <path d="M214 512H416" stroke-width="38" opacity="0.46"/>
+    <path d="M214 728H286C329 728 350 696 372 664" stroke-width="38" opacity="0.46"/>
+    <path d="M810 296H738C695 296 674 328 652 360" stroke-width="38" opacity="0.46"/>
+    <path d="M810 512H608" stroke-width="38" opacity="0.46"/>
+    <path d="M810 728H738C695 728 674 696 652 664" stroke-width="38" opacity="0.46"/>
+  </g>
+  <g fill="#f2f2f7">
+    <rect x="318" y="244" width="116" height="536" rx="58"/>
+    <rect x="590" y="244" width="116" height="536" rx="58"/>
+    <rect x="378" y="454" width="268" height="116" rx="58"/>
+  </g>
+  <g fill="#f2f2f7">
+    <circle cx="214" cy="296" r="35" opacity="0.86"/>
+    <circle cx="214" cy="512" r="35" opacity="0.86"/>
+    <circle cx="214" cy="728" r="35" opacity="0.86"/>
+    <circle cx="810" cy="296" r="35" opacity="0.86"/>
+    <circle cx="810" cy="512" r="35" opacity="0.86"/>
+    <circle cx="810" cy="728" r="35" opacity="0.86"/>
+  </g>
+  <g stroke="#f2f2f7" opacity="0.18">
+    <circle cx="214" cy="296" r="58" stroke-width="8"/>
+    <circle cx="214" cy="512" r="58" stroke-width="8"/>
+    <circle cx="214" cy="728" r="58" stroke-width="8"/>
+    <circle cx="810" cy="296" r="58" stroke-width="8"/>
+    <circle cx="810" cy="512" r="58" stroke-width="8"/>
+    <circle cx="810" cy="728" r="58" stroke-width="8"/>
+  </g>
+</svg>

package/assets/web/harness-sdk-icon.svg

@@ -0,0 +1,120 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
+  <title id="title">Harness SDK icon</title>
+  <desc id="desc">A graphite rounded-square icon with an H-shaped routing harness connected to six provider ports.</desc>
+  <defs>
+    <radialGradient id="backgroundGlow" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(336 216) rotate(48.7) scale(878)">
+      <stop stop-color="#34312b"/>
+      <stop offset="0.52" stop-color="#191817"/>
+      <stop offset="1" stop-color="#0d0c0b"/>
+    </radialGradient>
+    <linearGradient id="shellStroke" x1="170" y1="98" x2="854" y2="926" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#74706a"/>
+      <stop offset="0.45" stop-color="#2f2c28"/>
+      <stop offset="1" stop-color="#7a746a"/>
+    </linearGradient>
+    <linearGradient id="railStroke" x1="176" y1="262" x2="848" y2="762" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#9a9387"/>
+      <stop offset="0.48" stop-color="#57524b"/>
+      <stop offset="1" stop-color="#c3b59f"/>
+    </linearGradient>
+    <linearGradient id="barFill" x1="307" y1="220" x2="721" y2="804" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#f5efe4"/>
+      <stop offset="0.36" stop-color="#c9bca7"/>
+      <stop offset="0.72" stop-color="#8c8273"/>
+      <stop offset="1" stop-color="#efe1c8"/>
+    </linearGradient>
+    <linearGradient id="bridgeFill" x1="381" y1="435" x2="642" y2="586" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#fff8ea"/>
+      <stop offset="0.5" stop-color="#d9cab3"/>
+      <stop offset="1" stop-color="#9c917f"/>
+    </linearGradient>
+    <linearGradient id="innerShadow" x1="512" y1="148" x2="512" y2="876" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#000000" stop-opacity="0"/>
+      <stop offset="1" stop-color="#000000" stop-opacity="0.36"/>
+    </linearGradient>
+    <linearGradient id="cyanDot" x1="184" y1="269" x2="236" y2="321" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#b9f6ff"/>
+      <stop offset="1" stop-color="#41c7d7"/>
+    </linearGradient>
+    <linearGradient id="greenDot" x1="784" y1="269" x2="836" y2="321" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#d4ffc4"/>
+      <stop offset="1" stop-color="#79d66b"/>
+    </linearGradient>
+    <linearGradient id="amberDot" x1="184" y1="486" x2="236" y2="538" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ffe4a6"/>
+      <stop offset="1" stop-color="#f0a93f"/>
+    </linearGradient>
+    <linearGradient id="roseDot" x1="784" y1="486" x2="836" y2="538" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ffd4df"/>
+      <stop offset="1" stop-color="#e87c96"/>
+    </linearGradient>
+    <linearGradient id="violetDot" x1="184" y1="703" x2="236" y2="755" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#ddd6ff"/>
+      <stop offset="1" stop-color="#9b8cf2"/>
+    </linearGradient>
+    <linearGradient id="silverDot" x1="784" y1="703" x2="836" y2="755" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#f7f3ea"/>
+      <stop offset="1" stop-color="#a79d8d"/>
+    </linearGradient>
+    <filter id="softShadow" x="68" y="68" width="888" height="888" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feDropShadow dx="0" dy="36" stdDeviation="44" flood-color="#000000" flood-opacity="0.48"/>
+      <feDropShadow dx="0" dy="4" stdDeviation="10" flood-color="#000000" flood-opacity="0.4"/>
+    </filter>
+    <filter id="markShadow" x="238" y="190" width="548" height="644" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feDropShadow dx="0" dy="22" stdDeviation="24" flood-color="#000000" flood-opacity="0.5"/>
+      <feDropShadow dx="0" dy="-2" stdDeviation="2" flood-color="#ffffff" flood-opacity="0.15"/>
+    </filter>
+  </defs>
+
+  <g filter="url(#softShadow)">
+    <rect x="86" y="86" width="852" height="852" rx="196" fill="url(#backgroundGlow)"/>
+    <rect x="92" y="92" width="840" height="840" rx="190" stroke="url(#shellStroke)" stroke-width="12"/>
+    <rect x="130" y="130" width="764" height="764" rx="158" stroke="#f8eedc" stroke-opacity="0.07" stroke-width="2"/>
+    <path d="M190 186C326 121 504 111 656 153C764 183 846 250 884 346" stroke="#fff7e8" stroke-opacity="0.08" stroke-width="8" stroke-linecap="round"/>
+    <rect x="86" y="86" width="852" height="852" rx="196" fill="url(#innerShadow)"/>
+  </g>
+
+  <g stroke="url(#railStroke)" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" opacity="0.9">
+    <path d="M213 296H287C328 296 348 329 370 360"/>
+    <path d="M213 512H344C370 512 391 512 416 512"/>
+    <path d="M213 728H287C328 728 348 695 370 664"/>
+    <path d="M811 296H737C696 296 676 329 654 360"/>
+    <path d="M811 512H680C654 512 633 512 608 512"/>
+    <path d="M811 728H737C696 728 676 695 654 664"/>
+  </g>
+
+  <g filter="url(#markShadow)">
+    <rect x="314" y="244" width="118" height="536" rx="59" fill="url(#barFill)"/>
+    <rect x="592" y="244" width="118" height="536" rx="59" fill="url(#barFill)"/>
+    <rect x="378" y="454" width="268" height="116" rx="58" fill="url(#bridgeFill)"/>
+    <rect x="344" y="286" width="30" height="452" rx="15" fill="#fff9ee" fill-opacity="0.22"/>
+    <rect x="622" y="286" width="30" height="452" rx="15" fill="#fff9ee" fill-opacity="0.18"/>
+    <rect x="414" y="480" width="186" height="30" rx="15" fill="#fff9ee" fill-opacity="0.2"/>
+  </g>
+
+  <g stroke="#171513" stroke-width="12">
+    <circle cx="213" cy="296" r="46" fill="#24211d"/>
+    <circle cx="213" cy="512" r="46" fill="#24211d"/>
+    <circle cx="213" cy="728" r="46" fill="#24211d"/>
+    <circle cx="811" cy="296" r="46" fill="#24211d"/>
+    <circle cx="811" cy="512" r="46" fill="#24211d"/>
+    <circle cx="811" cy="728" r="46" fill="#24211d"/>
+  </g>
+  <g>
+    <circle cx="213" cy="296" r="23" fill="url(#cyanDot)"/>
+    <circle cx="811" cy="296" r="23" fill="url(#greenDot)"/>
+    <circle cx="213" cy="512" r="23" fill="url(#amberDot)"/>
+    <circle cx="811" cy="512" r="23" fill="url(#roseDot)"/>
+    <circle cx="213" cy="728" r="23" fill="url(#violetDot)"/>
+    <circle cx="811" cy="728" r="23" fill="url(#silverDot)"/>
+  </g>
+
+  <g opacity="0.55">
+    <circle cx="213" cy="296" r="58" stroke="#c7bba9" stroke-opacity="0.24" stroke-width="2"/>
+    <circle cx="811" cy="296" r="58" stroke="#c7bba9" stroke-opacity="0.24" stroke-width="2"/>
+    <circle cx="213" cy="512" r="58" stroke="#c7bba9" stroke-opacity="0.2" stroke-width="2"/>
+    <circle cx="811" cy="512" r="58" stroke="#c7bba9" stroke-opacity="0.2" stroke-width="2"/>
+    <circle cx="213" cy="728" r="58" stroke="#c7bba9" stroke-opacity="0.2" stroke-width="2"/>
+    <circle cx="811" cy="728" r="58" stroke="#c7bba9" stroke-opacity="0.2" stroke-width="2"/>
+  </g>
+</svg>

package/assets/web/index.html

@@ -0,0 +1,392 @@
+<!doctype html>
+<html lang="en" class="wp-toolbar">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="color-scheme" content="light" />
+    <meta name="pressship-token" content="__PRESSSHIP_TOKEN__" />
+    <title>Pressship Studio &lsaquo; Admin</title>
+    <link
+      rel="preconnect"
+      href="https://cdn.jsdelivr.net"
+      crossorigin
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@icon/dashicons@0.9.0-alpha.4/dashicons.css"
+    />
+    <link rel="stylesheet" href="/style.css" />
+  </head>
+  <body class="wp-admin auto-fold admin-color-modern">
+    <div id="wpwrap">
+      <header id="wpadminbar" role="banner">
+        <div class="ab-left">
+          <a class="ab-brand" href="#" data-view-button="dashboard" aria-label="Pressship Studio home">
+            <img class="ab-brand-mark" src="/brand/pressship-symbol.png" alt="" />
+            <span class="ab-brand-name">Pressship Studio</span>
+          </a>
+        </div>
+        <div class="ab-right">
+          <button
+            class="ab-button ab-command"
+            type="button"
+            data-action="open-command"
+            title="Command Palette (⌘K)"
+          >
+            <span class="dashicons dashicons-search" aria-hidden="true"></span>
+            <span class="ab-command-label">Search or jump to…</span>
+            <kbd class="ab-kbd"><span data-kbd-mod>⌘</span>K</kbd>
+          </button>
+          <div class="ab-account is-loading" id="account-info" aria-busy="true">
+            <span class="dashicons dashicons-admin-users" aria-hidden="true"></span>
+            <span class="ab-account-skeleton" aria-hidden="true"></span>
+            <span class="screen-reader-text">Loading account…</span>
+          </div>
+        </div>
+      </header>
+
+      <div id="adminmenuback"></div>
+      <nav id="adminmenuwrap" aria-label="Main menu">
+        <ul id="adminmenu">
+          <li class="wp-has-current-submenu menu-top" data-view="dashboard">
+            <button class="menu-top" type="button" data-view-button="dashboard">
+              <span class="wp-menu-image" aria-hidden="true">
+                <span class="dashicons dashicons-dashboard"></span>
+              </span>
+              <span class="wp-menu-name">Dashboard</span>
+            </button>
+          </li>
+          <li class="menu-top" data-view="studio">
+            <button class="menu-top" type="button" data-view-button="studio">
+              <span class="wp-menu-image" aria-hidden="true">
+                <span class="dashicons dashicons-editor-code"></span>
+              </span>
+              <span class="wp-menu-name">Studio</span>
+            </button>
+          </li>
+          <li class="wp-menu-section">Plugins</li>
+          <li class="menu-top" data-view="remote">
+            <button class="menu-top" type="button" data-view-button="remote">
+              <span class="wp-menu-image" aria-hidden="true">
+                <span class="dashicons dashicons-admin-plugins"></span>
+              </span>
+              <span class="wp-menu-name">WordPress.org</span>
+            </button>
+          </li>
+          <li class="menu-top" data-view="local">
+            <button class="menu-top" type="button" data-view-button="local">
+              <span class="wp-menu-image" aria-hidden="true">
+                <span class="dashicons dashicons-download"></span>
+              </span>
+              <span class="wp-menu-name">Local Library</span>
+            </button>
+          </li>
+          <li class="wp-menu-section" id="playgrounds-section" hidden>Playgrounds</li>
+          <li id="playground-menu-items" class="wp-playground-menu" hidden></li>
+          <li class="wp-menu-section">Pressship</li>
+          <li class="menu-top" data-view="release">
+            <button class="menu-top" type="button" data-view-button="release">
+              <span class="wp-menu-image" aria-hidden="true">
+                <span class="dashicons dashicons-update"></span>
+              </span>
+              <span class="wp-menu-name">Release Management</span>
+            </button>
+          </li>
+          <li class="menu-top" data-view="settings">
+            <button class="menu-top" type="button" data-view-button="settings">
+              <span class="wp-menu-image" aria-hidden="true">
+                <span class="dashicons dashicons-admin-generic"></span>
+              </span>
+              <span class="wp-menu-name">Settings</span>
+            </button>
+          </li>
+        </ul>
+      </nav>
+
+      <main id="wpcontent">
+        <div id="wpbody">
+          <div id="wpbody-content">
+            <div id="notice-stack" aria-live="polite"></div>
+
+            <section id="view-dashboard" class="wrap view is-active" data-view-name="dashboard">
+              <div id="dashboard-content" aria-busy="true">
+                <header class="ps-page-header ps-dashboard-titlebar ps-dashboard-skeleton" aria-hidden="true">
+                  <span class="ps-skeleton ps-skeleton-page-title"></span>
+                </header>
+                <hr class="wp-header-end" />
+
+                <section class="welcome-panel ps-welcome-panel ps-dashboard-skeleton" aria-label="Loading Pressship dashboard">
+                  <div class="welcome-panel-content">
+                    <div class="welcome-panel-header-wrap">
+                      <div class="welcome-panel-header">
+                        <span class="ps-skeleton ps-skeleton-kicker"></span>
+                        <span class="ps-skeleton ps-skeleton-title"></span>
+                        <span class="ps-skeleton ps-skeleton-copy"></span>
+                        <span class="ps-skeleton ps-skeleton-copy short"></span>
+                      </div>
+                    </div>
+                    <div class="welcome-panel-column-container" aria-hidden="true">
+                      <div class="welcome-panel-column">
+                        <span class="ps-skeleton ps-skeleton-welcome-icon"></span>
+                        <span class="ps-welcome-column-content">
+                          <span class="ps-skeleton ps-skeleton-line"></span>
+                          <span class="ps-skeleton ps-skeleton-copy"></span>
+                          <span class="ps-skeleton ps-skeleton-action"></span>
+                        </span>
+                      </div>
+                      <div class="welcome-panel-column">
+                        <span class="ps-skeleton ps-skeleton-welcome-icon"></span>
+                        <span class="ps-welcome-column-content">
+                          <span class="ps-skeleton ps-skeleton-line"></span>
+                          <span class="ps-skeleton ps-skeleton-copy"></span>
+                          <span class="ps-skeleton ps-skeleton-action"></span>
+                        </span>
+                      </div>
+                      <div class="welcome-panel-column">
+                        <span class="ps-skeleton ps-skeleton-welcome-icon"></span>
+                        <span class="ps-welcome-column-content">
+                          <span class="ps-skeleton ps-skeleton-line"></span>
+                          <span class="ps-skeleton ps-skeleton-copy"></span>
+                          <span class="ps-skeleton ps-skeleton-action"></span>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+
+                <div id="dashboard-widgets-wrap" class="ps-dashboard-widgets-wrap ps-dashboard-skeleton" aria-hidden="true">
+                  <div id="dashboard-widgets" class="metabox-holder columns-2">
+                    <div id="postbox-container-1" class="postbox-container">
+                      <div class="meta-box-sortables">
+                        <section class="postbox ps-dashboard-postbox">
+                          <div class="postbox-header">
+                            <h2 class="hndle">
+                              <span class="ps-skeleton ps-skeleton-line short"></span>
+                            </h2>
+                            <div class="ps-postbox-actions">
+                              <span class="ps-skeleton ps-skeleton-button"></span>
+                            </div>
+                          </div>
+                          <div class="inside">
+                            <p class="ps-widget-intro">
+                              <span class="ps-skeleton ps-skeleton-line"></span>
+                            </p>
+                            <ul class="ps-plugin-list">
+                              <li class="ps-plugin-row ps-skeleton-row">
+                                <span class="ps-skeleton ps-skeleton-icon"></span>
+                                <span class="ps-skeleton ps-skeleton-line"></span>
+                                <span class="ps-skeleton ps-skeleton-line short"></span>
+                                <span class="ps-skeleton ps-skeleton-button"></span>
+                              </li>
+                              <li class="ps-plugin-row ps-skeleton-row">
+                                <span class="ps-skeleton ps-skeleton-icon"></span>
+                                <span class="ps-skeleton ps-skeleton-line"></span>
+                                <span class="ps-skeleton ps-skeleton-line short"></span>
+                                <span class="ps-skeleton ps-skeleton-button"></span>
+                              </li>
+                              <li class="ps-plugin-row ps-skeleton-row">
+                                <span class="ps-skeleton ps-skeleton-icon"></span>
+                                <span class="ps-skeleton ps-skeleton-line"></span>
+                                <span class="ps-skeleton ps-skeleton-line short"></span>
+                                <span class="ps-skeleton ps-skeleton-button"></span>
+                              </li>
+                            </ul>
+                          </div>
+                        </section>
+                        <section class="postbox ps-dashboard-postbox">
+                          <div class="postbox-header">
+                            <h2 class="hndle">
+                              <span class="ps-skeleton ps-skeleton-line short"></span>
+                            </h2>
+                            <div class="ps-postbox-actions">
+                              <span class="ps-skeleton ps-skeleton-pill"></span>
+                            </div>
+                          </div>
+                          <div class="inside">
+                            <div class="ps-ai-chips">
+                              <span class="ps-skeleton ps-skeleton-chip"></span>
+                              <span class="ps-skeleton ps-skeleton-chip"></span>
+                              <span class="ps-skeleton ps-skeleton-chip"></span>
+                            </div>
+                            <p class="ps-widget-hint">
+                              <span class="ps-skeleton ps-skeleton-line"></span>
+                            </p>
+                          </div>
+                        </section>
+                      </div>
+                    </div>
+                    <div id="postbox-container-2" class="postbox-container">
+                      <div class="meta-box-sortables">
+                        <section class="postbox ps-dashboard-postbox">
+                          <div class="postbox-header">
+                            <h2 class="hndle">
+                              <span class="ps-skeleton ps-skeleton-line short"></span>
+                            </h2>
+                          </div>
+                          <div class="inside">
+                            <ul class="ps-glance-list">
+                              <li class="ps-glance-item">
+                                <span class="ps-glance-link">
+                                  <span class="ps-skeleton ps-skeleton-mini-icon"></span>
+                                  <span class="ps-skeleton ps-skeleton-count"></span>
+                                  <span class="ps-skeleton ps-skeleton-line"></span>
+                                </span>
+                              </li>
+                              <li class="ps-glance-item">
+                                <span class="ps-glance-link">
+                                  <span class="ps-skeleton ps-skeleton-mini-icon"></span>
+                                  <span class="ps-skeleton ps-skeleton-count"></span>
+                                  <span class="ps-skeleton ps-skeleton-line"></span>
+                                </span>
+                              </li>
+                              <li class="ps-glance-item">
+                                <span class="ps-glance-link">
+                                  <span class="ps-skeleton ps-skeleton-mini-icon"></span>
+                                  <span class="ps-skeleton ps-skeleton-count"></span>
+                                  <span class="ps-skeleton ps-skeleton-line"></span>
+                                </span>
+                              </li>
+                            </ul>
+                          </div>
+                        </section>
+                        <section class="postbox ps-dashboard-postbox">
+                          <div class="postbox-header">
+                            <h2 class="hndle">
+                              <span class="ps-skeleton ps-skeleton-line short"></span>
+                            </h2>
+                            <div class="ps-postbox-actions">
+                              <span class="ps-skeleton ps-skeleton-pill"></span>
+                            </div>
+                          </div>
+                          <div class="inside">
+                            <div class="ps-side-empty">
+                              <span class="ps-skeleton ps-skeleton-line"></span>
+                            </div>
+                          </div>
+                        </section>
+                        <section class="postbox ps-dashboard-postbox">
+                          <div class="postbox-header">
+                            <h2 class="hndle">
+                              <span class="ps-skeleton ps-skeleton-line short"></span>
+                            </h2>
+                          </div>
+                          <div class="inside ps-account-body">
+                            <div class="ps-account-row">
+                              <span class="ps-skeleton ps-skeleton-icon"></span>
+                              <span class="ps-account-text">
+                                <span class="ps-skeleton ps-skeleton-line"></span>
+                                <span class="ps-skeleton ps-skeleton-line short"></span>
+                              </span>
+                            </div>
+                          </div>
+                        </section>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </section>
+
+            <section id="view-remote" class="wrap view" data-view-name="remote">
+              <header class="ps-page-header">
+                <h1 class="wp-heading-inline">WordPress.org Plugins</h1>
+                <button class="page-title-action" type="button" data-action="refresh-remote">
+                  <span class="dashicons dashicons-update-alt" aria-hidden="true"></span>
+                  Refresh
+                </button>
+              </header>
+              <hr class="wp-header-end" />
+              <p class="description">Plugins visible to the saved WordPress.org account. Open one in your local library to start editing.</p>
+              <div id="remote-content" class="ps-card-shell"></div>
+            </section>
+
+            <section id="view-local" class="wrap view" data-view-name="local">
+              <header class="ps-page-header">
+                <h1 class="wp-heading-inline">Local Library</h1>
+                <button class="page-title-action" type="button" data-action="choose-local-folder">
+                  <span class="dashicons dashicons-open-folder" aria-hidden="true"></span>
+                  Choose Folder
+                </button>
+              </header>
+              <hr class="wp-header-end" />
+              <p class="description">
+                Plugin folders Pressship watches locally. Open one in Studio to edit, or use Release Management to ship a new version.
+              </p>
+              <div id="local-content" class="ps-card-shell"></div>
+            </section>
+
+            <section id="view-release" class="wrap view" data-view-name="release">
+              <header class="ps-page-header">
+                <h1 class="wp-heading-inline">Release Management</h1>
+                <button class="page-title-action" type="button" data-action="refresh-release-board">
+                  <span class="dashicons dashicons-update-alt" aria-hidden="true"></span>
+                  Refresh
+                </button>
+              </header>
+              <hr class="wp-header-end" />
+              <p class="description">
+                Release status for every plugin in your local library. Manage release walks you through the publish funnel inside Studio.
+              </p>
+              <div id="release-content" class="ps-release-board-shell"></div>
+            </section>
+
+            <section id="view-studio" class="wrap view studio-view" data-view-name="studio">
+              <div id="studio-content" class="studio-shell"></div>
+            </section>
+
+            <section id="view-settings" class="wrap view" data-view-name="settings">
+              <header class="ps-page-header">
+                <h1 class="wp-heading-inline">Settings</h1>
+              </header>
+              <hr class="wp-header-end" />
+              <p class="description">
+                Defaults used by Pressship Studio. Saved per-user under your config directory. The
+                dashboard fetches Dashicons from a CDN
+                (<code>cdn.jsdelivr.net/npm/dashicons</code>).
+              </p>
+              <div id="settings-content"></div>
+              <div class="postbox activity-box" id="activity-box" hidden>
+                <h2><span class="dashicons dashicons-update"></span>Activity (debug)</h2>
+                <div id="activity-content" class="inside"></div>
+              </div>
+            </section>
+          </div>
+        </div>
+      </main>
+
+      <aside id="detail-panel" aria-live="polite" aria-hidden="true"></aside>
+    </div>
+
+    <div class="ps-command-palette" id="command-palette" hidden>
+      <div class="ps-command-backdrop" data-action="close-command"></div>
+      <div class="ps-command-modal" role="dialog" aria-modal="true" aria-label="Command palette">
+        <div class="ps-command-header">
+          <span class="dashicons dashicons-search ps-command-icon" aria-hidden="true"></span>
+          <input
+            id="command-input"
+            type="text"
+            placeholder="Type a command, view, or plugin slug…"
+            autocomplete="off"
+            spellcheck="false"
+          />
+          <button
+            class="ps-command-close"
+            type="button"
+            data-action="close-command"
+            aria-label="Close"
+          >
+            <span class="dashicons dashicons-no-alt" aria-hidden="true"></span>
+          </button>
+        </div>
+        <ul class="ps-command-list" id="command-list" role="listbox"></ul>
+        <footer class="ps-command-footer">
+          <span><kbd>↑</kbd><kbd>↓</kbd> navigate</span>
+          <span><kbd>↵</kbd> select</span>
+          <span><kbd>esc</kbd> close</span>
+        </footer>
+      </div>
+    </div>
+
+    <script type="module" src="/app.js"></script>
+  </body>
+</html>