@gt-fe/eap-cli 0.2.10 → 0.2.11

package/dist/static/playground/playground.css

@@ -1,209 +1,209 @@
-    * { box-sizing: border-box; }
-    :root {
-      color-scheme: light;
-      --bg: #f6f7f9;
-      --surface: #ffffff;
-      --surface-soft: #f1f5f3;
-      --ink: #162022;
-      --muted: #667176;
-      --line: #dce3e1;
-      --line-strong: #c5d0ce;
-      --accent: #097969;
-      --accent-strong: #075d52;
-      --accent-soft: #dff3ee;
-      --warn: #a45d00;
-      --warn-soft: #fff0d9;
-      --danger: #b42318;
-      --danger-soft: #ffe4e0;
-      --code-bg: #101820;
-      --code-ink: #dce7e4;
-      --shadow: 0 18px 55px rgba(14, 28, 31, 0.10);
-    }
-    body {
-      min-height: 100vh;
-      margin: 0;
-      background:
-        linear-gradient(180deg, rgba(9, 121, 105, 0.09), transparent 310px),
-        var(--bg);
-      color: var(--ink);
-      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-      letter-spacing: 0;
-    }
-    button, input, textarea { font: inherit; }
-    button {
-      border: 1px solid var(--line-strong);
-      background: var(--surface);
-      color: var(--ink);
-      border-radius: 6px;
-      min-height: 38px;
-      padding: 0 0.85rem;
-      cursor: pointer;
-      white-space: nowrap;
-      transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;
-    }
-    button:hover { border-color: var(--accent); transform: translateY(-1px); }
-    button:disabled { cursor: not-allowed; opacity: 0.6; transform: none; }
-    .button-primary {
-      border-color: var(--accent);
-      background: var(--accent);
-      color: #fff;
-      font-weight: 700;
-    }
-    .button-primary:hover { border-color: var(--accent-strong); background: var(--accent-strong); }
-    .button-row { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; }
-    .app-shell { width: min(1480px, calc(100% - 32px)); margin: 0 auto; padding: 26px 0 34px; }
-    .topbar {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-start;
-      gap: 1rem;
-      margin-bottom: 1rem;
-    }
-    .brand-block h1 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.05; }
-    .brand-block p { max-width: 760px; margin: 0.55rem 0 0; color: var(--muted); }
-    .status-strip { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; }
-    .status-pill {
-      display: inline-flex;
-      align-items: center;
-      gap: 0.45rem;
-      min-height: 32px;
-      border: 1px solid var(--line);
-      border-radius: 999px;
-      background: rgba(255, 255, 255, 0.72);
-      padding: 0 0.75rem;
-      color: var(--muted);
-      font-size: 0.86rem;
-      white-space: nowrap;
-    }
-    .status-dot {
-      width: 8px;
-      height: 8px;
-      border-radius: 50%;
-      background: var(--warn);
-      box-shadow: 0 0 0 3px var(--warn-soft);
-    }
-    .status-dot.ok { background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
-    .status-dot.error { background: var(--danger); box-shadow: 0 0 0 3px var(--danger-soft); }
-    .workbench-layout {
-      display: grid;
-      grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
-      gap: 1rem;
-      align-items: start;
-    }
-    .panel {
-      border: 1px solid var(--line);
-      border-radius: 8px;
-      background: rgba(255, 255, 255, 0.9);
-      box-shadow: var(--shadow);
-    }
-    .panel-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      gap: 0.75rem;
-      border-bottom: 1px solid var(--line);
-      padding: 0.85rem 1rem;
-    }
-    .panel-title { margin: 0; font-size: 1rem; line-height: 1.2; }
-    .panel-kicker {
-      margin: 0.2rem 0 0;
-      color: var(--muted);
-      font-size: 0.82rem;
-    }
-    .panel-body { padding: 1rem; }
-    .request-panel { position: sticky; top: 16px; }
-    .field { display: grid; gap: 0.35rem; margin-bottom: 0.9rem; }
-    label { color: #334044; font-size: 0.82rem; font-weight: 700; }
-    input[type=text], textarea {
-      width: 100%;
-      border: 1px solid var(--line-strong);
-      border-radius: 6px;
-      background: #fff;
-      color: var(--ink);
-      padding: 0.62rem 0.7rem;
-      outline: none;
-    }
-    input[type=text]:focus, textarea:focus {
-      border-color: var(--accent);
-      box-shadow: 0 0 0 3px var(--accent-soft);
-    }
-    textarea {
-      min-height: 180px;
-      resize: vertical;
-      line-height: 1.45;
-    }
-    .field-hint { color: var(--muted); font-size: 0.78rem; }
-    .session-row { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; }
-    .main-stack { display: grid; gap: 1rem; }
-    .output-toolbar {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      gap: 0.75rem;
-      flex-wrap: wrap;
-    }
-    .output-meta { color: var(--muted); font-size: 0.82rem; }
-    pre {
-      margin: 0;
-      min-height: 260px;
-      max-height: 52vh;
-      overflow: auto;
-      border-radius: 6px;
-      background: var(--code-bg);
-      color: var(--code-ink);
-      padding: 0.9rem;
-      font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
-      font-size: 0.84rem;
-      line-height: 1.5;
-      white-space: pre-wrap;
-      overflow-wrap: anywhere;
-    }
-    .diagnostic-grid {
-      display: grid;
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-      gap: 1rem;
-    }
-    .diagnostic-grid pre { min-height: 180px; max-height: 320px; background: #172126; }
-    .summary-list {
-      display: grid;
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-      gap: 0.65rem;
-      margin-bottom: 1rem;
-    }
-    .summary-item {
-      border: 1px solid var(--line);
-      border-radius: 8px;
-      background: var(--surface-soft);
-      padding: 0.72rem;
-      min-width: 0;
-    }
-    .summary-label { color: var(--muted); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; }
-    .summary-value {
-      margin-top: 0.25rem;
-      color: var(--ink);
-      font-size: 0.9rem;
-      font-weight: 700;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-    .trace-link {
-      color: var(--accent-strong);
-      text-decoration: none;
-      font-weight: 700;
-    }
-    .trace-link:hover { text-decoration: underline; }
-    @media (max-width: 980px) {
-      .topbar { display: grid; }
-      .status-strip { justify-content: flex-start; }
-      .workbench-layout { grid-template-columns: 1fr; }
-      .request-panel { position: static; }
-    }
-    @media (max-width: 720px) {
-      .app-shell { width: min(100% - 20px, 1480px); padding-top: 18px; }
-      .diagnostic-grid, .summary-list { grid-template-columns: 1fr; }
-      .panel-header, .output-toolbar { align-items: flex-start; }
-      .session-row { grid-template-columns: 1fr; }
-      button { width: 100%; justify-content: center; }
-      .button-row { display: grid; grid-template-columns: 1fr; }
-    }
+    * { box-sizing: border-box; }
+    :root {
+      color-scheme: light;
+      --bg: #f6f7f9;
+      --surface: #ffffff;
+      --surface-soft: #f1f5f3;
+      --ink: #162022;
+      --muted: #667176;
+      --line: #dce3e1;
+      --line-strong: #c5d0ce;
+      --accent: #097969;
+      --accent-strong: #075d52;
+      --accent-soft: #dff3ee;
+      --warn: #a45d00;
+      --warn-soft: #fff0d9;
+      --danger: #b42318;
+      --danger-soft: #ffe4e0;
+      --code-bg: #101820;
+      --code-ink: #dce7e4;
+      --shadow: 0 18px 55px rgba(14, 28, 31, 0.10);
+    }
+    body {
+      min-height: 100vh;
+      margin: 0;
+      background:
+        linear-gradient(180deg, rgba(9, 121, 105, 0.09), transparent 310px),
+        var(--bg);
+      color: var(--ink);
+      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+      letter-spacing: 0;
+    }
+    button, input, textarea { font: inherit; }
+    button {
+      border: 1px solid var(--line-strong);
+      background: var(--surface);
+      color: var(--ink);
+      border-radius: 6px;
+      min-height: 38px;
+      padding: 0 0.85rem;
+      cursor: pointer;
+      white-space: nowrap;
+      transition: transform 120ms ease, border-color 120ms ease, background 120ms ease;
+    }
+    button:hover { border-color: var(--accent); transform: translateY(-1px); }
+    button:disabled { cursor: not-allowed; opacity: 0.6; transform: none; }
+    .button-primary {
+      border-color: var(--accent);
+      background: var(--accent);
+      color: #fff;
+      font-weight: 700;
+    }
+    .button-primary:hover { border-color: var(--accent-strong); background: var(--accent-strong); }
+    .button-row { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; }
+    .app-shell { width: min(1480px, calc(100% - 32px)); margin: 0 auto; padding: 26px 0 34px; }
+    .topbar {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      gap: 1rem;
+      margin-bottom: 1rem;
+    }
+    .brand-block h1 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.05; }
+    .brand-block p { max-width: 760px; margin: 0.55rem 0 0; color: var(--muted); }
+    .status-strip { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; }
+    .status-pill {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.45rem;
+      min-height: 32px;
+      border: 1px solid var(--line);
+      border-radius: 999px;
+      background: rgba(255, 255, 255, 0.72);
+      padding: 0 0.75rem;
+      color: var(--muted);
+      font-size: 0.86rem;
+      white-space: nowrap;
+    }
+    .status-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: var(--warn);
+      box-shadow: 0 0 0 3px var(--warn-soft);
+    }
+    .status-dot.ok { background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
+    .status-dot.error { background: var(--danger); box-shadow: 0 0 0 3px var(--danger-soft); }
+    .workbench-layout {
+      display: grid;
+      grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
+      gap: 1rem;
+      align-items: start;
+    }
+    .panel {
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      background: rgba(255, 255, 255, 0.9);
+      box-shadow: var(--shadow);
+    }
+    .panel-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 0.75rem;
+      border-bottom: 1px solid var(--line);
+      padding: 0.85rem 1rem;
+    }
+    .panel-title { margin: 0; font-size: 1rem; line-height: 1.2; }
+    .panel-kicker {
+      margin: 0.2rem 0 0;
+      color: var(--muted);
+      font-size: 0.82rem;
+    }
+    .panel-body { padding: 1rem; }
+    .request-panel { position: sticky; top: 16px; }
+    .field { display: grid; gap: 0.35rem; margin-bottom: 0.9rem; }
+    label { color: #334044; font-size: 0.82rem; font-weight: 700; }
+    input[type=text], textarea {
+      width: 100%;
+      border: 1px solid var(--line-strong);
+      border-radius: 6px;
+      background: #fff;
+      color: var(--ink);
+      padding: 0.62rem 0.7rem;
+      outline: none;
+    }
+    input[type=text]:focus, textarea:focus {
+      border-color: var(--accent);
+      box-shadow: 0 0 0 3px var(--accent-soft);
+    }
+    textarea {
+      min-height: 180px;
+      resize: vertical;
+      line-height: 1.45;
+    }
+    .field-hint { color: var(--muted); font-size: 0.78rem; }
+    .session-row { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; }
+    .main-stack { display: grid; gap: 1rem; }
+    .output-toolbar {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: 0.75rem;
+      flex-wrap: wrap;
+    }
+    .output-meta { color: var(--muted); font-size: 0.82rem; }
+    pre {
+      margin: 0;
+      min-height: 260px;
+      max-height: 52vh;
+      overflow: auto;
+      border-radius: 6px;
+      background: var(--code-bg);
+      color: var(--code-ink);
+      padding: 0.9rem;
+      font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+      font-size: 0.84rem;
+      line-height: 1.5;
+      white-space: pre-wrap;
+      overflow-wrap: anywhere;
+    }
+    .diagnostic-grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 1rem;
+    }
+    .diagnostic-grid pre { min-height: 180px; max-height: 320px; background: #172126; }
+    .summary-list {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 0.65rem;
+      margin-bottom: 1rem;
+    }
+    .summary-item {
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      background: var(--surface-soft);
+      padding: 0.72rem;
+      min-width: 0;
+    }
+    .summary-label { color: var(--muted); font-size: 0.75rem; font-weight: 700; text-transform: uppercase; }
+    .summary-value {
+      margin-top: 0.25rem;
+      color: var(--ink);
+      font-size: 0.9rem;
+      font-weight: 700;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .trace-link {
+      color: var(--accent-strong);
+      text-decoration: none;
+      font-weight: 700;
+    }
+    .trace-link:hover { text-decoration: underline; }
+    @media (max-width: 980px) {
+      .topbar { display: grid; }
+      .status-strip { justify-content: flex-start; }
+      .workbench-layout { grid-template-columns: 1fr; }
+      .request-panel { position: static; }
+    }
+    @media (max-width: 720px) {
+      .app-shell { width: min(100% - 20px, 1480px); padding-top: 18px; }
+      .diagnostic-grid, .summary-list { grid-template-columns: 1fr; }
+      .panel-header, .output-toolbar { align-items: flex-start; }
+      .session-row { grid-template-columns: 1fr; }
+      button { width: 100%; justify-content: center; }
+      .button-row { display: grid; grid-template-columns: 1fr; }
+    }