@pipelab/ui 2.0.0-beta.11 → 2.0.0-beta.14

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

@@ -18,26 +18,32 @@
         border: none;
         margin: 0;
         padding: 0;
+        width: 100%;
         height: 100%;
+        overflow: hidden;
       }
       html {
         font-family: "Geist", serif;
       }
     </style>
-    <script type="module" crossorigin src="/assets/index-BjKbjVZT.js"></script>
+    <script type="module" crossorigin src="/assets/index-DP0T554c.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-FykJawTA.js">
-    <link rel="modulepreload" crossorigin href="/assets/usetoast-Bco-1Xt_.js">
-    <link rel="modulepreload" crossorigin href="/assets/useconfirm-Dj_QYUTj.js">
-    <link rel="modulepreload" crossorigin href="/assets/radiobutton-9HgRYe4i.js">
-    <link rel="modulepreload" crossorigin href="/assets/column-YbiJ4APz.js">
-    <link rel="modulepreload" crossorigin href="/assets/purify-CDsm8VXD.js">
-    <link rel="stylesheet" crossorigin href="/assets/usetoast-7I0RTgek.css">
-    <link rel="stylesheet" crossorigin href="/assets/index-oMZWO9L0.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.11",
+  "version": "2.0.0-beta.14",
   "description": "The ui assets for Pipelab",
   "license": "FSL-1.1-MIT",
   "repository": {

package/assets/Layout-DLvFZKdK.css

@@ -1 +0,0 @@
-.settings-group[data-v-e3813157]{flex-direction:column;gap:1rem;display:flex}.setting-item[data-v-e3813157]{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.setting-item[data-v-e3813157]:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.setting-item .setting-content[data-v-e3813157]{flex-direction:column;flex:1;gap:.35rem;padding-right:2rem;display:flex}.setting-item .setting-title[data-v-e3813157]{color:var(--text-color);cursor:default;margin:0;font-size:1.05rem;font-weight:600}.setting-item .setting-description[data-v-e3813157]{color:var(--text-color-secondary);opacity:.85;font-size:.85rem;line-height:1.5}.setting-item .setting-action[data-v-e3813157]{flex-shrink:0;align-items:center;display:flex}.actions[data-v-e3813157]{margin-top:1rem}.actions .btn[data-v-e3813157]{margin-right:.5rem}.subscription-details[data-v-e3813157]{flex-direction:column;gap:.5rem;display:flex}.subscription-details .subscription-price[data-v-e3813157]{font-size:1.1rem;font-weight:600}.subscription-details .subscription-price .currency[data-v-e3813157]{text-transform:uppercase;margin-right:.25rem}.subscription-details .subscription-dates[data-v-e3813157]{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.subscription-details .subscription-dates .subscription-date-item[data-v-e3813157]{justify-content:space-between;display:flex}.subscription-details .subscription-dates .subscription-date-item .date-label[data-v-e3813157]{color:#666;font-weight:500}.subscription-details .subscription-dates .subscription-date-item .date-value[data-v-e3813157]{color:#333;font-weight:600}.manage-subscription-btn[data-v-e3813157]{width:100%;margin-top:1rem}.storage-card[data-v-e3813157]{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.storage-card .card-header[data-v-e3813157]{justify-content:space-between;align-items:center;display:flex}.storage-card .usage-bar-container[data-v-e3813157]{background:#cbd5e1;border:1px solid #0000000d;border-radius:100px;height:12px;padding:0;position:relative;overflow:hidden}.storage-card .usage-bar[data-v-e3813157]{gap:0;width:100%;height:100%;display:flex}.storage-card .usage-segment[data-v-e3813157]{border-right:2px solid #cbd5e1;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.storage-card .pipelab-segment[data-v-e3813157]{background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);min-width:8px}.storage-card .other-segment[data-v-e3813157]{background:#3b82f6;box-shadow:0 2px 4px #3b82f626}.storage-card .free-segment[data-v-e3813157]{background:var(--surface-300);opacity:.8}.storage-card .detail-item[data-v-e3813157]{background:var(--surface-card);border:1px solid var(--surface-border);cursor:default;border-radius:12px;padding:1rem;transition:all .2s}.storage-card .detail-item[data-v-e3813157]:hover{border-color:var(--primary-color);background:var(--surface-section);transform:translateY(-2px)}.storage-card .detail-label[data-v-e3813157]{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.75rem;font-weight:700}.storage-card .detail-value[data-v-e3813157]{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800}.storage-card .dot[data-v-e3813157]{border-radius:3px;width:10px;height:10px;box-shadow:0 0 8px #0000001a}.storage-card .pipelab-dot[data-v-e3813157]{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.storage-card .other-dot[data-v-e3813157]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.storage-card .free-dot[data-v-e3813157]{background:#cbd5e1}.section-header[data-v-e3813157]{border-bottom:1px solid var(--surface-border);margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3[data-v-e3813157]{color:var(--text-color);letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.25rem;font-weight:700}.section-header .description[data-v-e3813157]{color:var(--text-color-secondary);margin:0;font-size:.9rem}.input-small[data-v-e3813157]{width:150px}[data-v-e3813157] .p-tabs{background:0 0}[data-v-e3813157] .p-tablist-tab-list{gap:1.5rem;border-bottom:1px solid var(--surface-border)!important;background:0 0!important;border-top:none!important}[data-v-e3813157] .p-tablist-content{background:0 0!important}[data-v-e3813157] .p-tab{justify-content:center;min-width:80px;display:flex;color:var(--text-color-secondary)!important;background:0 0!important;border-top:none!important;border-bottom:2px solid #0000!important;padding:1rem .5rem!important;font-weight:600!important;transition:all .2s!important}[data-v-e3813157] .p-tab:not(.p-disabled):hover{color:var(--text-color)!important;background:0 0!important}[data-v-e3813157] .p-tab.p-tab-active{color:var(--primary-color)!important;border-bottom-color:var(--primary-color)!important;background:0 0!important}[data-v-e3813157] .p-tabpanels{background:0 0!important;padding:2rem 0!important}.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}