20 | ,
25 | VariantProps {}
26 |
27 | function Badge({ className, variant, ...props }: BadgeProps): React.ReactNode {
28 | return
29 | }
30 |
31 | export { Badge, badgeVariants }
32 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | kiro网页解码分析/2cee0feff6bd91b6cb21.js
2 | kiro网页解码分析/5fc29c15ad252c0cd4c1.js
3 | kiro网页解码分析/6b22da50a77e5b477c7c.js
4 | kiro网页解码分析/36f7e9e4dc3a99855283.js
5 | kiro网页解码分析/61a6485cd7fd5f4edf23.js
6 | kiro网页解码分析/70c9ee36465cebc8ae79.js
7 | kiro网页解码分析/079b243476c702d0c8bc.js
8 | kiro网页解码分析/80d1c66fc0410347940b.js
9 | kiro网页解码分析/656ffd87a448474eb636a22ae4e6db975f9c64f25b154ae38035db04fbb3677d.js
10 | kiro网页解码分析/3858af3eb422fc9ff23d.js
11 | kiro网页解码分析/4230973e1dcf99c7f8f8.js
12 | kiro网页解码分析/auth.js
13 | kiro网页解码分析/b84fa5923c23578c3ccc.js
14 | kiro网页解码分析/be0bf1555584b8a5f7fd.js
15 | kiro网页解码分析/bfe741df70a85ebf5586.js
16 | kiro网页解码分析/c7884003de1bad6da336.js
17 | kiro网页解码分析/cf876673391b3559eb63.js
18 | kiro网页解码分析/client-kiro-internal.js
19 | kiro网页解码分析/d78cf78333f69e09aaea.js
20 | kiro网页解码分析/dbd685f96aa7960412bb.js
21 | kiro网页解码分析/eb09d127e3c32cae3e2a.js
22 | kiro网页解码分析/efa5af3cf91b1c5f80a3.js
23 | kiro网页解码分析/main.js
24 | kiro网页解码分析/main.js.back
25 | kiro网页解码分析/panorama-nav-init.js
26 | kiro网页解码分析/sdk.js
27 | kiro网页解码分析/shortbread.js
28 | kiro网页解码分析/vendor.js
29 | test/kiro_client_auth.py
30 | test/kiro_full_auth.py
31 | test/kiro_oauth_login.py
32 | test/kiro_sso_auth.py
33 | test/kiro_usage_api.py
34 | test/__pycache__/kiro_full_auth.cpython-39.pyc
35 | test/__pycache__/kiro_sso_auth.cpython-39.pyc
36 | docs/CodeWhispererRuntimeService API.md
37 | docs/Kiro API.md
38 | kiro_token.json
39 | Kiro.code-workspace
40 |
--------------------------------------------------------------------------------
/Kiro-account-manager/docs/CHANGELOG-v1.2.7.md:
--------------------------------------------------------------------------------
1 | # Kiro 账户管理器 v1.2.7 更新说明
2 |
3 | 发布日期：2024-12-09
4 |
5 | ## 🎨 界面美化
6 |
7 | ### 全局页面美化
8 | - **统一页面头部设计**：所有页面采用渐变背景 + 模糊光效 + 主题色标题
9 | - **统一卡片样式**：所有卡片添加悬停阴影效果和图标背景框
10 | - **颜色主题化**：移除所有硬编码颜色，统一使用主题变量，确保深色/浅色模式和主题色切换时颜色一致
11 |
12 | ### 新增自定义 UI 组件
13 | - **Toggle 开关组件**：替换原生 checkbox，提供平滑动画和主题色支持
14 | - **Select 下拉组件**：替换原生 select，支持选项描述、勾选标记和主题色高亮
15 |
16 | ### 美化的页面
17 | - **首页 (HomePage)**：头部渐变、统计卡片悬停效果、特色功能卡片主题化
18 | - **账户管理 (AccountManager)**：头部渐变背景和图标
19 | - **设置页面 (SettingsPage)**：头部渐变、所有卡片图标统一样式、检查间隔布局优化
20 | - **Kiro 设置 (KiroSettingsPage)**：头部渐变、Toggle 开关、Select 下拉框、通知设置分组
21 | - **关于页面 (AboutPage)**：头部渐变、所有卡片图标统一样式、功能列表颜色统一
22 |
23 | ## 🔧 功能优化
24 |
25 | ### OIDC 凭证批量导入
26 | - **支持 GitHub 和 Google 账号**：批量导入时可通过 `provider` 字段指定账号类型
27 | - **自动识别认证方式**：根据 provider 自动设置正确的 `authMethod` (IdC/social) 和 `idp`
28 | - **更新帮助文本**：添加 GitHub/Google 示例和说明
29 |
30 | ### 批量导入 JSON 格式示例
31 | ```json
32 | [
33 | {
34 | "refreshToken": "xxx",
35 | "clientId": "xxx",
36 | "clientSecret": "xxx",
37 | "provider": "BuilderId"
38 | },
39 | {
40 | "refreshToken": "yyy",
41 | "provider": "Github"
42 | },
43 | {
44 | "refreshToken": "zzz",
45 | "provider": "Google"
46 | }
47 | ]
48 | ```
49 |
50 | ## 📁 新增文件
51 |
52 | - `src/renderer/src/components/ui/Toggle.tsx` - 自定义开关组件
53 | - `src/renderer/src/components/ui/Select.tsx` - 自定义下拉选择组件
54 |
55 | ## 🐛 修复
56 |
57 | - 修复设置页面检查间隔下拉框布局问题
58 | - 修复 Kiro 设置页面上下下拉框宽度不一致问题
59 | - 统一设置页面和 Kiro 设置页面的宽度设置
60 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/components/ui/Toggle.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from '../../lib/utils'
2 |
3 | interface ToggleProps {
4 | checked: boolean
5 | onChange: (checked: boolean) => void
6 | disabled?: boolean
7 | size?: 'sm' | 'md'
8 | }
9 |
10 | export function Toggle({ checked, onChange, disabled = false, size = 'md' }: ToggleProps) {
11 | const sizes = {
12 | sm: { track: 'w-8 h-4', thumb: 'w-3 h-3', translate: 'translate-x-4' },
13 | md: { track: 'w-11 h-6', thumb: 'w-5 h-5', translate: 'translate-x-5' }
14 | }
15 |
16 | const s = sizes[size]
17 |
18 | return (
19 |
42 | )
43 | }
44 |
--------------------------------------------------------------------------------
/Kiro-account-manager/docs/CHANGELOG-v1.2.5.md:
--------------------------------------------------------------------------------
1 | # Kiro 账户管理器 v1.2.5 更新日志
2 |
3 | **发布日期**: 2025-12-09
4 |
5 | ---
6 |
7 | ## 🎨 主题系统升级
8 |
9 | ### 主题颜色扩展
10 | - 主题颜色从 **13 个增加到 21 个**，提供更丰富的个性化选择
11 | - 按色系分组显示，便于用户快速定位喜欢的颜色：
12 | - **蓝色系**: 天空蓝、靛蓝、清新青、晴空蓝、水鸭蓝
13 | - **紫红系**: 优雅紫、紫罗兰、洋红、粉红、玫瑰红
14 | - **暖色系**: 热情红、活力橙、琥珀金、明黄
15 | - **绿色系**: 翠绿、草绿、青柠
16 | - **中性色**: 石板灰、锌灰、暖灰、中性灰
17 |
18 | ### 主题选择器优化
19 | - 新增 **收缩/展开** 功能，收缩时显示当前选中颜色
20 | - 点击即可展开完整的主题选择面板
21 | - 减少页面占用空间，界面更整洁
22 |
23 | ---
24 |
25 | ## 📊 主页增强
26 |
27 | ### 额度统计卡片
28 | - 新增 **额度统计** 模块，实时汇总所有有效账号的用量数据
29 | - 显示内容：
30 | - 总额度
31 | - 已使用
32 | - 剩余额度
33 | - 使用率百分比
34 | - 可视化进度条，根据使用率变色：
35 | - 🟢 绿色: < 50%
36 | - 🟡 黄色: 50% - 80%
37 | - 🔴 红色: > 80%
38 |
39 | ---
40 |
41 | ## 💾 导出功能升级
42 |
43 | ### 多格式导出支持
44 | - 新增导出格式选择弹窗，支持 4 种导出格式：
45 | - **JSON**: 完整数据，可用于导入恢复
46 | - **TXT**: 纯文本格式，便于阅读
47 | - **CSV**: Excel 兼容格式，支持中文
48 | - **剪贴板**: 直接复制到剪贴板
49 |
50 | ### 导出选项
51 | - JSON 格式可选择是否包含凭证信息（Token 等敏感数据）
52 | - 支持多选账号导出，选中账号时只导出选中的
53 | - 设置页面和账户管理页面共用相同的导出组件
54 |
55 | ---
56 |
57 | ## 🔧 机器码管理优化
58 |
59 | ### 当前机器码卡片
60 | - 新增 **最后修改时间** 显示，与原始机器码备份布局保持一致
61 |
62 | ### 账户机器码管理弹窗
63 | - 新增 **搜索功能**，支持按邮箱、昵称、机器码搜索
64 | - 搜索无结果时显示友好提示
65 |
66 | ---
67 |
68 | ## 🐛 问题修复
69 |
70 | - 修复部分主题颜色切换无效的问题
71 | - 补全所有新增主题的 CSS 变量定义
72 | - 修复 `applyTheme` 函数未包含新主题类名的问题
73 |
74 | ---
75 |
76 | ## 📝 技术改进
77 |
78 | - 主题配置重构为分组结构，便于维护和扩展
79 | - 导出功能组件化，提高代码复用性
80 | - 优化额度统计使用 `useMemo` 提升性能
81 |
82 | ---
83 |
84 | **完整版本**: 1.2.5
85 | **兼容性**: Windows / macOS / Linux
86 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/assets/base.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --ev-c-white: #ffffff;
3 | --ev-c-white-soft: #f8f8f8;
4 | --ev-c-white-mute: #f2f2f2;
5 |
6 | --ev-c-black: #1b1b1f;
7 | --ev-c-black-soft: #222222;
8 | --ev-c-black-mute: #282828;
9 |
10 | --ev-c-gray-1: #515c67;
11 | --ev-c-gray-2: #414853;
12 | --ev-c-gray-3: #32363f;
13 |
14 | --ev-c-text-1: rgba(255, 255, 245, 0.86);
15 | --ev-c-text-2: rgba(235, 235, 245, 0.6);
16 | --ev-c-text-3: rgba(235, 235, 245, 0.38);
17 |
18 | --ev-button-alt-border: transparent;
19 | --ev-button-alt-text: var(--ev-c-text-1);
20 | --ev-button-alt-bg: var(--ev-c-gray-3);
21 | --ev-button-alt-hover-border: transparent;
22 | --ev-button-alt-hover-text: var(--ev-c-text-1);
23 | --ev-button-alt-hover-bg: var(--ev-c-gray-2);
24 | }
25 |
26 | :root {
27 | --color-background: var(--ev-c-black);
28 | --color-background-soft: var(--ev-c-black-soft);
29 | --color-background-mute: var(--ev-c-black-mute);
30 |
31 | --color-text: var(--ev-c-text-1);
32 | }
33 |
34 | *,
35 | *::before,
36 | *::after {
37 | box-sizing: border-box;
38 | margin: 0;
39 | font-weight: normal;
40 | }
41 |
42 | ul {
43 | list-style: none;
44 | }
45 |
46 | body {
47 | min-height: 100vh;
48 | color: var(--color-text);
49 | background: var(--color-background);
50 | line-height: 1.6;
51 | font-family:
52 | Inter,
53 | -apple-system,
54 | BlinkMacSystemFont,
55 | 'Segoe UI',
56 | Roboto,
57 | Oxygen,
58 | Ubuntu,
59 | Cantarell,
60 | 'Fira Sans',
61 | 'Droid Sans',
62 | 'Helvetica Neue',
63 | sans-serif;
64 | text-rendering: optimizeLegibility;
65 | -webkit-font-smoothing: antialiased;
66 | -moz-osx-font-smoothing: grayscale;
67 | }
68 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/components/ui/alert.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 | import { cva, type VariantProps } from 'class-variance-authority'
3 | import { cn } from '@/lib/utils'
4 |
5 | const alertVariants = cva(
6 | 'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',
7 | {
8 | variants: {
9 | variant: {
10 | default: 'bg-background text-foreground',
11 | destructive:
12 | 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive'
13 | }
14 | },
15 | defaultVariants: {
16 | variant: 'default'
17 | }
18 | }
19 | )
20 |
21 | const Alert = React.forwardRef<
22 | HTMLDivElement,
23 | React.HTMLAttributes & VariantProps
24 | >(({ className, variant, ...props }, ref) => (
25 |
26 | ))
27 | Alert.displayName = 'Alert'
28 |
29 | const AlertTitle = React.forwardRef>(
30 | ({ className, ...props }, ref) => (
31 |
32 | )
33 | )
34 | AlertTitle.displayName = 'AlertTitle'
35 |
36 | const AlertDescription = React.forwardRef<
37 | HTMLParagraphElement,
38 | React.HTMLAttributes
39 | >(({ className, ...props }, ref) => (
40 |
41 | ))
42 | AlertDescription.displayName = 'AlertDescription'
43 |
44 | export { Alert, AlertTitle, AlertDescription }
45 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/assets/wavy-lines.svg:
--------------------------------------------------------------------------------
1 |
26 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/components/ui/button.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 | import { cva, type VariantProps } from 'class-variance-authority'
3 | import { cn } from '@/lib/utils'
4 |
5 | const buttonVariants = cva(
6 | 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
7 | {
8 | variants: {
9 | variant: {
10 | default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
11 | destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
12 | outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
13 | secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
14 | ghost: 'hover:bg-accent hover:text-accent-foreground',
15 | link: 'text-primary underline-offset-4 hover:underline'
16 | },
17 | size: {
18 | default: 'h-9 px-4 py-2',
19 | sm: 'h-8 rounded-md px-3 text-xs',
20 | lg: 'h-10 rounded-md px-8',
21 | icon: 'h-9 w-9'
22 | }
23 | },
24 | defaultVariants: {
25 | variant: 'default',
26 | size: 'default'
27 | }
28 | }
29 | )
30 |
31 | export interface ButtonProps
32 | extends React.ButtonHTMLAttributes,
33 | VariantProps {
34 | asChild?: boolean
35 | }
36 |
37 | const Button = React.forwardRef(
38 | ({ className, variant, size, ...props }, ref) => {
39 | return (
40 |
45 | )
46 | }
47 | )
48 | Button.displayName = 'Button'
49 |
50 | export { Button, buttonVariants }
51 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/components/ui/card.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 | import { cn } from '@/lib/utils'
3 |
4 | const Card = React.forwardRef>(
5 | ({ className, ...props }, ref) => (
6 |
11 | )
12 | )
13 | Card.displayName = 'Card'
14 |
15 | const CardHeader = React.forwardRef>(
16 | ({ className, ...props }, ref) => (
17 |
18 | )
19 | )
20 | CardHeader.displayName = 'CardHeader'
21 |
22 | const CardTitle = React.forwardRef>(
23 | ({ className, ...props }, ref) => (
24 |
25 | )
26 | )
27 | CardTitle.displayName = 'CardTitle'
28 |
29 | const CardDescription = React.forwardRef>(
30 | ({ className, ...props }, ref) => (
31 |
32 | )
33 | )
34 | CardDescription.displayName = 'CardDescription'
35 |
36 | const CardContent = React.forwardRef>(
37 | ({ className, ...props }, ref) =>
38 | )
39 | CardContent.displayName = 'CardContent'
40 |
41 | const CardFooter = React.forwardRef>(
42 | ({ className, ...props }, ref) => (
43 |
44 | )
45 | )
46 | CardFooter.displayName = 'CardFooter'
47 |
48 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
49 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { type ClassValue, clsx } from 'clsx'
2 | import { twMerge } from 'tailwind-merge'
3 |
4 | export function cn(...inputs: ClassValue[]): string {
5 | return twMerge(clsx(inputs))
6 | }
7 |
8 | export function formatBytes(bytes: number): string {
9 | if (bytes === 0) return '0 B'
10 | const k = 1024
11 | const sizes = ['B', 'KB', 'MB', 'GB', 'TB']
12 | const i = Math.floor(Math.log(bytes) / Math.log(k))
13 | return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`
14 | }
15 |
16 | export function formatDate(date: Date | string | number): string {
17 | const d = new Date(date)
18 | return d.toLocaleDateString('zh-CN', {
19 | year: 'numeric',
20 | month: '2-digit',
21 | day: '2-digit',
22 | hour: '2-digit',
23 | minute: '2-digit'
24 | })
25 | }
26 |
27 | export function formatPercentage(value: number): string {
28 | return `${(value * 100).toFixed(1)}%`
29 | }
30 |
31 | export function generatePKCE(): { codeVerifier: string; codeChallenge: string } {
32 | const codeVerifier = generateRandomString(64)
33 | const codeChallenge = base64UrlEncode(sha256(codeVerifier))
34 | return { codeVerifier, codeChallenge }
35 | }
36 |
37 | function generateRandomString(length: number): string {
38 | const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~'
39 | const array = new Uint8Array(length)
40 | crypto.getRandomValues(array)
41 | return Array.from(array, (byte) => chars[byte % chars.length]).join('')
42 | }
43 |
44 | function sha256(str: string): Uint8Array {
45 | const encoder = new TextEncoder()
46 | const data = encoder.encode(str)
47 | const hashBuffer = new Uint8Array(32)
48 | for (let i = 0; i < data.length; i++) {
49 | hashBuffer[i % 32] ^= data[i]
50 | }
51 | return hashBuffer
52 | }
53 |
54 | function base64UrlEncode(buffer: Uint8Array): string {
55 | const base64 = btoa(String.fromCharCode(...buffer))
56 | return base64.replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '')
57 | }
58 |
59 | export function generateState(): string {
60 | return generateRandomString(32)
61 | }
62 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/types/machineId.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * 机器码管理相关类型定义
3 | */
4 |
5 | // 操作系统类型
6 | export type OSType = 'windows' | 'macos' | 'linux' | 'unknown'
7 |
8 | // 机器码配置
9 | export interface MachineIdConfig {
10 | // 自动切换机器码（切号时自动更换）
11 | autoSwitchOnAccountChange: boolean
12 | // 账户机器码绑定（每个账户关联唯一机器码）
13 | bindMachineIdToAccount: boolean
14 | // 使用绑定的唯一机器码（否则随机生成）
15 | useBindedMachineId: boolean
16 | }
17 |
18 | // 机器码状态
19 | export interface MachineIdState {
20 | // 当前系统机器码
21 | currentMachineId: string
22 | // 备份的原始机器码
23 | originalMachineId: string | null
24 | // 原始机器码备份时间
25 | originalBackupTime: number | null
26 | // 操作系统类型
27 | osType: OSType
28 | // 是否拥有管理员权限
29 | hasAdminPrivilege: boolean
30 | // 是否正在操作中
31 | isOperating: boolean
32 | // 最后一次操作错误
33 | lastError: string | null
34 | // 配置
35 | config: MachineIdConfig
36 | // 账户绑定的机器码映射 (accountId -> machineId)
37 | accountMachineIds: Record
38 | // 机器码历史记录
39 | history: MachineIdHistoryEntry[]
40 | }
41 |
42 | // 机器码历史记录
43 | export interface MachineIdHistoryEntry {
44 | id: string
45 | machineId: string
46 | timestamp: number
47 | action: 'initial' | 'manual' | 'auto_switch' | 'restore' | 'bind'
48 | accountId?: string
49 | accountEmail?: string
50 | }
51 |
52 | // 机器码操作结果
53 | export interface MachineIdResult {
54 | success: boolean
55 | machineId?: string
56 | error?: string
57 | requiresAdmin?: boolean
58 | }
59 |
60 | // 主进程 API 接口
61 | export interface MachineIdAPI {
62 | // 获取当前机器码
63 | getCurrentMachineId: () => Promise
64 | // 设置新机器码
65 | setMachineId: (newMachineId: string) => Promise
66 | // 生成随机机器码
67 | generateRandomMachineId: () => string
68 | // 检查管理员权限
69 | checkAdminPrivilege: () => Promise
70 | // 请求管理员权限重启
71 | requestAdminRestart: () => Promise
72 | // 获取操作系统类型
73 | getOSType: () => OSType
74 | // 备份机器码到文件
75 | backupMachineIdToFile: (machineId: string, path: string) => Promise
76 | // 从文件恢复机器码
77 | restoreMachineIdFromFile: (path: string) => Promise
78 | }
79 |
--------------------------------------------------------------------------------
/Kiro-account-manager/electron-builder.yml:
--------------------------------------------------------------------------------
1 | appId: com.kiro.account-manager
2 | productName: Kiro Account Manager
3 | directories:
4 | buildResources: build
5 | files:
6 | - '!**/.vscode/*'
7 | - '!src/*'
8 | - '!electron.vite.config.{js,ts,mjs,cjs}'
9 | - '!{.eslintcache,eslint.config.mjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
10 | - '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
11 | - '!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}'
12 | asarUnpack:
13 | - resources/**
14 | protocols:
15 | name: Kiro Auth
16 | schemes:
17 | - kiro
18 | copyright: Copyright 2025 Kiro
19 | win:
20 | executableName: kiro-account-manager
21 | icon: resources/kiro-high-resolution-logo-transparent.ico
22 | legalTrademarks: Copyright 2025 Kiro
23 | signAndEditExecutable: false
24 | nsis:
25 | artifactName: ${name}-${version}-${arch}-setup.${ext}
26 | shortcutName: Kiro 账号管理器
27 | uninstallDisplayName: Kiro 账号管理器
28 | createDesktopShortcut: always
29 | oneClick: false # 关闭一键安装，显示安装向导
30 | allowToChangeInstallationDirectory: true # 允许选择安装位置
31 | perMachine: false
32 | runAfterFinish: false # 安装完不自动启动
33 | installerIcon: resources/kiro-high-resolution-logo-transparent.ico
34 | uninstallerIcon: resources/kiro-high-resolution-logo-transparent.ico
35 | mac:
36 | entitlementsInherit: build/entitlements.mac.plist
37 | extendInfo:
38 | - NSCameraUsageDescription: Application requests access to the device's camera.
39 | - NSMicrophoneUsageDescription: Application requests access to the device's microphone.
40 | - NSDocumentsFolderUsageDescription: Application requests access to the user's Documents folder.
41 | - NSDownloadsFolderUsageDescription: Application requests access to the user's Downloads folder.
42 | notarize: false
43 | dmg:
44 | artifactName: ${name}-${version}-${arch}.${ext}
45 | linux:
46 | target:
47 | - AppImage
48 | - snap
49 | - deb
50 | maintainer: electronjs.org
51 | category: Utility
52 | appImage:
53 | artifactName: ${name}-${version}-${arch}.${ext}
54 | snap:
55 | publish:
56 | provider: generic
57 | url: https://example.com/auto-updates
58 | npmRebuild: false
59 | publish:
60 | provider: github
61 | owner: chaogei
62 | repo: Kiro-account-manager
63 |
--------------------------------------------------------------------------------
/Kiro-account-manager/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "kiro-account-manager",
3 | "version": "1.2.9",
4 | "description": "Kiro Account Manager - Manage your Kiro accounts, usage and subscriptions",
5 | "main": "./out/main/index.js",
6 | "author": "Kiro",
7 | "license": "MIT",
8 | "homepage": "https://kiro.dev",
9 | "scripts": {
10 | "format": "prettier --write .",
11 | "lint": "eslint --cache .",
12 | "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
13 | "typecheck:web": "tsc --noEmit -p tsconfig.web.json --composite false",
14 | "typecheck": "npm run typecheck:node && npm run typecheck:web",
15 | "start": "electron-vite preview",
16 | "dev": "electron-vite dev",
17 | "build": "npm run typecheck && electron-vite build",
18 | "postinstall": "electron-builder install-app-deps",
19 | "build:unpack": "npm run build && electron-builder --dir",
20 | "build:win": "npm run build && electron-builder --win",
21 | "build:mac": "electron-vite build && electron-builder --mac",
22 | "build:linux": "electron-vite build && electron-builder --linux"
23 | },
24 | "dependencies": {
25 | "@electron-toolkit/preload": "^3.0.2",
26 | "@electron-toolkit/utils": "^4.0.0",
27 | "electron-updater": "^6.3.9",
28 | "@tailwindcss/vite": "^4.1.17",
29 | "@tanstack/react-virtual": "^3.13.12",
30 | "cbor-x": "^1.6.0",
31 | "class-variance-authority": "^0.7.1",
32 | "clsx": "^2.1.1",
33 | "electron-store": "^11.0.2",
34 | "lucide-react": "^0.555.0",
35 | "tailwind-merge": "^3.4.0",
36 | "tailwindcss": "^4.1.17",
37 | "uuid": "^13.0.0",
38 | "zustand": "^5.0.9"
39 | },
40 | "devDependencies": {
41 | "@electron-toolkit/eslint-config-prettier": "^3.0.0",
42 | "@electron-toolkit/eslint-config-ts": "^3.1.0",
43 | "@electron-toolkit/tsconfig": "^2.0.0",
44 | "@types/node": "^22.18.6",
45 | "@types/react": "^19.1.13",
46 | "@types/react-dom": "^19.1.9",
47 | "@types/uuid": "^10.0.0",
48 | "@vitejs/plugin-react": "^5.0.3",
49 | "electron": "^38.1.2",
50 | "electron-builder": "^25.1.8",
51 | "electron-vite": "^4.0.1",
52 | "eslint": "^9.36.0",
53 | "eslint-plugin-react": "^7.37.5",
54 | "eslint-plugin-react-hooks": "^5.2.0",
55 | "eslint-plugin-react-refresh": "^0.4.20",
56 | "prettier": "^3.6.2",
57 | "react": "^19.1.1",
58 | "react-dom": "^19.1.1",
59 | "typescript": "^5.9.2",
60 | "vite": "^7.1.6"
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/App.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react'
2 | import { AccountManager } from './components/accounts'
3 | import { Sidebar, type PageType } from './components/layout'
4 | import { HomePage, AboutPage, SettingsPage, MachineIdPage, KiroSettingsPage } from './components/pages'
5 | import { UpdateDialog } from './components/UpdateDialog'
6 | import { useAccountsStore } from './store/accounts'
7 |
8 | function App(): React.JSX.Element {
9 | const [currentPage, setCurrentPage] = useState('home')
10 | const [sidebarCollapsed, setSidebarCollapsed] = useState(true)
11 |
12 | const { loadFromStorage, startAutoTokenRefresh, stopAutoTokenRefresh, handleBackgroundRefreshResult, handleBackgroundCheckResult } = useAccountsStore()
13 |
14 | // 应用启动时加载数据并启动自动刷新
15 | useEffect(() => {
16 | loadFromStorage().then(() => {
17 | startAutoTokenRefresh()
18 | })
19 |
20 | return () => {
21 | stopAutoTokenRefresh()
22 | }
23 | }, [loadFromStorage, startAutoTokenRefresh, stopAutoTokenRefresh])
24 |
25 | // 监听后台刷新结果
26 | useEffect(() => {
27 | const unsubscribe = window.api.onBackgroundRefreshResult((data) => {
28 | handleBackgroundRefreshResult(data)
29 | })
30 | return () => {
31 | unsubscribe()
32 | }
33 | }, [handleBackgroundRefreshResult])
34 |
35 | // 监听后台检查结果
36 | useEffect(() => {
37 | const unsubscribe = window.api.onBackgroundCheckResult((data) => {
38 | handleBackgroundCheckResult(data)
39 | })
40 | return () => {
41 | unsubscribe()
42 | }
43 | }, [handleBackgroundCheckResult])
44 |
45 | const renderPage = () => {
46 | switch (currentPage) {
47 | case 'home':
48 | return (null)
22 |
23 | const selectedOption = options.find(opt => opt.value === value)
24 |
25 | useEffect(() => {
26 | const handleClickOutside = (event: MouseEvent) => {
27 | if (ref.current && !ref.current.contains(event.target as Node)) {
28 | setIsOpen(false)
29 | }
30 | }
31 | document.addEventListener('mousedown', handleClickOutside)
32 | return () => document.removeEventListener('mousedown', handleClickOutside)
33 | }, [])
34 |
35 | return (
36 | (null)
17 | const [modified, setModified] = useState(false)
18 |
19 | useEffect(() => {
20 | loadContent()
21 | }, [filename])
22 |
23 | const loadContent = async () => {
24 | setLoading(true)
25 | setError(null)
26 | try {
27 | const result = await window.api.readKiroSteeringFile(filename)
28 | if (result.success && result.content !== undefined) {
29 | setContent(result.content)
30 | setModified(false)
31 | } else {
32 | setError(result.error || '读取文件失败')
33 | }
34 | } catch (err) {
35 | setError('读取文件失败')
36 | console.error(err)
37 | } finally {
38 | setLoading(false)
39 | }
40 | }
41 |
42 | const saveContent = async () => {
43 | setSaving(true)
44 | setError(null)
45 | try {
46 | const result = await window.api.saveKiroSteeringFile(filename, content)
47 | if (result.success) {
48 | setModified(false)
49 | onSaved?.()
50 | } else {
51 | setError(result.error || '保存文件失败')
52 | }
53 | } catch (err) {
54 | setError('保存文件失败')
55 | console.error(err)
56 | } finally {
57 | setSaving(false)
58 | }
59 | }
60 |
61 | const handleClose = () => {
62 | if (modified) {
63 | if (confirm('文件已修改，确定要关闭吗？未保存的更改将丢失。')) {
64 | onClose()
65 | }
66 | } else {
67 | onClose()
68 | }
69 | }
70 |
71 | const handleChange = (value: string) => {
72 | setContent(value)
73 | setModified(true)
74 | }
75 |
76 | return createPortal(
77 |
80 && 'bg-warning',
24 | percentage > 95 && 'bg-destructive',
25 | indicatorClassName
26 | )}
27 | style={{ transform: `translateX(-${100 - percentage}%)` }}
28 | />
29 |
30 | )
31 | }
32 | )
33 | Progress.displayName = 'Progress'
34 |
35 | export { Progress }
36 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/components/ui/badge.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react'
2 | import { cva, type VariantProps } from 'class-variance-authority'
3 | import { cn } from '@/lib/utils'
4 |
5 | const badgeVariants = cva(
6 | 'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
7 | {
8 | variants: {
9 | variant: {
10 | default: 'border-transparent bg-primary text-primary-foreground shadow',
11 | secondary: 'border-transparent bg-secondary text-secondary-foreground',
12 | destructive: 'border-transparent bg-destructive text-destructive-foreground shadow',
13 | outline: 'text-foreground',
14 | success: 'border-transparent bg-success text-white shadow'
15 | }
16 | },
17 | defaultVariants: {
18 | variant: 'default'
19 | }
20 | }
21 | )
22 |
23 | export interface BadgeProps
24 | extends React.HTMLAttributes
66 | setSidebarCollapsed(!sidebarCollapsed)}
71 | />
72 |
73 | {renderPage()}
74 |
75 |
77 | )
78 | }
79 |
80 | export default App
81 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/components/ui/Select.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useRef, useEffect } from 'react'
2 | import { ChevronDown, Check } from 'lucide-react'
3 | import { cn } from '../../lib/utils'
4 |
5 | interface SelectOption {
6 | value: string
7 | label: string
8 | description?: string
9 | }
10 |
11 | interface SelectProps {
12 | value: string
13 | options: SelectOption[]
14 | onChange: (value: string) => void
15 | placeholder?: string
16 | className?: string
17 | }
18 |
19 | export function Select({ value, options, onChange, placeholder = '请选择', className }: SelectProps) {
20 | const [isOpen, setIsOpen] = useState(false)
21 | const ref = useRef
37 | {/* Trigger */}
38 |
56 |
57 | {/* Dropdown */}
58 | {isOpen && (
59 |
93 | )
94 | }
95 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/assets/main.css:
--------------------------------------------------------------------------------
1 | @import './base.css';
2 |
3 | body {
4 | display: flex;
5 | align-items: center;
6 | justify-content: center;
7 | overflow: hidden;
8 | background-image: url('./wavy-lines.svg');
9 | background-size: cover;
10 | user-select: none;
11 | }
12 |
13 | code {
14 | font-weight: 600;
15 | padding: 3px 5px;
16 | border-radius: 2px;
17 | background-color: var(--color-background-mute);
18 | font-family:
19 | ui-monospace,
20 | SFMono-Regular,
21 | SF Mono,
22 | Menlo,
23 | Consolas,
24 | Liberation Mono,
25 | monospace;
26 | font-size: 85%;
27 | }
28 |
29 | #root {
30 | display: flex;
31 | align-items: center;
32 | justify-content: center;
33 | flex-direction: column;
34 | margin-bottom: 80px;
35 | }
36 |
37 | .logo {
38 | margin-bottom: 20px;
39 | -webkit-user-drag: none;
40 | height: 128px;
41 | width: 128px;
42 | will-change: filter;
43 | transition: filter 300ms;
44 | }
45 |
46 | .logo:hover {
47 | filter: drop-shadow(0 0 1.2em #6988e6aa);
48 | }
49 |
50 | .creator {
51 | font-size: 14px;
52 | line-height: 16px;
53 | color: var(--ev-c-text-2);
54 | font-weight: 600;
55 | margin-bottom: 10px;
56 | }
57 |
58 | .text {
59 | font-size: 28px;
60 | color: var(--ev-c-text-1);
61 | font-weight: 700;
62 | line-height: 32px;
63 | text-align: center;
64 | margin: 0 10px;
65 | padding: 16px 0;
66 | }
67 |
68 | .tip {
69 | font-size: 16px;
70 | line-height: 24px;
71 | color: var(--ev-c-text-2);
72 | font-weight: 600;
73 | }
74 |
75 | .react {
76 | background: -webkit-linear-gradient(315deg, #087ea4 55%, #7c93ee);
77 | background-clip: text;
78 | -webkit-background-clip: text;
79 | -webkit-text-fill-color: transparent;
80 | font-weight: 700;
81 | }
82 |
83 | .ts {
84 | background: -webkit-linear-gradient(315deg, #3178c6 45%, #f0dc4e);
85 | background-clip: text;
86 | -webkit-background-clip: text;
87 | -webkit-text-fill-color: transparent;
88 | font-weight: 700;
89 | }
90 |
91 | .actions {
92 | display: flex;
93 | padding-top: 32px;
94 | margin: -6px;
95 | flex-wrap: wrap;
96 | justify-content: flex-start;
97 | }
98 |
99 | .action {
100 | flex-shrink: 0;
101 | padding: 6px;
102 | }
103 |
104 | .action a {
105 | cursor: pointer;
106 | text-decoration: none;
107 | display: inline-block;
108 | border: 1px solid transparent;
109 | text-align: center;
110 | font-weight: 600;
111 | white-space: nowrap;
112 | border-radius: 20px;
113 | padding: 0 20px;
114 | line-height: 38px;
115 | font-size: 14px;
116 | border-color: var(--ev-button-alt-border);
117 | color: var(--ev-button-alt-text);
118 | background-color: var(--ev-button-alt-bg);
119 | }
120 |
121 | .action a:hover {
122 | border-color: var(--ev-button-alt-hover-border);
123 | color: var(--ev-button-alt-hover-text);
124 | background-color: var(--ev-button-alt-hover-bg);
125 | }
126 |
127 | .versions {
128 | position: absolute;
129 | bottom: 30px;
130 | margin: 0 auto;
131 | padding: 15px 0;
132 | font-family: 'Menlo', 'Lucida Console', monospace;
133 | display: inline-flex;
134 | overflow: hidden;
135 | align-items: center;
136 | border-radius: 22px;
137 | background-color: #202127;
138 | backdrop-filter: blur(24px);
139 | }
140 |
141 | .versions li {
142 | display: block;
143 | float: left;
144 | border-right: 1px solid var(--ev-c-gray-1);
145 | padding: 0 20px;
146 | font-size: 14px;
147 | line-height: 14px;
148 | opacity: 0.8;
149 | &:last-child {
150 | border: none;
151 | }
152 | }
153 |
154 | @media (max-width: 720px) {
155 | .text {
156 | font-size: 20px;
157 | }
158 | }
159 |
160 | @media (max-width: 620px) {
161 | .versions {
162 | display: none;
163 | }
164 | }
165 |
166 | @media (max-width: 350px) {
167 | .tip,
168 | .actions {
169 | display: none;
170 | }
171 | }
172 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/components/layout/Sidebar.tsx:
--------------------------------------------------------------------------------
1 | import { Home, Users, Settings, Info, ChevronLeft, ChevronRight, Fingerprint, Sparkles } from 'lucide-react'
2 | import { cn } from '@/lib/utils'
3 | import kiroLogo from '@/assets/kiro-high-resolution-logo-transparent.png'
4 | import kiroLogoSmall from '@/assets/Kiro Logo.svg'
5 | import { useAccountsStore } from '@/store/accounts'
6 |
7 | export type PageType = 'home' | 'accounts' | 'machineId' | 'kiroSettings' | 'settings' | 'about'
8 |
9 | interface SidebarProps {
10 | currentPage: PageType
11 | onPageChange: (page: PageType) => void
12 | collapsed: boolean
13 | onToggleCollapse: () => void
14 | }
15 |
16 | const menuItems: { id: PageType; label: string; icon: React.ElementType }[] = [
17 | { id: 'home', label: '主页', icon: Home },
18 | { id: 'accounts', label: '账户管理', icon: Users },
19 | { id: 'machineId', label: '机器码', icon: Fingerprint },
20 | { id: 'kiroSettings', label: 'Kiro 设置', icon: Sparkles },
21 | { id: 'settings', label: '设置', icon: Settings },
22 | { id: 'about', label: '关于', icon: Info },
23 | ]
24 |
25 | export function Sidebar({ currentPage, onPageChange, collapsed, onToggleCollapse }: SidebarProps) {
26 | const { darkMode } = useAccountsStore()
27 |
28 | return (
29 |
60 | {options.map((option) => (
61 |
89 | ))}
90 |
91 | )}
92 |
35 | {/* Logo */}
36 |
102 | )
103 | }
104 |
--------------------------------------------------------------------------------
/Kiro-account-manager/src/renderer/src/components/kiro/SteeringEditor.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react'
2 | import { createPortal } from 'react-dom'
3 | import { Button } from '../ui'
4 | import { X, Save, RefreshCw } from 'lucide-react'
5 |
6 | interface SteeringEditorProps {
7 | filename: string
8 | onClose: () => void
9 | onSaved?: () => void
10 | }
11 |
12 | export function SteeringEditor({ filename, onClose, onSaved }: SteeringEditorProps) {
13 | const [content, setContent] = useState('')
14 | const [loading, setLoading] = useState(true)
15 | const [saving, setSaving] = useState(false)
16 | const [error, setError] = useState
37 | {collapsed ? (
38 | 
43 | ) : (
44 | <>
45 | 
50 | 账户管理器
51 |
52 | )}
53 |
54 |
55 | {/* Menu Items */}
56 |
83 |
84 | {/* Collapse Toggle */}
85 |
86 |
100 |
101 |
78 | {/* Backdrop */}
79 |
83 |
84 | {/* Dialog */}
85 |
86 | {/* Header */}
87 |
88 |
111 |
112 | {/* Error */}
113 | {error && (
114 |
89 |
93 | 编辑 Steering 文件
90 | {filename} 91 | {modified && ● 已修改} 92 |
94 |
97 |
106 |
109 |
110 |
115 | {error}
116 |
117 | )}
118 |
119 | {/* Editor */}
120 |
121 | {loading ? (
122 |
123 |
125 | ) : (
126 |