@pipelab/ui 2.0.0-beta.13 → 2.0.0-beta.15

package/assets/usetoast-bLNjwPI1.css

@@ -0,0 +1 @@
+.upgrade-dialog[data-v-e5e3b0fd]{background:#fff;border-radius:12px}.loading-state[data-v-e5e3b0fd],.error-state[data-v-e5e3b0fd]{text-align:center;color:#666;padding:40px 20px}.error-message[data-v-e5e3b0fd]{color:#ef4444;margin-bottom:16px}.retry-button[data-v-e5e3b0fd]{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background-color .2s}.retry-button[data-v-e5e3b0fd]:hover{background-color:#5856eb}.dialog-header[data-v-e5e3b0fd]{text-align:center;margin-bottom:24px}.dialog-header h2[data-v-e5e3b0fd]{color:#333;margin-bottom:8px;font-size:24px;font-weight:600}.dialog-header p[data-v-e5e3b0fd]{color:#666;font-size:14px}.plans-container[data-v-e5e3b0fd]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.plan-card[data-v-e5e3b0fd]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;position:relative}.plan-card.placeholder[data-v-e5e3b0fd]{opacity:.7}.plan-card .plan-header[data-v-e5e3b0fd]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.plan-card .plan-header h3[data-v-e5e3b0fd]{color:#333;font-size:16px;font-weight:600}.plan-card .plan-header .price[data-v-e5e3b0fd]{color:#6366f1;font-size:14px;font-weight:500}.plan-card .plan-features[data-v-e5e3b0fd]{margin-bottom:16px}.plan-card .plan-features ul[data-v-e5e3b0fd]{margin:0;padding:0;list-style:none}.plan-card .plan-features ul li[data-v-e5e3b0fd]{color:#666;margin-bottom:4px;padding-left:16px;font-size:12px;position:relative}.plan-card .plan-features ul li[data-v-e5e3b0fd]:before{content:"•";color:#6366f1;position:absolute;left:0}.plan-card .plan-button[data-v-e5e3b0fd]{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:6px;width:100%;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.plan-card .plan-button[data-v-e5e3b0fd]:hover{background-color:#5856eb}.plan-card .plan-button[data-v-e5e3b0fd]:disabled{cursor:not-allowed;background-color:#cbd5e1}.dialog-footer[data-v-e5e3b0fd]{text-align:right}.dialog-footer .close-button[data-v-e5e3b0fd]{cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.dialog-footer .close-button[data-v-e5e3b0fd]:hover{background-color:#f3f4f6}

package/index.html

@@ -26,20 +26,24 @@
         font-family: "Geist", serif;
       }
     </style>
-    <script type="module" crossorigin src="/assets/index-DUnNK5WW.js"></script>
+    <script type="module" crossorigin src="/assets/index-CPy4C7-x.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/reactivity.esm-bundler-yhMxlGFU.js">
-    <link rel="modulepreload" crossorigin href="/assets/_plugin-vue_export-helper-DnUyRaRw.js">
+    <link rel="modulepreload" crossorigin href="/assets/_plugin-vue_export-helper-DUvwmBqA.js">
     <link rel="modulepreload" crossorigin href="/assets/chunk-DECur_0Z.js">
     <link rel="modulepreload" crossorigin href="/assets/preload-helper-Dd-HcVz_.js">
     <link rel="modulepreload" crossorigin href="/assets/chunk-JTKJZQYV-BARLZAHU.js">
-    <link rel="modulepreload" crossorigin href="/assets/src-VdpIHE4l.js">
-    <link rel="modulepreload" crossorigin href="/assets/usetoast-B8qjYDh_.js">
-    <link rel="modulepreload" crossorigin href="/assets/useconfirm-DyXrgL_D.js">
-    <link rel="modulepreload" crossorigin href="/assets/radiobutton-9nNGO2-U.js">
-    <link rel="modulepreload" crossorigin href="/assets/column-B4FcWIPk.js">
-    <link rel="modulepreload" crossorigin href="/assets/purify-D9mRGG16.js">
-    <link rel="stylesheet" crossorigin href="/assets/usetoast-7I0RTgek.css">
-    <link rel="stylesheet" crossorigin href="/assets/index-BTE2TTYB.css">
+    <link rel="modulepreload" crossorigin href="/assets/src-BjlUGrlv.js">
+    <link rel="modulepreload" crossorigin href="/assets/usetoast-C1jmabqX.js">
+    <link rel="modulepreload" crossorigin href="/assets/connections-CwgnMXsx.js">
+    <link rel="modulepreload" crossorigin href="/assets/useconfirm-Ds_TUlek.js">
+    <link rel="modulepreload" crossorigin href="/assets/checkbox-eE332h0t.js">
+    <link rel="modulepreload" crossorigin href="/assets/radiobutton-BzHJ-AQ-.js">
+    <link rel="modulepreload" crossorigin href="/assets/timescircle-cuYPa8ek.js">
+    <link rel="modulepreload" crossorigin href="/assets/toast-BL5hqRSf.js">
+    <link rel="modulepreload" crossorigin href="/assets/chevronright-CEOejICc.js">
+    <link rel="modulepreload" crossorigin href="/assets/purify-Bi8etzni.js">
+    <link rel="stylesheet" crossorigin href="/assets/usetoast-bLNjwPI1.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-CQ_uXHBu.css">
   </head>
   <body>
     <div id="app"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipelab/ui",
-  "version": "2.0.0-beta.13",
+  "version": "2.0.0-beta.15",
   "description": "The ui assets for Pipelab",
   "license": "FSL-1.1-MIT",
   "repository": {

package/assets/Layout-B_ltqHnP.css

@@ -1 +0,0 @@
-.settings-container[data-v-9ac28fb7]{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:12px;width:100%;height:65vh;display:flex;overflow:hidden}.settings-sidebar[data-v-9ac28fb7]{background:var(--surface-section);border-right:1px solid var(--surface-border);flex-direction:column;gap:.85rem;width:250px;min-width:250px;padding:1rem .6rem;display:flex;overflow-y:auto}.settings-sidebar[data-v-9ac28fb7]::-webkit-scrollbar{width:6px}.settings-sidebar[data-v-9ac28fb7]::-webkit-scrollbar-track{background:0 0}.settings-sidebar[data-v-9ac28fb7]::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}.sidebar-group[data-v-9ac28fb7]{flex-direction:column;gap:.25rem;display:flex}.sidebar-group-header[data-v-9ac28fb7]{text-transform:uppercase;letter-spacing:.06em;color:var(--text-color-secondary);opacity:.6;padding:0 .5rem .35rem;font-size:.72rem;font-weight:700}.sidebar-item[data-v-9ac28fb7]{color:var(--text-color-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:8px;align-items:center;padding:.4rem .6rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item i[data-v-9ac28fb7]{opacity:.85;font-size:1rem;transition:transform .2s}.sidebar-item[data-v-9ac28fb7]:hover:not(.active){background:var(--surface-hover);color:var(--text-color)}.sidebar-item.active[data-v-9ac28fb7]{background:var(--primary-color);color:var(--primary-color-text);font-weight:600}.plugin-sidebar-item[data-v-9ac28fb7]{padding:.3rem .6rem;font-size:.8rem}.plugin-sidebar-item .truncate[data-v-9ac28fb7]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-plugin-icon[data-v-9ac28fb7]{object-fit:contain;flex-shrink:0;width:16px;min-width:16px;height:16px;min-height:16px;margin-right:.5rem}.settings-content[data-v-9ac28fb7]{background:var(--surface-card);flex:1;padding:1rem 1.5rem;overflow-y:auto}.settings-content[data-v-9ac28fb7]::-webkit-scrollbar{width:8px}.settings-content[data-v-9ac28fb7]::-webkit-scrollbar-track{background:0 0}.settings-content[data-v-9ac28fb7]::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}.settings-panel[data-v-9ac28fb7]{flex-direction:column;gap:1rem;display:flex}.settings-group[data-v-9ac28fb7],.plugins-list-group[data-v-9ac28fb7]{border:1px solid var(--surface-border);background:var(--surface-card);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.setting-item[data-v-9ac28fb7],.plugin-row[data-v-9ac28fb7]{border:none;border-bottom:1px solid var(--surface-border);background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:.65rem .85rem;transition:all .2s;display:flex}.setting-item[data-v-9ac28fb7]:last-child,.plugin-row[data-v-9ac28fb7]:last-child{border-bottom:none}.setting-item[data-v-9ac28fb7]:hover,.plugin-row[data-v-9ac28fb7]:hover{background:var(--surface-hover)}.setting-item .setting-content[data-v-9ac28fb7]{flex-direction:column;flex:1;gap:.2rem;padding-right:2rem;display:flex}.setting-item .setting-title[data-v-9ac28fb7]{color:var(--text-color);cursor:default;margin:0;font-size:.92rem;font-weight:600}.setting-item .setting-description[data-v-9ac28fb7]{color:var(--text-color-secondary);opacity:.85;font-size:.8rem;line-height:1.4}.setting-item .setting-action[data-v-9ac28fb7]{flex-shrink:0;align-items:center;display:flex}.plugin-row .plugin-icon-wrapper[data-v-9ac28fb7]{background:var(--surface-section);border:1px solid var(--surface-border);color:var(--text-color-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;display:flex}.plugin-row .plugin-row-icon[data-v-9ac28fb7]{object-fit:contain;width:20px;height:20px}.plugin-row .plugin-title[data-v-9ac28fb7]{color:var(--text-color);font-size:.88rem}.plugin-row .plugin-description[data-v-9ac28fb7]{color:var(--text-color-secondary);opacity:.8;font-size:.78rem}.plugin-row .installed-badge[data-v-9ac28fb7]{color:#22c55e;text-transform:uppercase;letter-spacing:.05em;background:#22c55e1a;border-radius:4px;padding:.1rem .3rem;font-size:.6rem;font-weight:700}.billing-container[data-v-9ac28fb7]{flex-direction:column;gap:1rem;display:flex}.storage-card[data-v-9ac28fb7]{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000005}.storage-card .card-header[data-v-9ac28fb7]{justify-content:space-between;align-items:center;display:flex}.storage-card .usage-bar-container[data-v-9ac28fb7]{background:#cbd5e1;border:1px solid #0000000d;border-radius:100px;height:12px;padding:0;position:relative;overflow:hidden}.storage-card .usage-bar[data-v-9ac28fb7]{gap:0;width:100%;height:100%;display:flex}.storage-card .usage-segment[data-v-9ac28fb7]{border-right:2px solid #cbd5e1;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.storage-card .pipelab-segment[data-v-9ac28fb7]{background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);min-width:8px}.storage-card .other-segment[data-v-9ac28fb7]{background:#3b82f6}.storage-card .detail-item[data-v-9ac28fb7]{background:var(--surface-card);border:1px solid var(--surface-border);cursor:default;border-radius:12px;padding:.6rem .8rem;transition:all .2s}.storage-card .detail-item[data-v-9ac28fb7]:hover{border-color:var(--primary-color);background:var(--surface-section);transform:translateY(-2px)}.storage-card .detail-label[data-v-9ac28fb7]{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.75rem;font-weight:700}.storage-card .detail-value[data-v-9ac28fb7]{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800}.storage-card .dot[data-v-9ac28fb7]{border-radius:3px;width:10px;height:10px}.storage-card .pipelab-dot[data-v-9ac28fb7]{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.storage-card .other-dot[data-v-9ac28fb7]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.storage-card .free-dot[data-v-9ac28fb7]{background:#cbd5e1}.section-header[data-v-9ac28fb7]{border-bottom:1px solid var(--surface-border);margin-bottom:1rem;padding-bottom:.6rem}.section-header h3[data-v-9ac28fb7]{color:var(--text-color);letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.section-header .description[data-v-9ac28fb7]{color:var(--text-color-secondary);margin:0;font-size:.9rem}.upgrade-now-button[data-v-d7282bb3]{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:6px;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.upgrade-now-button[data-v-d7282bb3]:hover{background-color:#5856eb}.upgrade-now-button[data-v-d7282bb3]:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.upgrade-now-button .upgrade-icon[data-v-d7282bb3]{margin-right:4px;font-size:16px}.layout[data-v-3a62219a]{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.layout .header[data-v-3a62219a]{background:var(--surface-card);border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:4px;display:flex}.layout .header .title[data-v-3a62219a]{margin-left:12px;font-size:1.5rem;line-height:2rem}.layout .header .navigation[data-v-3a62219a]{align-items:center;display:flex}.layout .header .navigation .nav-button[data-v-3a62219a]{color:var(--text-color);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:1rem;text-decoration:none;transition:all .2s;display:flex}.layout .header .navigation .nav-button .icon[data-v-3a62219a]{opacity:.8}.layout .header .navigation .nav-button .nav-text[data-v-3a62219a]{font-weight:500}.layout .header .navigation .nav-button[data-v-3a62219a]:hover{background-color:var(--surface-hover);color:var(--primary-color)}.layout .header .navigation .nav-button:hover .icon[data-v-3a62219a]{opacity:1}.layout .header .navigation .nav-button.active[data-v-3a62219a]{background-color:var(--primary-color);color:var(--primary-color-text)}.layout .header .navigation .nav-button.active .icon[data-v-3a62219a]{opacity:1}.layout .header .navigation .nav-button.scenario-filtered .nav-text[data-v-3a62219a]{font-weight:600}.layout .header .navigation .nav-button.scenario-filtered .scenario-indicator[data-v-3a62219a]{opacity:.8;margin-left:4px}@media (width<=768px){.layout .header .navigation .nav-button[data-v-3a62219a]{padding:6px 12px}.layout .header .navigation .nav-button .nav-text[data-v-3a62219a]{display:none}.layout .header .navigation .nav-button .icon[data-v-3a62219a]{margin-right:0}}.layout .header .button[data-v-3a62219a]{align-items:center;gap:8px;display:flex}@media (width<=768px){.layout .header .navigation[data-v-3a62219a]{order:2}.layout .header .button[data-v-3a62219a]{order:3}.layout .header .title[data-v-3a62219a]{text-align:center;flex:1;order:1;margin-left:0;margin-right:0}}.layout .footer[data-v-3a62219a]{background-color:#eee;border-top:1px solid #ddd;flex-direction:row;justify-content:space-between;align-items:center;height:24px;padding:0 8px;font-size:12px;display:flex}.layout .footer .connection-status[data-v-3a62219a]{align-items:center;gap:4px;font-weight:500;display:flex}.layout .footer .connection-status.connected[data-v-3a62219a]{color:#4caf50}.layout .footer .connection-status.connecting[data-v-3a62219a]{color:#ff9800}.layout .footer .connection-status.disconnected[data-v-3a62219a],.layout .footer .connection-status.error[data-v-3a62219a]{color:#f44336}.layout .footer .footer-social-button[data-v-3a62219a]{color:#666;border-radius:4px;justify-content:center;align-items:center;width:24px;height:20px;padding:0;transition:all .2s;display:flex}.layout .footer .footer-social-button[data-v-3a62219a]:hover{background-color:#0000000d;color:var(--primary-color)!important}.layout .footer .footer-social-button i[data-v-3a62219a]{font-size:16px}.layout .footer .footer-center[data-v-3a62219a]{position:absolute;left:50%;transform:translate(-50%)}.layout .content[data-v-3a62219a]{flex:1;overflow:auto}