@ai-accounts/vue-styled 0.2.2 → 0.3.0-alpha.2

package/dist/components/AccountEditForm.vue.d.ts

@@ -0,0 +1,20 @@
+import type { BackendMetadata } from '@ai-accounts/ts-core';
+type Account = {
+    id: string;
+    kind: string;
+    display_name: string;
+    config: Record<string, unknown>;
+};
+type __VLS_Props = {
+    account: Account;
+    metadata: BackendMetadata;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    saved: (account: Account) => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSaved?: (account: Account) => any;
+    onCancel?: () => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=AccountEditForm.vue.d.ts.map

package/dist/components/AccountEditForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountEditForm.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccountEditForm.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;;;;;;;;AAwIF,wBAOG"}

package/dist/components/AccountWizard.vue.d.ts

@@ -1,29 +1,27 @@
-import { type UseAccountWizardOptions } from '@ai-accounts/vue-headless';
 type __VLS_Props = {
-    client: UseAccountWizardOptions['client'];
-    kinds?: Array<{
-        id: string;
-        display: string;
-    }>;
+    /** If set, skip the backend picker and start directly with this kind. */
+    initialBackendKind?: string;
+    /** Display name override; defaults to registry metadata's display_name. */
+    backendName?: string;
+    /** Allow showing a "skip" button on the subscription step. */
+    allowSkip?: boolean;
 };
-declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_1) => any;
-} & {
-    success?: (props: typeof __VLS_3) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    done: (backendId: string) => any;
-    cancel: () => any;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: (payload: {
+        accountId: string;
+    }) => any;
+    close: () => any;
+    saved: () => any;
+    skip: () => any;
+    addAnother: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDone?: (backendId: string) => any;
-    onCancel?: () => any;
+    onDone?: (payload: {
+        accountId: string;
+    }) => any;
+    onClose?: () => any;
+    onSaved?: () => any;
+    onSkip?: () => any;
+    onAddAnother?: () => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=AccountWizard.vue.d.ts.map

package/dist/components/AccountWizard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountWizard.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccountWizard.vue"],"names":[],"mappings":"AAwMA,OAAO,EAAoB,KAAK,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAE3F,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChD,CAAC;AAwKF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAO1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"AccountWizard.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccountWizard.vue"],"names":[],"mappings":"AA4jEA,KAAK,WAAW,GAAG;IACjB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;;;mBAQ6B,MAAM;;;;;;;;mBAAN,MAAM;;;;;;;AAi4DrC,wBAOG"}

package/dist/components/BackendPicker.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    installStatus?: Record<string, {
+        installed: boolean;
+        version: string | null;
+    }>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    pick: (kind: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: (kind: string) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=BackendPicker.vue.d.ts.map

package/dist/components/BackendPicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackendPicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/BackendPicker.vue"],"names":[],"mappings":"AA6DA,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CAChF,CAAC;;;;;;AAsGF,wBAOG"}

package/dist/components/LoginStream.vue.d.ts

@@ -0,0 +1,10 @@
+import type { UseLoginSession } from '@ai-accounts/vue-headless';
+type __VLS_Props = {
+    session: UseLoginSession;
+    showStdout?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showStdout: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=LoginStream.vue.d.ts.map

package/dist/components/LoginStream.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginStream.vue.d.ts","sourceRoot":"","sources":["../../src/components/LoginStream.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,eAAe,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;;gBADa,OAAO;;AAqIxB,wBAOG"}

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 import './styles/tokens.css';
 export { default as AccountWizard } from './components/AccountWizard.vue';
 export { default as OnboardingFlow } from './components/OnboardingFlow.vue';
+export { default as LoginStream } from './components/LoginStream.vue';
+export { default as BackendPicker } from './components/BackendPicker.vue';
+export { default as AccountEditForm } from './components/AccountEditForm.vue';
 export declare const version = "0.2.0";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAE5E,eAAO,MAAM,OAAO,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAE9E,eAAO,MAAM,OAAO,UAAU,CAAC"}

package/dist/styles.css

@@ -1 +1 @@
-:root{--aia-bg: #0a0a0a;--aia-bg-elevated: #141414;--aia-bg-hover: #1f1f1f;--aia-fg: #fafafa;--aia-fg-muted: #a1a1aa;--aia-fg-subtle: #71717a;--aia-border: #27272a;--aia-border-hover: #3f3f46;--aia-primary: #7c3aed;--aia-primary-hover: #8b5cf6;--aia-primary-fg: #ffffff;--aia-success: #10b981;--aia-warning: #f59e0b;--aia-danger: #ef4444;--aia-radius-sm: 4px;--aia-radius: 8px;--aia-radius-lg: 12px;--aia-space-1: 4px;--aia-space-2: 8px;--aia-space-3: 12px;--aia-space-4: 16px;--aia-space-6: 24px;--aia-space-8: 32px;--aia-font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--aia-font-mono: "JetBrains Mono", "Fira Code", monospace;--aia-text-xs: 12px;--aia-text-sm: 14px;--aia-text-base: 16px;--aia-text-lg: 18px;--aia-text-xl: 24px;--aia-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--aia-shadow: 0 4px 12px rgba(0, 0, 0, .3);--aia-transition: .15s ease-out}.aia-wizard[data-v-50cd8832]{background:var(--aia-bg-elevated);border:1px solid var(--aia-border);border-radius:var(--aia-radius-lg);padding:var(--aia-space-6);font-family:var(--aia-font-sans);color:var(--aia-fg);max-width:520px}.aia-wizard__header h2[data-v-50cd8832]{margin:0 0 var(--aia-space-4);font-size:var(--aia-text-xl)}.aia-wizard__kinds[data-v-50cd8832]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--aia-space-3)}.aia-btn[data-v-50cd8832]{background:var(--aia-bg);color:var(--aia-fg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-3) var(--aia-space-4);font:inherit;cursor:pointer;transition:all var(--aia-transition)}.aia-btn[data-v-50cd8832]:hover{background:var(--aia-bg-hover);border-color:var(--aia-border-hover)}.aia-btn--primary[data-v-50cd8832]{background:var(--aia-primary);color:var(--aia-primary-fg);border-color:var(--aia-primary)}.aia-btn--primary[data-v-50cd8832]:hover{background:var(--aia-primary-hover)}.aia-wizard__form[data-v-50cd8832]{display:flex;flex-direction:column;gap:var(--aia-space-4)}.aia-label[data-v-50cd8832]{display:flex;flex-direction:column;gap:var(--aia-space-2);font-size:var(--aia-text-sm);color:var(--aia-fg-muted)}.aia-input[data-v-50cd8832]{background:var(--aia-bg);color:var(--aia-fg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-3);font:inherit;font-family:var(--aia-font-mono)}.aia-wizard__status[data-v-50cd8832],.aia-wizard__success[data-v-50cd8832],.aia-wizard__error[data-v-50cd8832]{padding:var(--aia-space-4) 0}.aia-wizard__success[data-v-50cd8832]{color:var(--aia-success)}.aia-wizard__error[data-v-50cd8832]{color:var(--aia-danger)}.aia-wizard__hint[data-v-50cd8832]{color:var(--aia-fg-muted);font-size:var(--aia-text-sm);margin-top:var(--aia-space-2)}.aia-onboarding[data-v-8c20d7e7]{background:var(--aia-bg-elevated);border:1px solid var(--aia-border);border-radius:var(--aia-radius-lg);padding:var(--aia-space-6);font-family:var(--aia-font-sans);color:var(--aia-fg);max-width:640px}.aia-onboarding__header h2[data-v-8c20d7e7]{margin:0 0 var(--aia-space-4);font-size:var(--aia-text-xl)}.aia-onboarding__welcome[data-v-8c20d7e7]{display:flex;flex-direction:column;gap:var(--aia-space-4)}.aia-onboarding__kind-grid[data-v-8c20d7e7]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--aia-space-3)}.aia-kind-card[data-v-8c20d7e7]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--aia-space-2);background:var(--aia-bg);color:var(--aia-fg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-4);font:inherit;cursor:pointer;transition:all var(--aia-transition)}.aia-kind-card[data-v-8c20d7e7]:disabled{opacity:.5;cursor:not-allowed}.aia-kind-card--installed[data-v-8c20d7e7]:hover{background:var(--aia-bg-hover);border-color:var(--aia-border-hover)}.aia-kind-card__name[data-v-8c20d7e7]{font-size:var(--aia-text-base);font-weight:600}.aia-kind-card__badge[data-v-8c20d7e7]{font-size:var(--aia-text-xs);color:var(--aia-success);padding:var(--aia-space-1) var(--aia-space-2);background:color-mix(in srgb,var(--aia-success) 15%,transparent);border-radius:var(--aia-radius-sm)}.aia-kind-card__badge--missing[data-v-8c20d7e7]{color:var(--aia-fg-muted);background:color-mix(in srgb,var(--aia-fg-muted) 15%,transparent)}.aia-onboarding__tabs[data-v-8c20d7e7]{display:flex;gap:var(--aia-space-2);margin-bottom:var(--aia-space-4);border-bottom:1px solid var(--aia-border)}.aia-tab[data-v-8c20d7e7]{background:transparent;color:var(--aia-fg-muted);border:none;border-bottom:2px solid transparent;padding:var(--aia-space-2) var(--aia-space-4);font:inherit;cursor:pointer;transition:all var(--aia-transition)}.aia-tab[data-v-8c20d7e7]:hover{color:var(--aia-fg)}.aia-tab--active[data-v-8c20d7e7]{color:var(--aia-fg);border-bottom-color:var(--aia-primary)}.aia-onboarding__form[data-v-8c20d7e7],.aia-onboarding__oauth-start[data-v-8c20d7e7]{display:flex;flex-direction:column;gap:var(--aia-space-4)}.aia-label[data-v-8c20d7e7]{display:flex;flex-direction:column;gap:var(--aia-space-2);font-size:var(--aia-text-sm);color:var(--aia-fg-muted)}.aia-input[data-v-8c20d7e7]{background:var(--aia-bg);color:var(--aia-fg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-3);font:inherit;font-family:var(--aia-font-mono)}.aia-btn[data-v-8c20d7e7]{background:var(--aia-bg);color:var(--aia-fg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-3) var(--aia-space-4);font:inherit;cursor:pointer;transition:all var(--aia-transition)}.aia-btn[data-v-8c20d7e7]:hover{background:var(--aia-bg-hover);border-color:var(--aia-border-hover)}.aia-btn--primary[data-v-8c20d7e7]{background:var(--aia-primary);color:var(--aia-primary-fg);border-color:var(--aia-primary)}.aia-btn--primary[data-v-8c20d7e7]:hover{background:var(--aia-primary-hover)}.aia-onboarding__oauth-challenge[data-v-8c20d7e7]{display:flex;flex-direction:column;gap:var(--aia-space-4)}.aia-onboarding__oauth-uri[data-v-8c20d7e7]{color:var(--aia-primary);font-family:var(--aia-font-mono);word-break:break-all}.aia-code-display[data-v-8c20d7e7]{display:flex;align-items:center;gap:var(--aia-space-3);background:var(--aia-bg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-3)}.aia-code-display code[data-v-8c20d7e7]{flex:1;font-family:var(--aia-font-mono);font-size:var(--aia-text-lg);font-weight:600;letter-spacing:.1em}.aia-copy-btn[data-v-8c20d7e7]{background:transparent;color:var(--aia-fg-muted);border:1px solid var(--aia-border);border-radius:var(--aia-radius-sm);padding:var(--aia-space-1) var(--aia-space-3);font:inherit;font-size:var(--aia-text-sm);cursor:pointer}.aia-onboarding__hint[data-v-8c20d7e7]{color:var(--aia-fg-muted);font-size:var(--aia-text-sm)}.aia-onboarding__status[data-v-8c20d7e7],.aia-onboarding__success[data-v-8c20d7e7],.aia-onboarding__error[data-v-8c20d7e7]{padding:var(--aia-space-4) 0}.aia-onboarding__success[data-v-8c20d7e7]{color:var(--aia-success)}.aia-onboarding__error[data-v-8c20d7e7]{color:var(--aia-danger)}
+:root{--aia-bg: #0a0a0a;--aia-bg-elevated: #141414;--aia-bg-hover: #1f1f1f;--aia-fg: #fafafa;--aia-fg-muted: #a1a1aa;--aia-fg-subtle: #71717a;--aia-border: #27272a;--aia-border-hover: #3f3f46;--aia-primary: #7c3aed;--aia-primary-hover: #8b5cf6;--aia-primary-fg: #ffffff;--aia-success: #10b981;--aia-warning: #f59e0b;--aia-danger: #ef4444;--aia-radius-sm: 4px;--aia-radius: 8px;--aia-radius-lg: 12px;--aia-space-1: 4px;--aia-space-2: 8px;--aia-space-3: 12px;--aia-space-4: 16px;--aia-space-6: 24px;--aia-space-8: 32px;--aia-font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--aia-font-mono: "JetBrains Mono", "Fira Code", monospace;--aia-text-xs: 12px;--aia-text-sm: 14px;--aia-text-base: 16px;--aia-text-lg: 18px;--aia-text-xl: 24px;--aia-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--aia-shadow: 0 4px 12px rgba(0, 0, 0, .3);--aia-transition: .15s ease-out}.aia-login-stream[data-v-133adf55]{display:flex;flex-direction:column;gap:1rem}.aia-url-prompt a[data-v-133adf55]{word-break:break-all}.aia-code code[data-v-133adf55]{font-family:var(--aia-font-mono, monospace);font-size:1.2em}.aia-stdout[data-v-133adf55]{background:var(--aia-stdout-bg, #111);color:var(--aia-stdout-fg, #eee);padding:.75rem;max-height:240px;overflow:auto;font-family:var(--aia-font-mono, monospace);font-size:.85em}.aia-error[data-v-133adf55]{color:var(--aia-error, #c00)}.aia-backend-picker[data-v-2500895f]{display:grid;gap:.75rem;list-style:none;padding:0}.aia-backend-picker button[data-v-2500895f]{display:flex;gap:.75rem;width:100%;padding:.75rem 1rem;background:var(--aia-card-bg, #1a1a1a);color:var(--aia-card-fg, #eee);border:1px solid var(--aia-border, #333);border-radius:8px;cursor:pointer;text-align:left}.aia-backend-picker button[data-v-2500895f]:hover{background:var(--aia-card-hover, #222)}.aia-installed[data-v-2500895f]{color:var(--aia-ok, #4c8)}.aia-not-installed[data-v-2500895f]{color:var(--aia-warn, #c83)}.wizard-container[data-v-446a4d65]{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;animation:wizardIn-446a4d65 .3s ease}@keyframes wizardIn-446a4d65{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wizard-header[data-v-446a4d65]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.wizard-header h3[data-v-446a4d65]{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.wizard-close[data-v-446a4d65]{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0 .25rem;line-height:1}.wizard-close[data-v-446a4d65]:hover{color:var(--text-primary)}.wizard-steps[data-v-446a4d65]{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-default);padding-bottom:1rem}.step-indicator[data-v-446a4d65]{display:flex;align-items:center;gap:.5rem;flex:1;padding:.5rem 0;position:relative}.step-indicator.clickable[data-v-446a4d65]{cursor:pointer}.step-indicator[data-v-446a4d65]:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:1px;background:var(--border-default)}.step-indicator[data-v-446a4d65]:last-child:after{display:none}.step-number[data-v-446a4d65]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-default);transition:all .2s ease}.step-indicator.active .step-number[data-v-446a4d65]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.step-indicator.completed .step-number[data-v-446a4d65]{background:var(--accent-emerald);color:#fff;border-color:var(--accent-emerald)}.step-label[data-v-446a4d65]{font-size:.8125rem;color:var(--text-tertiary);white-space:nowrap;transition:color .2s ease}.step-indicator.active .step-label[data-v-446a4d65]{color:var(--text-primary);font-weight:500}.step-indicator.completed .step-label[data-v-446a4d65]{color:var(--text-secondary)}.wizard-step[data-v-446a4d65]{animation:stepIn-446a4d65 .25s ease}@keyframes stepIn-446a4d65{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.step-body[data-v-446a4d65]{min-height:160px}.step-question[data-v-446a4d65]{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 1.25rem}.step-description[data-v-446a4d65]{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.radio-group[data-v-446a4d65]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.radio-card[data-v-446a4d65]{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .15s ease}.radio-card[data-v-446a4d65]:hover{border-color:var(--primary-color);background:var(--bg-hover, var(--bg-secondary))}.radio-card.selected[data-v-446a4d65]{border-color:var(--primary-color);background:#6366f10f}.radio-card input[type=radio][data-v-446a4d65]{margin-top:2px;accent-color:var(--primary-color);width:16px;height:16px;flex-shrink:0}.radio-card-content[data-v-446a4d65]{display:flex;flex-direction:column;gap:.25rem}.radio-card-title[data-v-446a4d65]{font-size:.875rem;font-weight:600;color:var(--text-primary)}.radio-card-desc[data-v-446a4d65]{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.account-fields[data-v-446a4d65]{padding-top:.25rem}.slide-down-enter-active[data-v-446a4d65],.slide-down-leave-active[data-v-446a4d65]{transition:all .25s ease;overflow:hidden}.slide-down-enter-from[data-v-446a4d65],.slide-down-leave-to[data-v-446a4d65]{opacity:0;transform:translateY(-8px);max-height:0}.slide-down-enter-to[data-v-446a4d65],.slide-down-leave-from[data-v-446a4d65]{opacity:1;transform:translateY(0);max-height:300px}.step-actions[data-v-446a4d65]{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-default)}.step-actions .btn[data-v-446a4d65]{display:inline-flex;align-items:center;gap:.375rem}.form-group[data-v-446a4d65]{margin-bottom:1rem}.form-group.compact[data-v-446a4d65]{margin-bottom:0;margin-top:.5rem}.form-group label[data-v-446a4d65]{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-primary)}.required[data-v-446a4d65]{color:var(--accent-crimson)}.form-group input[type=text][data-v-446a4d65],.form-group input[type=email][data-v-446a4d65]{width:100%;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit}.form-group input[data-v-446a4d65]:focus,.form-group select[data-v-446a4d65]:focus{outline:none;border-color:var(--primary-color)}.form-group small[data-v-446a4d65]{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-secondary)}.form-group select[data-v-446a4d65]{width:100%;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit}.form-group.checkbox label[data-v-446a4d65]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.form-group.checkbox input[type=checkbox][data-v-446a4d65]{width:16px;height:16px}.status-card[data-v-446a4d65]{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-default);margin-bottom:1rem}.status-card.status-ok[data-v-446a4d65]{border-color:#34d3994d}.status-card.status-warn[data-v-446a4d65]{border-color:#fbbf244d}.status-icon[data-v-446a4d65]{display:flex;align-items:center;flex-shrink:0}.status-card.status-ok .status-icon[data-v-446a4d65]{color:var(--accent-emerald)}.status-card.status-warn .status-icon[data-v-446a4d65]{color:var(--accent-amber, #fbbf24)}.status-info[data-v-446a4d65]{display:flex;flex-direction:column;flex:1}.status-title[data-v-446a4d65]{font-size:.875rem;font-weight:600;color:var(--text-primary)}.status-detail[data-v-446a4d65]{font-size:.75rem;color:var(--text-secondary)}.config-dir-section[data-v-446a4d65]{margin-bottom:1rem}.config-dir-label[data-v-446a4d65]{font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.config-dir-path[data-v-446a4d65]{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px}.config-dir-path code[data-v-446a4d65]{font-family:var(--font-mono, monospace);font-size:.8125rem;color:var(--text-primary);flex:1}.dir-created-badge[data-v-446a4d65]{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--accent-emerald);font-weight:500}.config-path-edit[data-v-446a4d65]{margin-top:.375rem}.btn-link-sm[data-v-446a4d65]{background:none;border:none;color:var(--text-tertiary);font-size:.75rem;cursor:pointer;padding:0;text-decoration:underline;font-family:inherit}.btn-link-sm[data-v-446a4d65]:hover{color:var(--text-secondary)}.api-key-info[data-v-446a4d65]{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.api-key-label[data-v-446a4d65]{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.api-key-info code[data-v-446a4d65]{font-family:var(--font-mono, monospace);font-size:.8125rem;color:var(--text-primary)}.login-start-btn[data-v-446a4d65]{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.login-terminal[data-v-446a4d65]{background:#0a0a0f;border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.login-terminal-output[data-v-446a4d65]{padding:12px 16px;font-family:Geist Mono,SF Mono,Monaco,monospace;font-size:12px;line-height:1.6;color:#a1a1aa;min-height:120px;max-height:250px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.terminal-line[data-v-446a4d65]{min-height:1.2em}.login-terminal-input[data-v-446a4d65]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--border-default);background:#ffffff05}.terminal-prompt[data-v-446a4d65]{color:var(--accent-cyan);font-family:Geist Mono,monospace;font-weight:600;flex-shrink:0}.terminal-input[data-v-446a4d65]{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:Geist Mono,monospace;font-size:12px;outline:none}.terminal-input[data-v-446a4d65]::placeholder{color:#52525b}.login-connecting[data-v-446a4d65]{color:var(--accent-cyan)}.login-terminal-waiting[data-v-446a4d65]{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border-default);color:var(--text-tertiary);font-size:12px}.login-options[data-v-446a4d65]{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-top:1px solid var(--border-default)}.login-question-text[data-v-446a4d65]{margin:0 0 8px;font-size:13px;color:var(--text-secondary);line-height:1.4}.login-option[data-v-446a4d65]{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:left;font-family:inherit}.login-option[data-v-446a4d65]:hover{border-color:var(--accent-cyan);background:#00cffd0d}.login-option-number[data-v-446a4d65]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;flex-shrink:0}.login-option-label[data-v-446a4d65]{font-size:13px;font-weight:500;color:var(--text-primary)}.login-option-arrow[data-v-446a4d65]{color:var(--text-tertiary);flex-shrink:0}.login-status[data-v-446a4d65]{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px;font-size:.8125rem;margin-bottom:.75rem}.login-started[data-v-446a4d65]{background:#60a5fa1a;color:var(--accent-cyan, #60a5fa);border:1px solid rgba(96,165,250,.2)}.login-error[data-v-446a4d65]{background:var(--accent-crimson-dim, rgba(239, 68, 68, .1));color:var(--accent-crimson);border:1px solid rgba(239,68,68,.2)}.login-completed[data-v-446a4d65]{background:var(--accent-emerald-dim, rgba(52, 211, 153, .1));color:var(--accent-emerald);border:1px solid rgba(52,211,153,.2)}.device-code-section[data-v-446a4d65]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;margin-bottom:.75rem}.device-code-label[data-v-446a4d65]{font-size:.8125rem;color:var(--text-secondary)}.device-code[data-v-446a4d65]{font-family:var(--font-mono, monospace);font-size:1.5rem;font-weight:700;color:var(--primary-color);letter-spacing:.1em;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:6px}.skip-note[data-v-446a4d65]{font-size:.75rem;color:var(--text-tertiary);text-align:center;margin-top:.5rem}.review-card[data-v-446a4d65]{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.review-row[data-v-446a4d65]{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.review-label[data-v-446a4d65]{color:var(--text-secondary)}.review-value[data-v-446a4d65]{color:var(--text-primary);font-weight:500}code.review-value[data-v-446a4d65]{font-family:var(--font-mono, monospace);font-weight:400;font-size:.8125rem}.done-body[data-v-446a4d65]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0}.done-icon[data-v-446a4d65]{color:var(--accent-emerald);margin-bottom:1rem}.done-body h4[data-v-446a4d65]{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.done-body p[data-v-446a4d65]{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-secondary)}.done-actions[data-v-446a4d65]{display:flex;gap:.75rem}.proxy-login-status[data-v-446a4d65]{width:100%;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.25rem;font-size:.8125rem}.proxy-status-row[data-v-446a4d65]{display:flex;align-items:center;gap:.5rem}.proxy-running[data-v-446a4d65]{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--text-secondary)}.proxy-success[data-v-446a4d65]{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--accent-emerald)}.proxy-device_auth[data-v-446a4d65]{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--text-secondary)}.proxy-device-auth[data-v-446a4d65]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.proxy-device-msg[data-v-446a4d65]{margin:0;font-size:.8125rem;color:var(--text-secondary)}.proxy-device-code[data-v-446a4d65]{padding:.5rem 1.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.proxy-device-code code[data-v-446a4d65]{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:1.25rem;font-weight:700;color:#e4e4e7;letter-spacing:2px}.proxy-open-link[data-v-446a4d65]{font-size:.75rem;display:inline-flex;align-items:center;gap:.375rem}.proxy-callback-section[data-v-446a4d65]{width:100%;margin-top:.25rem}.proxy-callback-hint[data-v-446a4d65]{margin:0 0 .5rem;font-size:.75rem;color:var(--text-tertiary);line-height:1.4}.proxy-callback-input[data-v-446a4d65]{display:flex;gap:.375rem}.proxy-callback-input input[data-v-446a4d65]{flex:1;font-size:.75rem;padding:.375rem .5rem;background:#0003;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-family:SF Mono,monospace}.proxy-skipped[data-v-446a4d65]{background:#eab30814;border:1px solid rgba(234,179,8,.15);color:var(--text-tertiary)}.proxy-error[data-v-446a4d65]{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:var(--accent-red, #ef4444)}.error-text[data-v-446a4d65]{font-size:.8125rem;color:var(--accent-crimson);margin-top:.375rem}.btn[data-v-446a4d65]{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;border:none}.btn-sm[data-v-446a4d65]{padding:.375rem .75rem;font-size:.8125rem}.btn-primary[data-v-446a4d65]{background:var(--primary-color);color:#fff}.btn-primary[data-v-446a4d65]:hover:not(:disabled){background:var(--primary-hover)}.btn-primary[data-v-446a4d65]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-446a4d65]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary[data-v-446a4d65]:hover{background:var(--bg-hover, var(--bg-secondary))}.btn-outline[data-v-446a4d65]{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-outline[data-v-446a4d65]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.spinner-sm[data-v-446a4d65]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin-446a4d65 .6s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin-446a4d65{to{transform:rotate(360deg)}}.aia-onboarding[data-v-8c20d7e7]{background:var(--aia-bg-elevated);border:1px solid var(--aia-border);border-radius:var(--aia-radius-lg);padding:var(--aia-space-6);font-family:var(--aia-font-sans);color:var(--aia-fg);max-width:640px}.aia-onboarding__header h2[data-v-8c20d7e7]{margin:0 0 var(--aia-space-4);font-size:var(--aia-text-xl)}.aia-onboarding__welcome[data-v-8c20d7e7]{display:flex;flex-direction:column;gap:var(--aia-space-4)}.aia-onboarding__kind-grid[data-v-8c20d7e7]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--aia-space-3)}.aia-kind-card[data-v-8c20d7e7]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--aia-space-2);background:var(--aia-bg);color:var(--aia-fg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-4);font:inherit;cursor:pointer;transition:all var(--aia-transition)}.aia-kind-card[data-v-8c20d7e7]:disabled{opacity:.5;cursor:not-allowed}.aia-kind-card--installed[data-v-8c20d7e7]:hover{background:var(--aia-bg-hover);border-color:var(--aia-border-hover)}.aia-kind-card__name[data-v-8c20d7e7]{font-size:var(--aia-text-base);font-weight:600}.aia-kind-card__badge[data-v-8c20d7e7]{font-size:var(--aia-text-xs);color:var(--aia-success);padding:var(--aia-space-1) var(--aia-space-2);background:color-mix(in srgb,var(--aia-success) 15%,transparent);border-radius:var(--aia-radius-sm)}.aia-kind-card__badge--missing[data-v-8c20d7e7]{color:var(--aia-fg-muted);background:color-mix(in srgb,var(--aia-fg-muted) 15%,transparent)}.aia-onboarding__tabs[data-v-8c20d7e7]{display:flex;gap:var(--aia-space-2);margin-bottom:var(--aia-space-4);border-bottom:1px solid var(--aia-border)}.aia-tab[data-v-8c20d7e7]{background:transparent;color:var(--aia-fg-muted);border:none;border-bottom:2px solid transparent;padding:var(--aia-space-2) var(--aia-space-4);font:inherit;cursor:pointer;transition:all var(--aia-transition)}.aia-tab[data-v-8c20d7e7]:hover{color:var(--aia-fg)}.aia-tab--active[data-v-8c20d7e7]{color:var(--aia-fg);border-bottom-color:var(--aia-primary)}.aia-onboarding__form[data-v-8c20d7e7],.aia-onboarding__oauth-start[data-v-8c20d7e7]{display:flex;flex-direction:column;gap:var(--aia-space-4)}.aia-label[data-v-8c20d7e7]{display:flex;flex-direction:column;gap:var(--aia-space-2);font-size:var(--aia-text-sm);color:var(--aia-fg-muted)}.aia-input[data-v-8c20d7e7]{background:var(--aia-bg);color:var(--aia-fg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-3);font:inherit;font-family:var(--aia-font-mono)}.aia-btn[data-v-8c20d7e7]{background:var(--aia-bg);color:var(--aia-fg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-3) var(--aia-space-4);font:inherit;cursor:pointer;transition:all var(--aia-transition)}.aia-btn[data-v-8c20d7e7]:hover{background:var(--aia-bg-hover);border-color:var(--aia-border-hover)}.aia-btn--primary[data-v-8c20d7e7]{background:var(--aia-primary);color:var(--aia-primary-fg);border-color:var(--aia-primary)}.aia-btn--primary[data-v-8c20d7e7]:hover{background:var(--aia-primary-hover)}.aia-onboarding__oauth-challenge[data-v-8c20d7e7]{display:flex;flex-direction:column;gap:var(--aia-space-4)}.aia-onboarding__oauth-uri[data-v-8c20d7e7]{color:var(--aia-primary);font-family:var(--aia-font-mono);word-break:break-all}.aia-code-display[data-v-8c20d7e7]{display:flex;align-items:center;gap:var(--aia-space-3);background:var(--aia-bg);border:1px solid var(--aia-border);border-radius:var(--aia-radius);padding:var(--aia-space-3)}.aia-code-display code[data-v-8c20d7e7]{flex:1;font-family:var(--aia-font-mono);font-size:var(--aia-text-lg);font-weight:600;letter-spacing:.1em}.aia-copy-btn[data-v-8c20d7e7]{background:transparent;color:var(--aia-fg-muted);border:1px solid var(--aia-border);border-radius:var(--aia-radius-sm);padding:var(--aia-space-1) var(--aia-space-3);font:inherit;font-size:var(--aia-text-sm);cursor:pointer}.aia-onboarding__hint[data-v-8c20d7e7]{color:var(--aia-fg-muted);font-size:var(--aia-text-sm)}.aia-onboarding__status[data-v-8c20d7e7],.aia-onboarding__success[data-v-8c20d7e7],.aia-onboarding__error[data-v-8c20d7e7]{padding:var(--aia-space-4) 0}.aia-onboarding__success[data-v-8c20d7e7]{color:var(--aia-success)}.aia-onboarding__error[data-v-8c20d7e7]{color:var(--aia-danger)}.aia-account-edit[data-v-56b7b8c3]{display:flex;flex-direction:column;gap:.75rem}.aia-field[data-v-56b7b8c3]{display:flex}.aia-actions[data-v-56b7b8c3]{display:flex;gap:.5rem}.aia-error[data-v-56b7b8c3]{color:var(--aia-error, #c00)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-accounts/vue-styled",
-  "version": "0.2.2",
+  "version": "0.3.0-alpha.2",
   "description": "Vue 3 styled components for ai-accounts",
   "license": "Apache-2.0",
   "type": "module",
@@ -22,8 +22,8 @@
     "vue": "^3.4.0"
   },
   "dependencies": {
-    "@ai-accounts/ts-core": "0.2.2",
-    "@ai-accounts/vue-headless": "0.2.2"
+    "@ai-accounts/vue-headless": "0.3.0-alpha.2",
+    "@ai-accounts/ts-core": "0.3.0-alpha.2"
   },
   "devDependencies": {
     "vue": "^3.4.0",