sqlseed-web 0.2.4__py3-none-any.whl

sqlseed_web/static/configs.css

@@ -0,0 +1,50 @@
+/* Configuration lifecycle uses the shared v8 palette and controls. */
+.configs-page .heading { align-items:flex-start; }
+.configs-page .heading-actions { flex-wrap:wrap; }
+.configs-page a.btn { text-decoration:none; }
+.config-toolbar { display:flex; align-items:end; gap:24px; padding:20px 24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper); }
+.config-search { display:flex; flex-direction:column; gap:7px; flex:1; min-width:200px; font-weight:600; }
+.config-search input { width:100%; min-height:40px; padding:8px 12px; border:1px solid var(--line); border-radius:6px; background:var(--paper); color:var(--ink); font-weight:400; }
+.config-scope { min-width:160px; }
+.config-filter { display:flex; align-items:center; gap:8px; cursor:pointer; }
+.config-filter input { width:16px; height:16px; margin:0; accent-color:var(--teal); }
+.config-filter input:disabled { cursor:default; }
+.config-filter-hint { margin:5px 0 0; font-size:12px; max-width:260px; overflow-wrap:anywhere; }
+.config-notice { margin:12px 0; color:var(--teal); }
+.config-notice:empty { margin:0; }
+.config-count { margin:16px 0 10px; font-size:12px; }
+.config-list { display:grid; gap:12px; }
+.config-card { display:flex; align-items:center; gap:24px; padding:20px 24px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); }
+.config-card-main { flex:1; min-width:0; }
+.config-card-heading { display:flex; align-items:baseline; gap:10px; }
+.config-card h2 { margin:0; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
+.config-revision { flex-shrink:0; color:var(--muted); font-family:var(--mono); font-size:12px; }
+.config-target { display:flex; align-items:center; gap:7px; margin:7px 0; color:var(--muted); overflow-wrap:anywhere; }
+.config-target svg { flex-shrink:0; width:15px; height:15px; }
+.config-facts { margin:7px 0 0; font-size:12px; }
+.config-updated { margin:4px 0 0; font-size:12px; }
+.config-card-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; max-width:460px; }
+.config-card-actions .btn { min-height:34px; padding:6px 12px; font-size:12px; }
+.config-card-actions a.btn { color:var(--teal); border-color:var(--teal); background:var(--soft); }
+.config-card-actions .config-delete { color:#a33c39; }
+.config-empty { padding:42px 24px; margin:0; text-align:center; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); }
+.config-empty h2 { font-size:18px; }
+.config-empty p { color:var(--muted); }
+.config-empty a { display:inline-flex; }
+.config-dialog .config-name-field { display:flex; flex-direction:column; gap:8px; margin:20px 0 8px; }
+.config-dialog .config-name-field input { min-width:0; width:100%; min-height:40px; border:1px solid var(--line); border-radius:6px; padding:8px 12px; color:var(--ink); }
+.config-dialog .config-error { color:#a33c39; margin-top:12px; overflow-wrap:anywhere; }
+.config-dialog .config-error:empty { margin:0; }
+.config-delete-name { display:block; font-size:18px; overflow-wrap:anywhere; }
+.config-dialog .config-delete-confirm { color:#a33c39; border-color:#a33c39; background:var(--paper); }
+.configs-page a:focus-visible { outline:3px solid #74b7c9; outline-offset:3px; }
+@media (max-width:1000px) {
+  .config-card { align-items:flex-start; flex-direction:column; gap:14px; }
+  .config-card-actions { justify-content:flex-start; max-width:none; }
+}
+@media (max-width:700px) {
+  .config-toolbar { flex-wrap:wrap; padding:16px; gap:16px; }
+  .config-search { flex-basis:100%; min-width:0; }
+  .config-scope { flex:1; min-width:0; }
+  .config-card { padding:16px; }
+}

sqlseed_web/static/date-picker.css

@@ -0,0 +1,230 @@
+/* Calendar controls use the workbench v8 tokens; the popup escapes scrollers. */
+.wb-date-control {
+  min-width: 0;
+  width: 100%;
+}
+.wb-date-entry {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 3px;
+  margin: -3px;
+}
+.wb-date-input-label {
+  display: block;
+  flex: 1;
+  min-width: 0;
+}
+.wb-date-control .wb-date-entry .wb-date-input-label input[type="text"] {
+  display: block;
+  width: 100%;
+  min-width: 0;
+  margin: 0;
+  min-height: 38px;
+  font-family: var(--mono);
+}
+.wb-date-trigger {
+  flex: none;
+  min-height: 38px;
+  padding: 7px 10px;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  background: var(--paper);
+  color: var(--teal);
+  font-weight: 600;
+  align-self: stretch;
+}
+.wb-date-trigger:hover,
+.wb-date-trigger[aria-expanded="true"] {
+  background: var(--soft);
+  border-color: var(--teal);
+}
+.wb-date-format,
+.wb-date-error {
+  display: block;
+  margin-top: 5px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.wb-date-format {
+  color: var(--muted);
+}
+.wb-date-error {
+  color: #a53131;
+}
+.wb-date-error:empty {
+  display: none;
+}
+.wb-date-sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.wb-date-layer {
+  position: fixed;
+  inset: 0;
+  z-index: 4000;
+}
+.wb-date-dialog {
+  padding: 14px;
+  overflow: auto;
+  overscroll-behavior: contain;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: var(--paper);
+  color: var(--ink);
+  box-shadow: 0 14px 42px #19344126, 0 3px 10px #19344114;
+  font: 13px/1.5 "PingFang SC", "Microsoft YaHei", sans-serif;
+}
+.wb-date-heading,
+.wb-date-navigation,
+.wb-date-jump,
+.wb-date-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.wb-date-heading {
+  justify-content: space-between;
+  margin-bottom: 6px;
+}
+.wb-date-heading h3 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 650;
+}
+.wb-date-navigation {
+  gap: 4px;
+  margin-bottom: 8px;
+}
+.wb-date-navigation > span {
+  flex: 1;
+  color: var(--muted);
+  font-size: 11px;
+  text-align: center;
+}
+.wb-date-nav,
+.wb-date-action {
+  min-height: 32px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: var(--paper);
+  color: var(--ink);
+}
+.wb-date-nav {
+  width: 32px;
+  flex: none;
+  padding: 0;
+  font-size: 20px;
+  line-height: 1;
+}
+.wb-date-action {
+  padding: 5px 12px;
+  font-size: 13px;
+}
+.wb-date-nav:hover,
+.wb-date-action:hover {
+  background: var(--soft);
+  border-color: var(--teal);
+}
+.wb-date-jump {
+  margin-bottom: 8px;
+}
+.wb-date-jump label {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+  color: var(--muted);
+}
+.wb-date-dialog .wb-date-jump input {
+  width: 82px;
+  min-width: 0;
+  min-height: 32px;
+  margin: 0;
+  padding: 4px 7px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: var(--paper);
+  color: var(--ink);
+  font-family: var(--mono);
+}
+.wb-date-dialog .wb-date-jump input[data-calendar-month] {
+  width: 58px;
+}
+.wb-date-grid {
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+  border-spacing: 0;
+  margin: 2px 0 8px;
+}
+.wb-date-grid th,
+.wb-date-grid td {
+  padding: 3px;
+  border: 0;
+  background: transparent;
+  text-align: center;
+}
+.wb-date-grid th {
+  padding-bottom: 7px;
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 500;
+}
+.wb-date-day {
+  width: 100%;
+  min-height: 34px;
+  padding: 3px 0;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  color: var(--ink);
+  font: 13px var(--mono);
+}
+.wb-date-day.today {
+  border-color: var(--teal);
+}
+.wb-date-day:hover {
+  background: var(--soft);
+}
+.wb-date-day.selected {
+  background: var(--teal);
+  color: #fff;
+}
+.wb-date-actions {
+  padding-top: 10px;
+  border-top: 1px solid var(--line);
+}
+.wb-date-actions button:last-child {
+  margin-left: auto;
+}
+.wb-date-help {
+  margin: 10px 0 0;
+  color: var(--muted);
+  font-size: 11px;
+  line-height: 1.6;
+}
+.wb-date-dialog button:focus-visible,
+.wb-date-dialog input:focus-visible,
+.wb-date-control button:focus-visible,
+.wb-date-control input:focus-visible {
+  outline: 2px solid var(--teal);
+  outline-offset: 1px;
+}
+.wb-date-control input[aria-invalid="true"],
+.wb-date-dialog input[aria-invalid="true"] {
+  border-color: #a53131;
+}
+@media (forced-colors: active) {
+  .wb-date-day.selected {
+    border-color: Highlight;
+    outline: 2px solid Highlight;
+  }
+  .wb-date-dialog button:focus-visible,
+  .wb-date-dialog input:focus-visible {
+    outline-color: Highlight;
+  }
+}

sqlseed_web/static/disclosure.css

@@ -0,0 +1,149 @@
+/* Shared native disclosures in the product pages and their overlays. */
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) {
+  --disclosure-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-block-size: 38px;
+  padding: 8px 34px 8px 8px;
+  border-radius: 6px;
+  list-style: none;
+  cursor: pointer;
+  overflow-wrap: anywhere;
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary::marker {
+  content: "";
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary::-webkit-details-marker {
+  display: none;
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary::after,
+.wb-page details.wb-structure-menu[open] > summary::after,
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) .dropdown-btn::after {
+  content: "";
+  inline-size: 16px;
+  block-size: 16px;
+  flex: 0 0 16px;
+  color: var(--muted);
+  background: currentColor;
+  -webkit-mask: var(--disclosure-chevron) center / contain no-repeat;
+  mask: var(--disclosure-chevron) center / contain no-repeat;
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary::after {
+  position: absolute;
+  inset-inline-end: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details[open] > summary::after {
+  transform: translateY(-50%) rotate(180deg);
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) .dropdown-btn[aria-expanded="true"]::after {
+  transform: rotate(180deg);
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary:hover {
+  background-color: var(--wash);
+}
+
+:is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary:focus-visible {
+  outline: 2px solid var(--teal);
+  outline-offset: 2px;
+  background-color: var(--soft);
+}
+
+/* Give the table-level constraints one visible disclosure boundary. */
+.wb-overlay .wb-field-constraints {
+  margin-block-start: 18px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--paper);
+}
+
+.wb-overlay .wb-field-constraints > summary {
+  min-block-size: 42px;
+  padding: 10px 36px 10px 12px;
+  border-radius: 7px;
+  background: var(--wash);
+  font-weight: 600;
+}
+
+.wb-overlay .wb-field-constraints[open] > summary {
+  border-radius: 7px 7px 0 0;
+}
+
+.wb-overlay .wb-field-constraints > summary::after {
+  color: var(--ink);
+}
+
+.wb-overlay .wb-field-constraints > p {
+  margin: 12px;
+  white-space: normal;
+  overflow-wrap: anywhere;
+}
+
+.wb-overlay .wb-field-constraints > p.mono {
+  padding: 8px 10px;
+  border-radius: 5px;
+  background: var(--wash);
+  line-height: 1.65;
+}
+
+/* Long values remain compact inside the current-data table. */
+.wb-overlay details.wb-table-data-value > summary {
+  min-block-size: 0;
+  padding-block: 2px;
+  padding-inline-start: 0;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary {
+    transition: background-color 160ms ease;
+  }
+
+  :is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary::after,
+  :is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) .dropdown-btn::after {
+    transition: transform 200ms ease;
+  }
+
+  @supports selector(details::details-content) and (interpolate-size: allow-keywords) and (transition-behavior: allow-discrete) and (interactivity: inert) {
+    :is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details::details-content {
+      interpolate-size: allow-keywords;
+      block-size: 0;
+      content-visibility: hidden;
+      /* Closing keeps content painted briefly, but it must stop receiving input. */
+      interactivity: inert;
+      overflow: clip;
+      transition: block-size 200ms ease, content-visibility 200ms allow-discrete,
+        overflow-x 0s allow-discrete, overflow-y 0s allow-discrete;
+    }
+
+    :is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details[open]::details-content {
+      block-size: auto;
+      content-visibility: visible;
+      interactivity: auto;
+      overflow: visible;
+      /* Clip during expansion, then release focus rings and nested controls.
+         The closed rule resets these delays so collapse clips immediately. */
+      transition-delay: 0s, 0s, 200ms, 200ms;
+    }
+  }
+}
+
+@media (forced-colors: active) {
+  :is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) details > summary::after,
+  :is(.wb-page, .settings-page, .configs-page, .runs-page, .wb-overlay) .dropdown-btn::after {
+    background-color: ButtonText;
+    forced-color-adjust: none;
+  }
+}

sqlseed_web/static/graph-clarity.css

@@ -0,0 +1,103 @@
+/* Generation state stays on the inner box; inspection has its own outer ring. */
+.wb-schema-graph .graph-state-legend {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px 18px;
+  padding: 3px 2px 12px;
+  color: var(--muted);
+  font-size: 11px;
+}
+.wb-schema-graph .graph-legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+}
+.wb-schema-graph .graph-legend-swatch {
+  box-sizing: border-box;
+  width: 19px;
+  height: 12px;
+  border: 1px solid #d3dee4;
+  border-radius: 3px;
+  background: #f8fafb;
+}
+.wb-schema-graph .graph-legend-swatch.chosen {
+  border-color: #75a48b;
+  background: #edf7f1;
+}
+.wb-schema-graph .graph-legend-swatch.referenced {
+  border: 1px dashed #8faabb;
+  background: #f1f6fb;
+}
+.wb-schema-graph .graph-legend-swatch.current {
+  margin: 0 3px;
+  outline: 2px solid #2573a4;
+  outline-offset: 2px;
+}
+.wb-schema-graph .graph-node {
+  --graph-node-stroke: #d3dee4;
+  --graph-node-fill: #f8fafb;
+}
+.wb-schema-graph .graph-node.chosen {
+  --graph-node-stroke: #75a48b;
+  --graph-node-fill: #edf7f1;
+}
+.wb-schema-graph .graph-node.referenced {
+  --graph-node-stroke: #8faabb;
+  --graph-node-fill: #f1f6fb;
+}
+.wb-schema-graph .graph-node.blocked {
+  --graph-node-stroke: #bb8e56;
+  --graph-node-fill: #fdf7ec;
+}
+.wb-schema-graph .graph-node .graph-node-body {
+  fill: var(--graph-node-fill);
+  stroke: var(--graph-node-stroke)!important;
+  stroke-width: 1.3!important;
+}
+.wb-schema-graph .graph-node .graph-focus-ring {
+  fill: none;
+  stroke: #2573a4!important;
+  stroke-width: 2!important;
+  stroke-dasharray: none;
+  opacity: 0;
+  pointer-events: none;
+}
+.wb-schema-graph .graph-node.focused .graph-focus-ring,
+.wb-schema-graph .graph-node:focus-visible .graph-focus-ring {
+  opacity: 1;
+}
+.wb-schema-graph .graph-edge.path-related .edge-line {
+  stroke: #477f6a;
+  stroke-width: 2.4;
+}
+.wb-schema-graph .graph-edge { --graph-edge-stroke: #71978a; }
+.wb-schema-graph .graph-edge.path-related { --graph-edge-stroke: #477f6a; }
+.wb-schema-graph .graph-edge.focused { --graph-edge-stroke: #2573a4; }
+.wb-schema-graph .graph-edge.problem { --graph-edge-stroke: #ad641c; }
+.wb-schema-graph .graph-edge.path-unrelated,
+.wb-schema-graph .graph-label.path-unrelated {
+  opacity: .28;
+}
+.wb-schema-graph .graph-edge.focused,
+.wb-schema-graph .graph-edge:focus-visible,
+.wb-schema-graph .graph-edge:hover,
+.wb-schema-graph .graph-label.focused,
+.wb-schema-graph .graph-label:focus-visible,
+.wb-schema-graph .graph-label:hover,
+.wb-schema-graph .graph-edge.problem,
+.wb-schema-graph .graph-label.problem {
+  opacity: 1;
+}
+.wb-schema-graph .graph-edge.problem .edge-line {
+  stroke-width: 2.5;
+  stroke: #ad641c;
+}
+.wb-schema-graph .graph-edge.focused .edge-line,
+.wb-schema-graph .graph-edge:focus-visible .edge-line {
+  stroke: var(--graph-edge-stroke);
+  stroke-width: 3.6;
+}
+.wb-schema-graph .graph-label.problem rect {
+  stroke: #ad641c;
+}

sqlseed_web/static/index.html

@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>sqlseed · 工作台</title>
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" style="display:none"><symbol id="i-table" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18M9 9v11M3 14h18"/></symbol><symbol id="i-db" viewBox="0 0 24 24"><ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v7c0 4 16 4 16 0V5M4 12v7c0 4 16 4 16 0"/></symbol><symbol id="i-link" viewBox="0 0 24 24"><path d="m10 13 4-4m-6 7-1 1a4 4 0 0 1-6-6l4-4a4 4 0 0 1 6 0m2 0 1-1a4 4 0 0 1 6 6l-4 4a4 4 0 0 1-6 0" transform="translate(1 0)"/></symbol><symbol id="i-schema" viewBox="0 0 24 24"><rect x="8" y="2" width="8" height="5" rx="1"/><rect x="2" y="17" width="7" height="5" rx="1"/><rect x="15" y="17" width="7" height="5" rx="1"/><path d="M12 7v5M5.5 17v-5h13v5"/></symbol><symbol id="i-derive" viewBox="0 0 24 24"><text x="2" y="18" fill="currentColor" stroke="none" font-family="Georgia,serif" font-style="italic" font-size="20">ƒx</text></symbol><symbol id="i-refresh" viewBox="0 0 24 24"><path d="M3 11a9 9 0 0 1 15.4-6.4L21 7M21 3v4h-4M21 13a9 9 0 0 1-15.4 6.4L3 17M3 21v-4h4"/></symbol><symbol id="i-reset" viewBox="0 0 24 24"><path d="M3 4v6h6M3 10a9 9 0 1 1 .6 7M12 7v5l3 2"/></symbol><symbol id="i-search" viewBox="0 0 24 24"><circle cx="10" cy="10" r="6"/><path d="m15 15 5 5"/></symbol><symbol id="i-sliders" viewBox="0 0 24 24"><path d="M4 6h6m4 0h6M4 12h10m4 0h2M4 18h2m4 0h10M10 3v6m4 0v6M6 15v6"/></symbol><symbol id="i-code" viewBox="0 0 24 24"><path d="m8 6-6 6 6 6m8-12 6 6-6 6m-3-14-2 16"/></symbol><symbol id="i-arrow" viewBox="0 0 24 24"><path d="M3 12h17m-5-5 5 5-5 5"/></symbol><symbol id="i-edit" viewBox="0 0 24 24"><path d="m15 4 5 5M4 20l5-1L21 7l-5-5L4 14Z"/></symbol><symbol id="i-checklist" viewBox="0 0 24 24"><path d="m3 6 2 2 4-4M12 6h9M3 13h3m6 0h9M3 20h3m6 0h9"/></symbol><symbol id="i-check" viewBox="0 0 24 24"><path d="m5 12 4 4 10-10"/></symbol></svg>
+  <header class="top">
+    <div class="brand"><svg class="brand-mark" viewBox="0 0 32 32" aria-hidden="true"><rect x="3" y="12" width="26" height="17" rx="4" fill="none" stroke="currentColor" stroke-width="2"/><path d="M4 20h24M11 13v15" fill="none" stroke="currentColor" stroke-width="1.6" opacity=".55"/><path d="M18 13V9" fill="none" stroke="currentColor" stroke-width="2"/><path d="M18 10C11 10 11 3 11 3c7 0 8 4 7 7Z" fill="currentColor" opacity=".55"/><path d="M18 8c0-6 8-7 8-7 0 6-3 9-8 7Z" fill="currentColor"/></svg>sqlseed</div>
+    <nav class="nav" id="nav" aria-label="主导航">
+      <button type="button" data-page="workbench">工作台</button>
+      <button type="button" data-page="runs">运行记录</button>
+      <button type="button" data-page="configs">配置管理</button>
+      <button type="button" data-page="settings">设置</button>
+    </nav>
+    <div class="top-end">
+      <button class="btn small" id="connection-button" type="button" aria-haspopup="dialog">
+        <svg class="icon" aria-hidden="true"><use href="#i-db"/></svg>
+        <span id="connection-label">连接数据库</span>
+      </button>
+    </div>
+  </header>
+  <main id="app"></main>
+  <script type="module" src="/static/js/app.js"></script>
+</body>
+</html>