@fias/plugin-dev-harness 1.4.1 → 1.5.0

package/dist/server/static/static/harness.css

@@ -1,390 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  background: #0a0a0f;
-  color: #e4e4e7;
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-}
-
-/* Toolbar */
-.toolbar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 16px;
-  background: #18181b;
-  border-bottom: 1px solid #3f3f46;
-  flex-shrink: 0;
-}
-
-.toolbar-left,
-.toolbar-right {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.logo {
-  font-weight: 600;
-  font-size: 14px;
-  color: #a78bfa;
-}
-
-/* Environment selector */
-.env-selector {
-  background: #27272a;
-  color: #a1a1aa;
-  border: 1px solid #3f3f46;
-  border-radius: 4px;
-  padding: 3px 8px;
-  font-size: 11px;
-  font-weight: 600;
-  cursor: pointer;
-  outline: none;
-  text-transform: uppercase;
-}
-
-.env-selector:hover {
-  border-color: #52525b;
-}
-
-.env-selector:focus {
-  border-color: #a78bfa;
-}
-
-.mode-badge {
-  padding: 3px 10px;
-  border-radius: 4px;
-  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);
-}
-
-.mode-mock {
-  background: #166534;
-  color: #86efac;
-  border: 1px solid #22c55e;
-}
-
-.mode-live {
-  background: #854d0e;
-  color: #fde047;
-  border: 1px solid #eab308;
-}
-
-.theme-badge {
-  padding: 2px 8px;
-  border-radius: 4px;
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-}
-
-.theme-dark {
-  background: #171717;
-  color: #a6a6a6;
-}
-
-.theme-light {
-  background: #e5e5e5;
-  color: #171717;
-}
-
-.credit-balance {
-  font-size: 12px;
-  color: #fde047;
-}
-
-.btn-icon {
-  background: #27272a;
-  border: 1px solid #3f3f46;
-  color: #e4e4e7;
-  padding: 4px 8px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 14px;
-}
-
-.btn-icon:hover {
-  background: #3f3f46;
-}
-
-/* Login Modal */
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-
-.modal {
-  background: #27272a;
-  border: 1px solid #3f3f46;
-  border-radius: 8px;
-  padding: 24px;
-  width: 420px;
-  max-width: 90vw;
-}
-
-.modal h3 {
-  font-size: 16px;
-  color: #e4e4e7;
-  margin-bottom: 8px;
-}
-
-.modal p {
-  font-size: 13px;
-  color: #a1a1aa;
-  line-height: 1.5;
-  margin-bottom: 4px;
-}
-
-.modal-hint {
-  font-size: 12px !important;
-  color: #6b7280 !important;
-  margin-bottom: 16px !important;
-}
-
-.modal-input {
-  width: 100%;
-  padding: 8px 12px;
-  background: #18181b;
-  border: 1px solid #3f3f46;
-  border-radius: 4px;
-  color: #e4e4e7;
-  font-family: 'SF Mono', 'Fira Code', monospace;
-  font-size: 13px;
-  margin-bottom: 12px;
-  outline: none;
-}
-
-.modal-input:focus {
-  border-color: #a78bfa;
-}
-
-.modal-error {
-  font-size: 12px;
-  color: #fca5a5;
-  margin-bottom: 12px;
-}
-
-.modal-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.btn-primary {
-  background: #ffffff;
-  color: #0a0a0a;
-  border: none;
-  padding: 6px 16px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.btn-primary:hover {
-  background: #e5e5e5;
-}
-
-.btn-primary:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.btn-full {
-  width: 100%;
-  padding: 10px 16px;
-  margin-bottom: 12px;
-}
-
-.btn-secondary {
-  background: transparent;
-  color: #a1a1aa;
-  border: 1px solid #3f3f46;
-  padding: 6px 16px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-}
-
-.btn-secondary:hover {
-  background: #3f3f46;
-}
-
-.btn-link {
-  background: none;
-  border: none;
-  color: #a78bfa;
-  cursor: pointer;
-  font-size: 12px;
-  padding: 0;
-}
-
-.btn-link:hover {
-  text-decoration: underline;
-}
-
-.modal-divider {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin: 12px 0;
-  color: #6b7280;
-  font-size: 12px;
-}
-
-.modal-divider::before,
-.modal-divider::after {
-  content: '';
-  flex: 1;
-  height: 1px;
-  background: #3f3f46;
-}
-
-/* Plugin status overlay */
-.plugin-status {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 16px;
-  color: #a1a1aa;
-  font-size: 14px;
-}
-
-.plugin-status.hidden {
-  display: none;
-}
-
-.plugin-status.error {
-  color: #fca5a5;
-}
-
-.plugin-status p {
-  max-width: 500px;
-  text-align: center;
-  line-height: 1.6;
-}
-
-.plugin-status code {
-  background: #27272a;
-  padding: 2px 8px;
-  border-radius: 4px;
-  font-family: 'SF Mono', 'Fira Code', monospace;
-  font-size: 13px;
-  color: #e4e4e7;
-}
-
-.status-spinner {
-  width: 24px;
-  height: 24px;
-  border: 3px solid #3f3f46;
-  border-top-color: #a78bfa;
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
-
-/* Plugin iframe */
-#plugin-iframe {
-  flex: 1;
-  border: none;
-  width: 100%;
-}
-
-#plugin-iframe.hidden {
-  display: none;
-}
-
-/* Dev Console */
-.console-panel {
-  flex-shrink: 0;
-  border-top: 1px solid #3f3f46;
-  background: #18181b;
-  max-height: 250px;
-  display: flex;
-  flex-direction: column;
-}
-
-.console-header {
-  display: flex;
-  justify-content: space-between;
-  padding: 6px 16px;
-  cursor: pointer;
-  font-size: 12px;
-  color: #a1a1aa;
-  border-bottom: 1px solid #27272a;
-  user-select: none;
-}
-
-.console-header:hover {
-  background: #1e1e22;
-}
-
-.console-body {
-  overflow-y: auto;
-  padding: 8px 16px;
-  font-family: 'SF Mono', 'Fira Code', monospace;
-  font-size: 11px;
-  flex: 1;
-  display: none;
-}
-
-.console-body.open {
-  display: block;
-}
-
-.log-entry {
-  padding: 2px 0;
-  border-bottom: 1px solid #1e1e22;
-}
-
-.log-info {
-  color: #93c5fd;
-}
-
-.log-warn {
-  color: #fde047;
-}
-
-.log-error {
-  color: #fca5a5;
-}
-
-.log-time {
-  color: #6b7280;
-  margin-right: 8px;
-}
-
-.log-cost {
-  color: #fbbf24;
-  margin-left: 8px;
-}

package/dist/server/static/static/harness.html

@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Fias Arche Dev</title>
-  <link rel="stylesheet" href="/static/harness.css" />
-</head>
-<body>
-  <div class="toolbar">
-    <div class="toolbar-left">
-      <span class="logo">Fias Arche Dev</span>
-      <select id="env-selector" class="env-selector">
-        <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>
-    </div>
-    <div class="toolbar-right">
-      <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>
-      <div class="modal-actions">
-        <button id="login-cancel" class="btn-secondary">Cancel</button>
-        <button id="login-submit" class="btn-primary">Sign in</button>
-      </div>
-    </div>
-  </div>
-  <div id="plugin-status" class="plugin-status">
-    <div class="status-spinner"></div>
-    <p>Connecting to plugin server...</p>
-  </div>
-  <iframe
-    id="plugin-iframe"
-    sandbox="allow-scripts allow-forms allow-same-origin"
-  ></iframe>
-  <div id="console-panel" class="console-panel">
-    <div class="console-header" id="console-toggle">
-      <span>Dev Console</span>
-      <span id="console-count">0 messages</span>
-    </div>
-    <div class="console-body" id="console-body"></div>
-  </div>
-  <script src="/static/harness.js"></script>
-</body>
-</html>