@fias/plugin-dev-harness 1.5.3 → 1.5.4

package/dist/server/static/harness.css

@@ -65,17 +65,12 @@ body {
   font-size: 11px;
   font-weight: 600;
   text-transform: uppercase;
-  cursor: pointer;
-  transition: background 0.15s, border-color 0.15s;
   user-select: none;
 }
 
-.mode-badge:hover {
-  filter: brightness(1.3);
-}
-
-.mode-badge:active {
-  filter: brightness(0.9);
+.btn-mode-toggle {
+  font-size: 11px;
+  padding: 3px 10px;
 }
 
 .mode-mock {
@@ -388,3 +383,255 @@ body {
   color: #fbbf24;
   margin-left: 8px;
 }
+
+/* Publish Wizard */
+.publish-modal {
+  width: 600px;
+  max-height: 85vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.publish-steps {
+  display: flex;
+  gap: 4px;
+  margin-bottom: 16px;
+}
+
+.publish-step {
+  flex: 1;
+  padding: 6px 8px;
+  font-size: 11px;
+  font-weight: 600;
+  color: #6b7280;
+  background: #18181b;
+  border-radius: 4px;
+  text-align: center;
+}
+
+.publish-step.active {
+  color: #a78bfa;
+  background: #1e1b2e;
+}
+
+.publish-step.completed {
+  color: #86efac;
+  background: #0f291e;
+}
+
+.publish-content {
+  flex: 1;
+  overflow-y: auto;
+  max-height: 55vh;
+  padding: 4px 0;
+}
+
+.publish-form label {
+  display: block;
+  font-size: 12px;
+  color: #a1a1aa;
+  margin: 8px 0 4px;
+}
+
+.pub-textarea {
+  resize: vertical;
+  font-family: inherit;
+  min-height: 40px;
+}
+
+.pub-tags-container {
+  margin-bottom: 8px;
+}
+
+.pub-tags-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-bottom: 4px;
+}
+
+.pub-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  background: #3f3f46;
+  color: #e4e4e7;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 11px;
+}
+
+.pub-tag-remove {
+  cursor: pointer;
+  color: #a1a1aa;
+  border: none;
+  background: none;
+  font-size: 14px;
+  padding: 0 2px;
+}
+
+.pub-permissions {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 12px;
+}
+
+.pub-checkbox {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: #e4e4e7;
+  cursor: pointer;
+}
+
+.pub-checkbox input {
+  accent-color: #a78bfa;
+}
+
+.pub-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding: 32px 0;
+  color: #a1a1aa;
+}
+
+.pub-error-item {
+  color: #fca5a5;
+  font-size: 12px;
+  padding: 4px 0;
+}
+
+.pub-error-item::before {
+  content: '\2715 ';
+}
+
+.pub-warn-item {
+  color: #fde047;
+  font-size: 12px;
+  padding: 4px 0;
+}
+
+.pub-warn-item::before {
+  content: '\26A0 ';
+}
+
+.pub-valid {
+  color: #86efac;
+  font-size: 13px;
+  font-weight: 500;
+  margin-bottom: 12px;
+}
+
+.pub-listing-preview {
+  background: #18181b;
+  border: 1px solid #3f3f46;
+  border-radius: 8px;
+  padding: 16px;
+  margin-top: 12px;
+}
+
+.pub-listing-name {
+  font-size: 15px;
+  font-weight: 600;
+  color: #e4e4e7;
+}
+
+.pub-listing-desc {
+  font-size: 12px;
+  color: #a1a1aa;
+  margin-top: 4px;
+}
+
+.pub-listing-meta {
+  font-size: 11px;
+  color: #6b7280;
+  margin-top: 8px;
+  display: flex;
+  gap: 12px;
+}
+
+.pub-cost-info {
+  background: #1e1b2e;
+  border: 1px solid #3b3370;
+  border-radius: 8px;
+  padding: 12px;
+  margin-bottom: 12px;
+  font-size: 13px;
+  color: #e4e4e7;
+}
+
+.pub-cost-info strong {
+  color: #fde047;
+}
+
+.pub-build-output {
+  background: #0a0a0f;
+  border: 1px solid #3f3f46;
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-family: 'SF Mono', 'Fira Code', monospace;
+  font-size: 11px;
+  max-height: 200px;
+  overflow-y: auto;
+  color: #a1a1aa;
+  white-space: pre-wrap;
+  display: none;
+}
+
+.pub-phase {
+  padding: 4px 0;
+  font-size: 12px;
+  color: #a1a1aa;
+}
+
+.pub-phase.active {
+  color: #e4e4e7;
+}
+
+.pub-phase.done {
+  color: #86efac;
+}
+
+.pub-phase.error {
+  color: #fca5a5;
+}
+
+.pub-phase::before {
+  content: '\25CB ';
+}
+
+.pub-phase.active::before {
+  content: '\25C9 ';
+}
+
+.pub-phase.done::before {
+  content: '\2713 ';
+}
+
+.pub-phase.error::before {
+  content: '\2715 ';
+}
+
+.pub-review-status {
+  text-align: center;
+  padding: 24px 0;
+}
+
+.pub-congrats {
+  color: #86efac;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: center;
+  margin-bottom: 12px;
+}
+
+.pub-rejected {
+  color: #fca5a5;
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 8px;
+}

package/dist/server/static/harness.html

@@ -14,26 +14,95 @@
         <option value="staging">STAGING</option>
         <option value="production">PRODUCTION</option>
       </select>
-      <button id="mode-badge" class="mode-badge mode-mock" title="Click to switch mode">MOCK &#8646;</button>
+      <span id="mode-badge" class="mode-badge mode-mock">MOCK</span>
+      <button id="mode-toggle" class="btn-icon btn-mode-toggle" title="Switch mode">Switch to Live</button>
     </div>
     <div class="toolbar-right">
+      <button id="publish-btn" class="btn-icon" title="Publish plugin">&#9650;</button>
       <span id="credit-balance" class="credit-balance" style="display: none"></span>
       <span id="theme-badge" class="theme-badge theme-dark">DARK</span>
       <button id="theme-toggle" class="btn-icon" title="Toggle theme">&#9788;/&#9790;</button>
       <button id="reload-btn" class="btn-icon" title="Reload plugin">&#8635;</button>
     </div>
   </div>
-  <!-- Login modal -->
-  <div id="login-modal" class="modal-overlay" style="display: none">
-    <div class="modal">
-      <h3>Sign in to FIAS</h3>
-      <p>Signing in to <strong id="login-target"></strong></p>
-      <input id="login-email" type="email" class="modal-input" placeholder="Email" autocomplete="email" />
-      <input id="login-password" type="password" class="modal-input" placeholder="Password" autocomplete="current-password" />
-      <div id="login-error" class="modal-error" style="display: none"></div>
+  <!-- Publish wizard modal -->
+  <div id="publish-modal" class="modal-overlay" style="display: none">
+    <div class="modal publish-modal">
+      <div class="publish-steps">
+        <span class="publish-step active" data-step="1">1. Configure</span>
+        <span class="publish-step" data-step="2">2. Validate</span>
+        <span class="publish-step" data-step="3">3. Build &amp; Submit</span>
+        <span class="publish-step" data-step="4">4. Status</span>
+      </div>
+      <div id="publish-step-1" class="publish-content">
+        <div class="publish-form">
+          <label>Name</label>
+          <input id="pub-name" class="modal-input" type="text" />
+          <label>Version</label>
+          <input id="pub-version" class="modal-input" type="text" placeholder="1.0.0" />
+          <label>Description</label>
+          <textarea id="pub-description" class="modal-input pub-textarea" rows="2"></textarea>
+          <label>About (optional)</label>
+          <textarea id="pub-expanded-desc" class="modal-input pub-textarea" rows="3"></textarea>
+          <label>Type</label>
+          <select id="pub-archetype" class="modal-input">
+            <option value="tool">Tool</option>
+            <option value="site">Site</option>
+          </select>
+          <label>Tags</label>
+          <div class="pub-tags-container">
+            <div id="pub-tags-list" class="pub-tags-list"></div>
+            <input id="pub-tags-input" class="modal-input" type="text" placeholder="Add tag, press Enter" />
+          </div>
+          <label>Pricing</label>
+          <select id="pub-pricing-model" class="modal-input">
+            <option value="free">Free</option>
+            <option value="fixed">Fixed Price</option>
+            <option value="per_use">Per Use</option>
+          </select>
+          <div id="pub-price-row" style="display:none">
+            <label>Price (cents)</label>
+            <input id="pub-price" class="modal-input" type="number" min="0" />
+          </div>
+          <label>Permissions</label>
+          <div class="pub-permissions" id="pub-permissions">
+            <label class="pub-checkbox"><input type="checkbox" value="theme:read" /> theme:read</label>
+            <label class="pub-checkbox"><input type="checkbox" value="user:profile:read" /> user:profile:read</label>
+            <label class="pub-checkbox"><input type="checkbox" value="storage:sandbox" /> storage:sandbox</label>
+            <label class="pub-checkbox"><input type="checkbox" value="entities:invoke" /> entities:invoke</label>
+            <label class="pub-checkbox"><input type="checkbox" value="entities:image_generate" /> entities:image_generate</label>
+          </div>
+        </div>
+      </div>
+      <div id="publish-step-2" class="publish-content" style="display:none">
+        <div id="pub-validate-loading" class="pub-loading">
+          <div class="status-spinner"></div>
+          <p>Validating manifest...</p>
+        </div>
+        <div id="pub-validate-results" style="display:none">
+          <div id="pub-validate-status"></div>
+          <div id="pub-validate-errors"></div>
+          <div id="pub-validate-warnings"></div>
+          <div id="pub-listing-preview" class="pub-listing-preview"></div>
+        </div>
+      </div>
+      <div id="publish-step-3" class="publish-content" style="display:none">
+        <div id="pub-cost-info" class="pub-cost-info"></div>
+        <div id="pub-build-output" class="pub-build-output"></div>
+        <div id="pub-submit-progress"></div>
+      </div>
+      <div id="publish-step-4" class="publish-content" style="display:none">
+        <div id="pub-review-status" class="pub-review-status">
+          <div class="status-spinner"></div>
+          <p>Waiting for review...</p>
+        </div>
+        <div id="pub-review-result" style="display:none"></div>
+      </div>
+      <div id="pub-error" class="modal-error" style="display:none"></div>
       <div class="modal-actions">
-        <button id="login-cancel" class="btn-secondary">Cancel</button>
-        <button id="login-submit" class="btn-primary">Sign in</button>
+        <button id="pub-cancel" class="btn-secondary">Cancel</button>
+        <button id="pub-back" class="btn-secondary" style="display:none">Back</button>
+        <button id="pub-next" class="btn-primary">Next</button>
       </div>
     </div>
   </div>