dsh-convert-core 0.1.0-alpha.1

package/web/styles.css

@@ -0,0 +1,263 @@
+:root {
+  color-scheme: dark light;
+  --bg: #0b0d12;
+  --bg-elevated: #12151d;
+  --bg-input: #0e1119;
+  --border: #232838;
+  --border-strong: #313849;
+  --text: #e7eaf3;
+  --text-muted: #8d95ab;
+  --accent: #6ea8fe;
+  --accent-strong: #4d8dfd;
+  --ok: #3ecf8e;
+  --warn: #f0b429;
+  --error: #f4635f;
+  --radius: 10px;
+  --radius-sm: 7px;
+  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
+    "Microsoft YaHei", sans-serif;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --bg: #f6f7f9;
+    --bg-elevated: #ffffff;
+    --bg-input: #ffffff;
+    --border: #e2e5ec;
+    --border-strong: #cfd4e0;
+    --text: #1a1d26;
+    --text-muted: #666e82;
+    --accent: #2f6fdd;
+    --accent-strong: #1f5ec9;
+  }
+}
+
+* { box-sizing: border-box; }
+
+html, body { margin: 0; padding: 0; }
+
+body {
+  background: var(--bg);
+  color: var(--text);
+  font-family: var(--sans);
+  font-size: 14px;
+  line-height: 1.55;
+  -webkit-font-smoothing: antialiased;
+}
+
+code, pre { font-family: var(--mono); font-size: 12.5px; }
+
+a { color: var(--accent); text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+h1, h2, h3 { margin: 0; font-weight: 600; letter-spacing: -0.01em; }
+h1 { font-size: 15px; }
+h2 { font-size: 14px; display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
+h3 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted); margin: 18px 0 8px; }
+
+svg { width: 15px; height: 15px; flex: none; }
+
+.ico { display: inline-flex; align-items: center; justify-content: center; }
+.ico svg { width: 15px; height: 15px; flex: none; }
+
+/* ---------- shell ---------- */
+.topbar {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 10px 20px;
+  background: color-mix(in srgb, var(--bg) 88%, transparent);
+  backdrop-filter: blur(12px);
+  border-bottom: 1px solid var(--border);
+}
+
+.brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
+.brand-mark {
+  display: grid;
+  place-items: center;
+  width: 30px; height: 30px;
+  border-radius: 8px;
+  background: linear-gradient(140deg, var(--accent), #9b7bfa);
+  color: #fff;
+}
+.brand p { margin: 0; font-size: 11.5px; color: var(--text-muted); }
+
+.tabs { display: flex; gap: 4px; margin-left: auto; }
+.tab {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 6px 11px;
+  border: 1px solid transparent;
+  border-radius: var(--radius-sm);
+  background: none; color: var(--text-muted);
+  font: inherit; font-size: 13px; cursor: pointer;
+}
+.tab:hover { background: var(--bg-elevated); color: var(--text); }
+.tab.active { background: var(--bg-elevated); border-color: var(--border-strong); color: var(--text); }
+
+.topbar-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
+.tabs + .topbar-actions { margin-left: 0; }
+
+.pill {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 4px 9px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  color: var(--text-muted); font-size: 12px;
+}
+
+main { padding: 18px 20px 40px; max-width: 1400px; margin: 0 auto; }
+
+.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
+@media (max-width: 1080px) { .split { grid-template-columns: minmax(0, 1fr); } }
+
+/* ---------- cards ---------- */
+.card {
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 16px;
+  margin-bottom: 16px;
+}
+
+.field { display: block; margin-bottom: 12px; }
+.field > span { display: block; font-size: 12px; color: var(--text-muted); margin-bottom: 5px; }
+.field small { display: block; margin-top: 5px; font-size: 11.5px; color: var(--text-muted); }
+
+input[type="text"], input[type="url"], input[type="file"], select, textarea {
+  width: 100%;
+  padding: 8px 10px;
+  background: var(--bg-input);
+  border: 1px solid var(--border-strong);
+  border-radius: var(--radius-sm);
+  color: var(--text);
+  font: inherit;
+}
+textarea { resize: vertical; font-family: var(--mono); font-size: 12.5px; }
+input:focus, select:focus, textarea:focus { outline: 2px solid color-mix(in srgb, var(--accent) 45%, transparent); outline-offset: 0; border-color: var(--accent); }
+
+.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
+@media (max-width: 640px) { .grid-2 { grid-template-columns: 1fr; } }
+
+.segmented { display: flex; gap: 4px; padding: 3px; background: var(--bg-input); border: 1px solid var(--border); border-radius: var(--radius-sm); margin-bottom: 14px; }
+.segment {
+  flex: 1;
+  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
+  padding: 6px 8px;
+  border: 0; border-radius: 5px;
+  background: none; color: var(--text-muted);
+  font: inherit; font-size: 12.5px; cursor: pointer;
+}
+.segment:hover { color: var(--text); }
+.segment.active { background: var(--accent); color: #fff; }
+
+button.primary, .ghost {
+  display: inline-flex; align-items: center; gap: 6px;
+  padding: 8px 13px;
+  border-radius: var(--radius-sm);
+  font: inherit; font-size: 13px;
+  cursor: pointer;
+  transition: background 120ms ease, border-color 120ms ease;
+}
+button.primary { width: 100%; justify-content: center; margin-top: 4px; border: 1px solid var(--accent-strong); background: var(--accent); color: #fff; font-weight: 500; }
+button.primary:hover:not(:disabled) { background: var(--accent-strong); }
+button.primary:disabled { opacity: 0.55; cursor: progress; }
+
+.ghost { border: 1px solid var(--border-strong); background: var(--bg-input); color: var(--text); }
+.ghost:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
+.ghost:disabled { opacity: 0.5; cursor: not-allowed; }
+
+/* ---------- banners ---------- */
+.banner {
+  display: flex; align-items: flex-start; gap: 8px;
+  padding: 9px 12px; margin: 0 0 14px;
+  border-radius: var(--radius-sm);
+  font-size: 13px;
+  border: 1px solid;
+}
+.banner.error { border-color: color-mix(in srgb, var(--error) 45%, var(--border)); background: color-mix(in srgb, var(--error) 12%, transparent); }
+.banner.ok { border-color: color-mix(in srgb, var(--ok) 45%, var(--border)); background: color-mix(in srgb, var(--ok) 12%, transparent); }
+
+.muted { color: var(--text-muted); }
+.small { font-size: 11.5px; }
+.hint { color: var(--warn); font-size: 11.5px; }
+.error-text { color: var(--error); }
+
+/* ---------- capability lists ---------- */
+.cap-list, .bin-list { list-style: none; margin: 0; padding: 0; }
+.cap-list li { display: flex; gap: 9px; padding: 9px 0; border-bottom: 1px dashed var(--border); }
+.cap-list li:last-child { border-bottom: 0; }
+.cap-list p { margin: 2px 0 0; font-size: 12px; color: var(--text-muted); }
+.bin-list li { display: flex; align-items: center; gap: 9px; padding: 5px 0; font-size: 12.5px; }
+.bin-list code { color: var(--text); }
+.bin-list .hint { margin-left: auto; }
+
+.dot { width: 8px; height: 8px; border-radius: 50%; flex: none; margin-top: 5px; }
+.dot.on { background: var(--ok); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent); }
+.dot.off { background: var(--text-muted); opacity: 0.5; }
+
+/* ---------- tasks ---------- */
+table.tasks { width: 100%; border-collapse: collapse; }
+table.tasks th {
+  text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: 0.07em;
+  color: var(--text-muted); padding: 6px 8px; border-bottom: 1px solid var(--border);
+}
+table.tasks td { padding: 10px 8px; border-bottom: 1px solid var(--border); vertical-align: top; }
+table.tasks tr.selected { background: color-mix(in srgb, var(--accent) 8%, transparent); }
+
+.state { display: inline-block; padding: 2px 7px; border-radius: 999px; font-size: 11px; border: 1px solid var(--border-strong); }
+.state.succeeded { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 45%, var(--border)); }
+.state.running { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); }
+.state.failed { color: var(--error); border-color: color-mix(in srgb, var(--error) 45%, var(--border)); }
+.state.cancelled { color: var(--text-muted); }
+.state.queued { color: var(--warn); border-color: color-mix(in srgb, var(--warn) 45%, var(--border)); }
+
+.progress { height: 4px; border-radius: 999px; background: var(--bg-input); overflow: hidden; margin-bottom: 4px; }
+.progress .bar { height: 100%; background: var(--accent); transition: width 240ms ease; }
+.progress .bar.indeterminate { background: linear-gradient(90deg, transparent, var(--accent), transparent); animation: sweep 1.4s linear infinite; }
+@keyframes sweep { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
+
+.row-actions { display: flex; gap: 5px; white-space: nowrap; }
+.row-actions .ghost { padding: 5px 8px; }
+
+/* ---------- delivery ---------- */
+.delivery .kv { margin: 0 0 12px; display: grid; gap: 6px; }
+.delivery .kv > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 10px; align-items: baseline; }
+.delivery dt { font-size: 12px; color: var(--text-muted); }
+.delivery dd { margin: 0; font-size: 12.5px; overflow-wrap: anywhere; }
+.delivery code { background: var(--bg-input); padding: 1px 5px; border-radius: 4px; }
+
+.preview {
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  padding: 14px 16px;
+  background: var(--bg-input);
+  max-height: 460px;
+  overflow: auto;
+}
+.preview h1 { font-size: 18px; margin: 0 0 10px; }
+.preview h2 { font-size: 15px; margin: 18px 0 8px; }
+.preview h3 { font-size: 13px; text-transform: none; letter-spacing: 0; color: var(--text); margin: 14px 0 6px; }
+.preview p { margin: 0 0 10px; }
+.preview img { max-width: 100%; border-radius: 6px; border: 1px solid var(--border); }
+.preview pre { background: #05070c; border: 1px solid var(--border); border-radius: 6px; padding: 10px; overflow: auto; }
+.preview code { background: var(--bg-elevated); padding: 1px 5px; border-radius: 4px; }
+.preview pre code { background: none; padding: 0; }
+.preview blockquote { margin: 0 0 10px; padding-left: 12px; border-left: 2px solid var(--border-strong); color: var(--text-muted); }
+.preview table { border-collapse: collapse; width: 100%; margin-bottom: 12px; }
+.preview th, .preview td { border: 1px solid var(--border); padding: 5px 8px; text-align: left; }
+
+.assets { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
+.assets figure { margin: 0; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px; background: var(--bg-input); }
+.assets img { width: 100%; height: 96px; object-fit: contain; display: block; }
+.assets figcaption { font-size: 10.5px; margin-top: 6px; overflow-wrap: anywhere; }
+
+.footer {
+  display: flex; gap: 20px; flex-wrap: wrap;
+  padding: 12px 20px;
+  border-top: 1px solid var(--border);
+  color: var(--text-muted); font-size: 11.5px;
+}

package/web/vendor/icons.js

@@ -0,0 +1,25 @@
+// Generated by scripts/vendor.mjs from the lucide-static icon set.
+window.__CONVERT_ICONS__ = {
+  "layers": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-layers\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\" />  <path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\" />  <path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\" /></svg>",
+  "file-up": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-file-up\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\" />  <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />  <path d=\"M12 12v6\" />  <path d=\"m15 15-3-3-3 3\" /></svg>",
+  "link": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-link\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" />  <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" /></svg>",
+  "video": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-video\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\" />  <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" /></svg>",
+  "file-text": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-file-text\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\" />  <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />  <path d=\"M10 9H8\" />  <path d=\"M16 13H8\" />  <path d=\"M16 17H8\" /></svg>",
+  "clipboard-type": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-clipboard-type\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\" />  <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\" />  <path d=\"M9 12v-1h6v1\" />  <path d=\"M11 17h2\" />  <path d=\"M12 11v6\" /></svg>",
+  "refresh-cw": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-refresh-cw\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" />  <path d=\"M21 3v5h-5\" />  <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" />  <path d=\"M8 16H3v5\" /></svg>",
+  "hard-drive": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-hard-drive\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <line x1=\"22\" x2=\"2\" y1=\"12\" y2=\"12\" />  <path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\" />  <line x1=\"6\" x2=\"6.01\" y1=\"16\" y2=\"16\" />  <line x1=\"10\" x2=\"10.01\" y1=\"16\" y2=\"16\" /></svg>",
+  "alert-triangle": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-triangle-alert\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />  <path d=\"M12 9v4\" />  <path d=\"M12 17h.01\" /></svg>",
+  "check-circle": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-circle-check\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <circle cx=\"12\" cy=\"12\" r=\"10\" />  <path d=\"m9 12 2 2 4-4\" /></svg>",
+  "activity": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-activity\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\" /></svg>",
+  "inbox": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-inbox\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\" />  <path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\" /></svg>",
+  "package": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-package\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z\" />  <path d=\"M12 22V12\" />  <path d=\"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7\" />  <path d=\"m7.5 4.27 9 5.15\" /></svg>",
+  "scan-eye": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-scan-eye\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M3 7V5a2 2 0 0 1 2-2h2\" />  <path d=\"M17 3h2a2 2 0 0 1 2 2v2\" />  <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\" />  <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\" />  <circle cx=\"12\" cy=\"12\" r=\"1\" />  <path d=\"M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0\" /></svg>",
+  "x": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-x\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M18 6 6 18\" />  <path d=\"m6 6 12 12\" /></svg>",
+  "rotate-ccw": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-rotate-ccw\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />  <path d=\"M3 3v5h5\" /></svg>",
+  "loader": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-loader\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M12 2v4\" />  <path d=\"m16.2 7.8 2.9-2.9\" />  <path d=\"M18 12h4\" />  <path d=\"m16.2 16.2 2.9 2.9\" />  <path d=\"M12 18v4\" />  <path d=\"m4.9 19.1 2.9-2.9\" />  <path d=\"M2 12h4\" />  <path d=\"m4.9 4.9 2.9 2.9\" /></svg>",
+  "play": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-play\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <polygon points=\"6 3 20 12 6 21 6 3\" /></svg>",
+  "copy": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-copy\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />  <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" /></svg>",
+  "download": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-download\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />  <polyline points=\"7 10 12 15 17 10\" />  <line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\" /></svg>",
+  "circle-alert": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-circle-alert\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <circle cx=\"12\" cy=\"12\" r=\"10\" />  <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />  <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" /></svg>",
+  "circle-check": "<!-- @license lucide-static v0.468.0 - ISC --><svg  class=\"lucide lucide-circle-check\"  xmlns=\"http://www.w3.org/2000/svg\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"currentColor\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\">  <circle cx=\"12\" cy=\"12\" r=\"10\" />  <path d=\"m9 12 2 2 4-4\" /></svg>"
+};