diff --git a/.github/workflows/Feishu.yml b/.github/workflows/Feishu.yml
new file mode 100644
index 0000000..2f01e9a
--- /dev/null
+++ b/.github/workflows/Feishu.yml
@@ -0,0 +1,38 @@
+name: feishu bot
+
+on:
+  # Issues 事件
+  issues:
+    types: [opened, edited, milestoned, pinned, reopened]
+  issue_comment:
+    types: [created, deleted]
+
+  # PR 事件
+  pull_request:
+    branches: [main, dev]
+    types: [opened, reopened, synchronize, assigned]
+  pull_request_review:
+    types: [edited, dismissed, submitted]
+  pull_request_review_comment:
+    types: [created, edited, deleted]
+
+  # 代码推送 & 发布
+  push:
+    branches: [main, dev]
+  release:
+    types: [published]
+
+  # Action 工作流
+  workflow_run:
+    workflows: ["*"]
+    types: [completed] 
+
+jobs:
+  send-event:
+    name: Webhook
+    runs-on: ubuntu-latest
+    steps:
+      - uses: junka/feishu-bot-webhook-action@main
+        with:
+          webhook: ${{ secrets.FEISHU_BOT_WEBHOOK }}
+          signkey: ${{ secrets.FEISHU_BOT_SIGNKEY }}
diff --git a/Cargo.lock b/Cargo.lock
index 656c172..1352b4c 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -4,17 +4,23 @@ version = 4
 
 [[package]]
 name = "OmegaCode"
-version = "0.1.0"
+version = "0.1.0-alpha"
 dependencies = [
  "anyhow",
+ "chrono",
  "clap",
  "colored",
+ "crossterm",
+ "flexi_logger",
  "futures-util",
  "indicatif",
+ "log",
+ "once_cell",
  "ratatui",
  "reqwest",
  "rmcp",
  "rusqlite",
+ "rust-i18n",
  "serde",
  "serde_json",
  "tokio",
@@ -101,6 +107,15 @@ version = "1.0.102"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "7f202df86484c868dbad7eaa557ef785d5c66295e41b460ef922eca0723b842c"
 
+[[package]]
+name = "arc-swap"
+version = "1.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6a3a1fd6f75306b68087b831f025c712524bcb19aad54e557b1129cfa0a2b207"
+dependencies = [
+ "rustversion",
+]
+
 [[package]]
 name = "async-trait"
 version = "0.1.89"
@@ -155,6 +170,12 @@ dependencies = [
  "fs_extra",
 ]
 
+[[package]]
+name = "base62"
+version = "2.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd637ac531c60eb7fbc4684dc061c2d7d90d73d758181aa02eeff0464b9eee4b"
+
 [[package]]
 name = "base64"
 version = "0.22.1"
@@ -197,6 +218,16 @@ dependencies = [
  "generic-array",
 ]
 
+[[package]]
+name = "bstr"
+version = "1.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "63044e1ae8e69f3b5a92c736ca6269b8d12fa7efe39bf34ddb06d102cf0e2cab"
+dependencies = [
+ "memchr",
+ "serde",
+]
+
 [[package]]
 name = "bumpalo"
 version = "3.20.2"
@@ -393,6 +424,31 @@ dependencies = [
  "libc",
 ]
 
+[[package]]
+name = "crossbeam-deque"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9dd111b7b7f7d55b72c0a6ae361660ee5853c9af73f70c3c2ef6858b950e2e51"
+dependencies = [
+ "crossbeam-epoch",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-epoch"
+version = "0.9.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b82ac4a3c2ca9c3460964f020e1402edd5753411d7737aa39c3714ad1b5420e"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-utils"
+version = "0.8.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0a5c400df2834b80a4c3327b3aad3a4c4cd4de0629063962b03235697506a28"
+
 [[package]]
 name = "crossterm"
 version = "0.29.0"
@@ -650,6 +706,19 @@ version = "0.4.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0ce7134b9999ecaf8bcd65542e436736ef32ddca1b3e06094cb6ec5755203b80"
 
+[[package]]
+name = "flexi_logger"
+version = "0.31.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aea7feddba9b4e83022270d49a58d4a1b3fdad04b34f78cf1ce471f698e42672"
+dependencies = [
+ "chrono",
+ "log",
+ "nu-ansi-term",
+ "regex",
+ "thiserror 2.0.18",
+]
+
 [[package]]
 name = "fnv"
 version = "1.0.7"
@@ -821,6 +890,36 @@ dependencies = [
  "wasip3",
 ]
 
+[[package]]
+name = "glob"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0cc23270f6e1808e30a928bdc84dea0b9b4136a8bc82338574f23baf47bbd280"
+
+[[package]]
+name = "globset"
+version = "0.4.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "52dfc19153a48bde0cbd630453615c8151bce3a5adfac7a0aebfbf0a1e1f57e3"
+dependencies = [
+ "aho-corasick",
+ "bstr",
+ "log",
+ "regex-automata",
+ "regex-syntax",
+]
+
+[[package]]
+name = "globwalk"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "93e3af942408868f6934a7b85134a3230832b9977cf66125df2f9edcfce4ddcc"
+dependencies = [
+ "bitflags 1.3.2",
+ "ignore",
+ "walkdir",
+]
+
 [[package]]
 name = "h2"
 version = "0.4.14"
@@ -1126,6 +1225,22 @@ dependencies = [
  "icu_properties",
 ]
 
+[[package]]
+name = "ignore"
+version = "0.4.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3d782a365a015e0f5c04902246139249abf769125006fbe7649e2ee88169b4a"
+dependencies = [
+ "crossbeam-deque",
+ "globset",
+ "log",
+ "memchr",
+ "regex-automata",
+ "same-file",
+ "walkdir",
+ "winapi-util",
+]
+
 [[package]]
 name = "indexmap"
 version = "2.14.0"
@@ -1185,6 +1300,15 @@ version = "1.70.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a6cb138bb79a146c1bd460005623e142ef0181e3d0219cb493e02f7d08a35695"
 
+[[package]]
+name = "itertools"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b1c173a5686ce8bfa551b3563d0c2170bf24ca44da99c7ca4bfdab5418c3fe57"
+dependencies = [
+ "either",
+]
+
 [[package]]
 name = "itertools"
 version = "0.14.0"
@@ -1451,6 +1575,24 @@ dependencies = [
  "minimal-lexical",
 ]
 
+[[package]]
+name = "normpath"
+version = "1.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9985ef7269fa99f3b12437bb698381da2428743ab90f20393f399fa14cab21a"
+dependencies = [
+ "windows-sys 0.61.2",
+]
+
+[[package]]
+name = "nu-ansi-term"
+version = "0.50.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7957b9740744892f114936ab4a57b3f487491bbeafaf8083688b16841a4240e5"
+dependencies = [
+ "windows-sys 0.61.2",
+]
+
 [[package]]
 name = "num-conv"
 version = "0.2.1"
@@ -1849,7 +1991,7 @@ dependencies = [
  "compact_str",
  "hashbrown 0.16.1",
  "indoc",
- "itertools",
+ "itertools 0.14.0",
  "kasuari",
  "lru",
  "strum",
@@ -1901,7 +2043,7 @@ dependencies = [
  "hashbrown 0.16.1",
  "indoc",
  "instability",
- "itertools",
+ "itertools 0.14.0",
  "line-clipping",
  "ratatui-core",
  "strum",
@@ -2080,6 +2222,57 @@ dependencies = [
  "sqlite-wasm-rs",
 ]
 
+[[package]]
+name = "rust-i18n"
+version = "4.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "21031bf5e6f2c0ae745d831791c403608e99a8bd3776c7e5e5535acd70c3b7ba"
+dependencies = [
+ "globwalk",
+ "regex",
+ "rust-i18n-macro",
+ "rust-i18n-support",
+ "smallvec",
+]
+
+[[package]]
+name = "rust-i18n-macro"
+version = "4.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "51fe5295763b358606f7ca26a564e20f4469775a57ec1f09431249a33849ff52"
+dependencies = [
+ "glob",
+ "proc-macro2",
+ "quote",
+ "rust-i18n-support",
+ "serde",
+ "serde_json",
+ "serde_yaml",
+ "syn 2.0.117",
+]
+
+[[package]]
+name = "rust-i18n-support"
+version = "4.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "69bcc115c8eea2803aa3d85362e339776f4988a0349f2f475af572e497443f6f"
+dependencies = [
+ "arc-swap",
+ "base62",
+ "globwalk",
+ "itertools 0.11.0",
+ "lazy_static",
+ "normpath",
+ "proc-macro2",
+ "regex",
+ "serde",
+ "serde_json",
+ "serde_yaml",
+ "siphasher",
+ "toml",
+ "triomphe",
+]
+
 [[package]]
 name = "rustc-hash"
 version = "2.1.2"
@@ -2328,6 +2521,28 @@ dependencies = [
  "zmij",
 ]
 
+[[package]]
+name = "serde_spanned"
+version = "0.6.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf41e0cfaf7226dca15e8197172c295a782857fcb97fad1808a166870dee75a3"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "serde_yaml"
+version = "0.9.34+deprecated"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6a8b1a1a2ebf674015cc02edccce75287f1a0130d394307b36743c2f5d504b47"
+dependencies = [
+ "indexmap",
+ "itoa",
+ "ryu",
+ "serde",
+ "unsafe-libyaml",
+]
+
 [[package]]
 name = "sha2"
 version = "0.10.9"
@@ -2749,6 +2964,47 @@ dependencies = [
  "tokio",
 ]
 
+[[package]]
+name = "toml"
+version = "0.8.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc1beb996b9d83529a9e75c17a1686767d148d70663143c7854d8b4a09ced362"
+dependencies = [
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_edit",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22cddaf88f4fbc13c51aebbf5f8eceb5c7c5a9da2ac40a13519eb5b0a0e8f11c"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.22.27"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "41fe8c660ae4257887cf66394862d21dbca4a6ddd26f04a3560410406a2f819a"
+dependencies = [
+ "indexmap",
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_write",
+ "winnow",
+]
+
+[[package]]
+name = "toml_write"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d99f8c9a7727884afe522e9bd5edbfc91a3312b36a77b5fb8926e4c31a41801"
+
 [[package]]
 name = "tower"
 version = "0.5.3"
@@ -2825,6 +3081,17 @@ dependencies = [
  "once_cell",
 ]
 
+[[package]]
+name = "triomphe"
+version = "0.1.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dd69c5aa8f924c7519d6372789a74eac5b94fb0f8fcf0d4a97eb0bfc3e785f39"
+dependencies = [
+ "arc-swap",
+ "serde",
+ "stable_deref_trait",
+]
+
 [[package]]
 name = "try-lock"
 version = "0.2.5"
@@ -2861,7 +3128,7 @@ version = "2.0.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "16b380a1238663e5f8a691f9039c73e1cdae598a30e9855f541d29b08b53e9a5"
 dependencies = [
- "itertools",
+ "itertools 0.14.0",
  "unicode-segmentation",
  "unicode-width",
 ]
@@ -2884,6 +3151,12 @@ version = "0.5.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "81e544489bf3d8ef66c953931f56617f423cd4b5494be343d9b9d3dda037b9a3"
 
+[[package]]
+name = "unsafe-libyaml"
+version = "0.2.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "673aac59facbab8a9007c7f6108d11f63b603f7cabff99fabf650fea5c32b861"
+
 [[package]]
 name = "untrusted"
 version = "0.9.0"
@@ -3437,6 +3710,15 @@ version = "0.53.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d6bbff5f0aada427a1e5a6da5f1f98158182f26556f345ac9e04d36d0ebed650"
 
+[[package]]
+name = "winnow"
+version = "0.7.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df79d97927682d2fd8adb29682d1140b343be4ac0f08fd68b7765d9c059d3945"
+dependencies = [
+ "memchr",
+]
+
 [[package]]
 name = "wit-bindgen"
 version = "0.51.0"
diff --git a/Cargo.toml b/Cargo.toml
index 8fb1f06..d1a83db 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "OmegaCode"
-version = "0.1.0"
+version = "0.1.0-alpha"
 edition = "2024"
 
 [dependencies]
@@ -17,3 +17,9 @@ serde_json = "1.0.149"
 rmcp = "1.6.0"
 rusqlite = "0.39.0"
 ratatui = "0.30.0"
+crossterm = "0.29.0"
+log = "0.4.29"
+flexi_logger = "0.31.8"
+chrono = "0.4.44"
+rust-i18n = "4.0.0"
+once_cell = "1.21.4"
\ No newline at end of file
diff --git a/console/console-ui/src/App.vue b/console/console-ui/src/App.vue
index e128e93..f6dfd46 100644
--- a/console/console-ui/src/App.vue
+++ b/console/console-ui/src/App.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
 export const iframeHeight = "800px"
-export const description = "A dashboard with sidebar, data table, and analytics cards."
+export const description = "A dashboard with sidebar, db table, and analytics cards."
 </script>
 
 <script setup lang="ts">
diff --git a/console/console-ui/src/components/ui/card/CardHeader.vue b/console/console-ui/src/components/ui/card/CardHeader.vue
index 4fe4da4..3d8ee22 100644
--- a/console/console-ui/src/components/ui/card/CardHeader.vue
+++ b/console/console-ui/src/components/ui/card/CardHeader.vue
@@ -10,7 +10,7 @@ const props = defineProps<{
 <template>
   <div
     data-slot="card-header"
-    :class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
+    :class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-db-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
   >
     <slot />
   </div>
diff --git a/console/console-ui/src/components/ui/checkbox/Checkbox.vue b/console/console-ui/src/components/ui/checkbox/Checkbox.vue
index 6604cbd..0ebd573 100644
--- a/console/console-ui/src/components/ui/checkbox/Checkbox.vue
+++ b/console/console-ui/src/components/ui/checkbox/Checkbox.vue
@@ -20,7 +20,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     data-slot="checkbox"
     v-bind="forwarded"
     :class="
-      cn('peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+      cn('peer border-input db-[state=checked]:bg-primary db-[state=checked]:text-primary-foreground db-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
          props.class)"
   >
     <CheckboxIndicator
diff --git a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
index 1253078..e43f23d 100644
--- a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -23,7 +23,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     data-slot="dropdown-menu-checkbox-item"
     v-bind="forwarded"
     :class=" cn(
-      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none db-[disabled]:pointer-events-none db-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue
index 7c43014..ce0e8cd 100644
--- a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -31,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     <DropdownMenuContent
       data-slot="dropdown-menu-content"
       v-bind="{ ...$attrs, ...forwarded }"
-      :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', props.class)"
+      :class="cn('bg-popover text-popover-foreground db-[state=open]:animate-in db-[state=closed]:animate-out db-[state=closed]:fade-out-0 db-[state=open]:fade-in-0 db-[state=closed]:zoom-out-95 db-[state=open]:zoom-in-95 db-[side=bottom]:slide-in-from-top-2 db-[side=left]:slide-in-from-right-2 db-[side=right]:slide-in-from-left-2 db-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', props.class)"
     >
       <slot />
     </DropdownMenuContent>
diff --git a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue
index f56cae3..501b807 100644
--- a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -24,7 +24,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     :data-inset="inset ? '' : undefined"
     :data-variant="variant"
     v-bind="forwardedProps"
-    :class="cn('focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
+    :class="cn('focus:bg-accent focus:text-accent-foreground db-[variant=destructive]:text-destructive db-[variant=destructive]:focus:bg-destructive/10 dark:db-[variant=destructive]:focus:bg-destructive/20 db-[variant=destructive]:focus:text-destructive db-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none db-[disabled]:pointer-events-none db-[disabled]:opacity-50 db-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
   >
     <slot />
   </DropdownMenuItem>
diff --git a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
index 8bca83c..fd1520e 100644
--- a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -16,7 +16,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     data-slot="dropdown-menu-label"
     :data-inset="inset ? '' : undefined"
     v-bind="forwardedProps"
-    :class="cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', props.class)"
+    :class="cn('px-2 py-1.5 text-sm font-medium db-[inset]:pl-8', props.class)"
   >
     <slot />
   </DropdownMenuLabel>
diff --git a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
index e03c40c..f84ab12 100644
--- a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -24,7 +24,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     data-slot="dropdown-menu-radio-item"
     v-bind="forwarded"
     :class="cn(
-      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none db-[disabled]:pointer-events-none db-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
index d7c6b08..4841f76 100644
--- a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -20,7 +20,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
   <DropdownMenuSubContent
     data-slot="dropdown-menu-sub-content"
     v-bind="forwarded"
-    :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
+    :class="cn('bg-popover text-popover-foreground db-[state=open]:animate-in db-[state=closed]:animate-out db-[state=closed]:fade-out-0 db-[state=open]:fade-in-0 db-[state=closed]:zoom-out-95 db-[state=open]:zoom-in-95 db-[side=bottom]:slide-in-from-top-2 db-[side=left]:slide-in-from-right-2 db-[side=right]:slide-in-from-left-2 db-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
   >
     <slot />
   </DropdownMenuSubContent>
diff --git a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
index 0906491..23d5d09 100644
--- a/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/console/console-ui/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -21,7 +21,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     v-bind="forwardedProps"
     :data-inset="inset ? '' : undefined"
     :class="cn(
-      'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=\'text-\'])]:text-muted-foreground',
+      'focus:bg-accent focus:text-accent-foreground db-[state=open]:bg-accent db-[state=open]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none db-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 db-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*=\'text-\'])]:text-muted-foreground',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/label/Label.vue b/console/console-ui/src/components/ui/label/Label.vue
index ee63970..573ffb6 100644
--- a/console/console-ui/src/components/ui/label/Label.vue
+++ b/console/console-ui/src/components/ui/label/Label.vue
@@ -16,7 +16,7 @@ const delegatedProps = reactiveOmit(props, "class")
     v-bind="delegatedProps"
     :class="
       cn(
-        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+        'flex items-center gap-2 text-sm leading-none font-medium select-none group-db-[disabled=true]:pointer-events-none group-db-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
         props.class,
       )
     "
diff --git a/console/console-ui/src/components/ui/select/SelectContent.vue b/console/console-ui/src/components/ui/select/SelectContent.vue
index adf04ec..af85e6e 100644
--- a/console/console-ui/src/components/ui/select/SelectContent.vue
+++ b/console/console-ui/src/components/ui/select/SelectContent.vue
@@ -34,9 +34,9 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       data-slot="select-content"
       v-bind="{ ...$attrs, ...forwarded }"
       :class="cn(
-        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
+        'bg-popover text-popover-foreground db-[state=open]:animate-in db-[state=closed]:animate-out db-[state=closed]:fade-out-0 db-[state=open]:fade-in-0 db-[state=closed]:zoom-out-95 db-[state=open]:zoom-in-95 db-[side=bottom]:slide-in-from-top-2 db-[side=left]:slide-in-from-right-2 db-[side=right]:slide-in-from-left-2 db-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
         position === 'popper'
-          && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+          && 'db-[side=bottom]:translate-y-1 db-[side=left]:-translate-x-1 db-[side=right]:translate-x-1 db-[side=top]:-translate-y-1',
         props.class,
       )
       "
diff --git a/console/console-ui/src/components/ui/select/SelectItem.vue b/console/console-ui/src/components/ui/select/SelectItem.vue
index 9371764..881f07d 100644
--- a/console/console-ui/src/components/ui/select/SelectItem.vue
+++ b/console/console-ui/src/components/ui/select/SelectItem.vue
@@ -24,7 +24,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     v-bind="forwardedProps"
     :class="
       cn(
-        'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
+        'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none db-[disabled]:pointer-events-none db-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
         props.class,
       )
     "
diff --git a/console/console-ui/src/components/ui/select/SelectTrigger.vue b/console/console-ui/src/components/ui/select/SelectTrigger.vue
index 667908b..c64e479 100644
--- a/console/console-ui/src/components/ui/select/SelectTrigger.vue
+++ b/console/console-ui/src/components/ui/select/SelectTrigger.vue
@@ -21,7 +21,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     :data-size="size"
     v-bind="forwardedProps"
     :class="cn(
-      'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+      'border-input db-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 db-[size=default]:h-9 db-[size=sm]:h-8 *:db-[slot=select-value]:line-clamp-1 *:db-[slot=select-value]:flex *:db-[slot=select-value]:items-center *:db-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/separator/Separator.vue b/console/console-ui/src/components/ui/separator/Separator.vue
index 78d60ec..3ecd294 100644
--- a/console/console-ui/src/components/ui/separator/Separator.vue
+++ b/console/console-ui/src/components/ui/separator/Separator.vue
@@ -21,7 +21,7 @@ const delegatedProps = reactiveOmit(props, "class")
     v-bind="delegatedProps"
     :class="
       cn(
-        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
+        'bg-border shrink-0 db-[orientation=horizontal]:h-px db-[orientation=horizontal]:w-full db-[orientation=vertical]:h-full db-[orientation=vertical]:w-px',
         props.class,
       )
     "
diff --git a/console/console-ui/src/components/ui/sheet/SheetContent.vue b/console/console-ui/src/components/ui/sheet/SheetContent.vue
index e0c4b8f..4f12e3b 100644
--- a/console/console-ui/src/components/ui/sheet/SheetContent.vue
+++ b/console/console-ui/src/components/ui/sheet/SheetContent.vue
@@ -37,15 +37,15 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     <DialogContent
       data-slot="sheet-content"
       :class="cn(
-        'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+        'bg-background db-[state=open]:animate-in db-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out db-[state=closed]:duration-300 db-[state=open]:duration-500',
         side === 'right'
-          && 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
+          && 'db-[state=closed]:slide-out-to-right db-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',
         side === 'left'
-          && 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
+          && 'db-[state=closed]:slide-out-to-left db-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',
         side === 'top'
-          && 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',
+          && 'db-[state=closed]:slide-out-to-top db-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',
         side === 'bottom'
-          && 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
+          && 'db-[state=closed]:slide-out-to-bottom db-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
         props.class)"
       v-bind="{ ...$attrs, ...forwarded }"
     >
diff --git a/console/console-ui/src/components/ui/sheet/SheetOverlay.vue b/console/console-ui/src/components/ui/sheet/SheetOverlay.vue
index 220452a..709adad 100644
--- a/console/console-ui/src/components/ui/sheet/SheetOverlay.vue
+++ b/console/console-ui/src/components/ui/sheet/SheetOverlay.vue
@@ -13,7 +13,7 @@ const delegatedProps = reactiveOmit(props, "class")
 <template>
   <DialogOverlay
     data-slot="sheet-overlay"
-    :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
+    :class="cn('db-[state=open]:animate-in db-[state=closed]:animate-out db-[state=closed]:fade-out-0 db-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
     v-bind="delegatedProps"
   >
     <slot />
diff --git a/console/console-ui/src/components/ui/sidebar/Sidebar.vue b/console/console-ui/src/components/ui/sidebar/Sidebar.vue
index b4699f8..ccd5e8d 100644
--- a/console/console-ui/src/components/ui/sidebar/Sidebar.vue
+++ b/console/console-ui/src/components/ui/sidebar/Sidebar.vue
@@ -64,23 +64,23 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
     <div
       :class="cn(
         'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',
-        'group-data-[collapsible=offcanvas]:w-0',
-        'group-data-[side=right]:rotate-180',
+        'group-db-[collapsible=offcanvas]:w-0',
+        'group-db-[side=right]:rotate-180',
         variant === 'floating' || variant === 'inset'
-          ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'
-          : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',
+          ? 'group-db-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'
+          : 'group-db-[collapsible=icon]:w-(--sidebar-width-icon)',
       )"
     />
     <div
       :class="cn(
         'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',
         side === 'left'
-          ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'
-          : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',
+          ? 'left-0 group-db-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'
+          : 'right-0 group-db-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',
         // Adjust the padding for floating and inset variants.
         variant === 'floating' || variant === 'inset'
-          ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'
-          : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',
+          ? 'p-2 group-db-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'
+          : 'group-db-[collapsible=icon]:w-(--sidebar-width-icon) group-db-[side=left]:border-r group-db-[side=right]:border-l',
         props.class,
       )"
       v-bind="$attrs"
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarContent.vue b/console/console-ui/src/components/ui/sidebar/SidebarContent.vue
index bb6d9f1..54e3002 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarContent.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarContent.vue
@@ -11,7 +11,7 @@ const props = defineProps<{
   <div
     data-slot="sidebar-content"
     data-sidebar="content"
-    :class="cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', props.class)"
+    :class="cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-db-[collapsible=icon]:overflow-hidden', props.class)"
   >
     <slot />
   </div>
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarGroupAction.vue b/console/console-ui/src/components/ui/sidebar/SidebarGroupAction.vue
index f5fa5eb..3f7c3a7 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarGroupAction.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarGroupAction.vue
@@ -18,7 +18,7 @@ const props = defineProps<PrimitiveProps & {
     :class="cn(
       'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
       'after:absolute after:-inset-2 md:after:hidden',
-      'group-data-[collapsible=icon]:hidden',
+      'group-db-[collapsible=icon]:hidden',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarGroupLabel.vue b/console/console-ui/src/components/ui/sidebar/SidebarGroupLabel.vue
index f5da130..251c225 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarGroupLabel.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarGroupLabel.vue
@@ -17,7 +17,7 @@ const props = defineProps<PrimitiveProps & {
     :as-child="asChild"
     :class="cn(
       'text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
-      'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
+      'group-db-[collapsible=icon]:-mt-8 group-db-[collapsible=icon]:opacity-0',
       props.class)"
   >
     <slot />
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarInset.vue b/console/console-ui/src/components/ui/sidebar/SidebarInset.vue
index f46b43a..d3fb79b 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarInset.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarInset.vue
@@ -12,7 +12,7 @@ const props = defineProps<{
     data-slot="sidebar-inset"
     :class="cn(
       'bg-background relative flex w-full flex-1 flex-col',
-      'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',
+      'md:peer-db-[variant=inset]:m-2 md:peer-db-[variant=inset]:ml-0 md:peer-db-[variant=inset]:rounded-xl md:peer-db-[variant=inset]:shadow-sm md:peer-db-[variant=inset]:peer-db-[state=collapsed]:ml-2',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarMenuAction.vue b/console/console-ui/src/components/ui/sidebar/SidebarMenuAction.vue
index bdffdb7..e0822da 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarMenuAction.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarMenuAction.vue
@@ -19,12 +19,12 @@ const props = withDefaults(defineProps<PrimitiveProps & {
     :class="cn(
       'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
       'after:absolute after:-inset-2 md:after:hidden',
-      'peer-data-[size=sm]/menu-button:top-1',
-      'peer-data-[size=default]/menu-button:top-1.5',
-      'peer-data-[size=lg]/menu-button:top-2.5',
-      'group-data-[collapsible=icon]:hidden',
+      'peer-db-[size=sm]/menu-button:top-1',
+      'peer-db-[size=default]/menu-button:top-1.5',
+      'peer-db-[size=lg]/menu-button:top-2.5',
+      'group-db-[collapsible=icon]:hidden',
       showOnHover
-        && 'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',
+        && 'peer-db-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 db-[state=open]:opacity-100 md:opacity-0',
       props.class,
     )"
     :as="as"
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarMenuBadge.vue b/console/console-ui/src/components/ui/sidebar/SidebarMenuBadge.vue
index 4321618..eba68f1 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarMenuBadge.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarMenuBadge.vue
@@ -13,11 +13,11 @@ const props = defineProps<{
     data-sidebar="menu-badge"
     :class="cn(
       'text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none',
-      'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',
-      'peer-data-[size=sm]/menu-button:top-1',
-      'peer-data-[size=default]/menu-button:top-1.5',
-      'peer-data-[size=lg]/menu-button:top-2.5',
-      'group-data-[collapsible=icon]:hidden',
+      'peer-hover/menu-button:text-sidebar-accent-foreground peer-db-[active=true]/menu-button:text-sidebar-accent-foreground',
+      'peer-db-[size=sm]/menu-button:top-1',
+      'peer-db-[size=default]/menu-button:top-1.5',
+      'peer-db-[size=lg]/menu-button:top-2.5',
+      'group-db-[collapsible=icon]:hidden',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarMenuSub.vue b/console/console-ui/src/components/ui/sidebar/SidebarMenuSub.vue
index 81c2dab..06cfcc9 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarMenuSub.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarMenuSub.vue
@@ -13,7 +13,7 @@ const props = defineProps<{
     data-sidebar="menu-badge"
     :class="cn(
       'border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5',
-      'group-data-[collapsible=icon]:hidden',
+      'group-db-[collapsible=icon]:hidden',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarMenuSubButton.vue b/console/console-ui/src/components/ui/sidebar/SidebarMenuSubButton.vue
index d00a38e..6912d25 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarMenuSubButton.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarMenuSubButton.vue
@@ -24,10 +24,10 @@ const props = withDefaults(defineProps<PrimitiveProps & {
     :data-active="isActive ? '' : undefined"
     :class="cn(
       'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',
-      'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',
+      'db-[active=true]:bg-sidebar-accent db-[active=true]:text-sidebar-accent-foreground',
       size === 'sm' && 'text-xs',
       size === 'md' && 'text-sm',
-      'group-data-[collapsible=icon]:hidden',
+      'group-db-[collapsible=icon]:hidden',
       props.class,
     )"
   >
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarProvider.vue b/console/console-ui/src/components/ui/sidebar/SidebarProvider.vue
index 04ed975..147df8a 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarProvider.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarProvider.vue
@@ -50,7 +50,7 @@ useEventListener("keydown", (event: KeyboardEvent) => {
   }
 })
 
-// We add a state so that we can do data-state="expanded" or "collapsed".
+// We add a state so that we can do db-state="expanded" or "collapsed".
 // This makes it easier to style the sidebar with Tailwind classes.
 const state = computed(() => open.value ? "expanded" : "collapsed")
 
@@ -73,7 +73,7 @@ provideSidebarContext({
         '--sidebar-width': SIDEBAR_WIDTH,
         '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
       }"
-      :class="cn('group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full', props.class)"
+      :class="cn('group/sidebar-wrapper has-db-[variant=inset]:bg-sidebar flex min-h-svh w-full', props.class)"
       v-bind="$attrs"
     >
       <slot />
diff --git a/console/console-ui/src/components/ui/sidebar/SidebarRail.vue b/console/console-ui/src/components/ui/sidebar/SidebarRail.vue
index 1045a55..9a87274 100644
--- a/console/console-ui/src/components/ui/sidebar/SidebarRail.vue
+++ b/console/console-ui/src/components/ui/sidebar/SidebarRail.vue
@@ -18,12 +18,12 @@ const { toggleSidebar } = useSidebar()
     :tabindex="-1"
     title="Toggle Sidebar"
     :class="cn(
-      'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',
-      'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',
-      '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',
-      'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',
-      '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
-      '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
+      'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-db-[side=left]:-right-4 group-db-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',
+      'in-db-[side=left]:cursor-w-resize in-db-[side=right]:cursor-e-resize',
+      '[[db-side=left][db-state=collapsed]_&]:cursor-e-resize [[db-side=right][db-state=collapsed]_&]:cursor-w-resize',
+      'hover:group-db-[collapsible=offcanvas]:bg-sidebar group-db-[collapsible=offcanvas]:translate-x-0 group-db-[collapsible=offcanvas]:after:left-full',
+      '[[db-side=left][db-collapsible=offcanvas]_&]:-right-2',
+      '[[db-side=right][db-collapsible=offcanvas]_&]:-left-2',
       props.class,
     )"
     @click="toggleSidebar"
diff --git a/console/console-ui/src/components/ui/sidebar/index.ts b/console/console-ui/src/components/ui/sidebar/index.ts
index ef718a9..5228665 100644
--- a/console/console-ui/src/components/ui/sidebar/index.ts
+++ b/console/console-ui/src/components/ui/sidebar/index.ts
@@ -36,7 +36,7 @@ export { default as SidebarTrigger } from "./SidebarTrigger.vue"
 export { useSidebar } from "./utils"
 
 export const sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-db-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 db-[active=true]:bg-sidebar-accent db-[active=true]:font-medium db-[active=true]:text-sidebar-accent-foreground db-[state=open]:hover:bg-sidebar-accent db-[state=open]:hover:text-sidebar-accent-foreground group-db-[collapsible=icon]:size-8! group-db-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -47,7 +47,7 @@ export const sidebarMenuButtonVariants = cva(
       size: {
         default: "h-8 text-sm",
         sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+        lg: "h-12 text-sm group-db-[collapsible=icon]:p-0!",
       },
     },
     defaultVariants: {
diff --git a/console/console-ui/src/components/ui/table/TableRow.vue b/console/console-ui/src/components/ui/table/TableRow.vue
index 8f1d172..0ad57e5 100644
--- a/console/console-ui/src/components/ui/table/TableRow.vue
+++ b/console/console-ui/src/components/ui/table/TableRow.vue
@@ -10,7 +10,7 @@ const props = defineProps<{
 <template>
   <tr
     data-slot="table-row"
-    :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
+    :class="cn('hover:bg-muted/50 db-[state=selected]:bg-muted border-b transition-colors', props.class)"
   >
     <slot />
   </tr>
diff --git a/console/console-ui/src/components/ui/tabs/TabsTrigger.vue b/console/console-ui/src/components/ui/tabs/TabsTrigger.vue
index 45e424f..b88c569 100644
--- a/console/console-ui/src/components/ui/tabs/TabsTrigger.vue
+++ b/console/console-ui/src/components/ui/tabs/TabsTrigger.vue
@@ -16,7 +16,7 @@ const forwardedProps = useForwardProps(delegatedProps)
   <TabsTrigger
     data-slot="tabs-trigger"
     :class="cn(
-      'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
+      'db-[state=active]:bg-background dark:db-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:db-[state=active]:border-input dark:db-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 db-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
       props.class,
     )"
     v-bind="forwardedProps"
diff --git a/console/console-ui/src/components/ui/tooltip/TooltipContent.vue b/console/console-ui/src/components/ui/tooltip/TooltipContent.vue
index c5d2df9..573b676 100644
--- a/console/console-ui/src/components/ui/tooltip/TooltipContent.vue
+++ b/console/console-ui/src/components/ui/tooltip/TooltipContent.vue
@@ -24,7 +24,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     <TooltipContent
       data-slot="tooltip-content"
       v-bind="{ ...forwarded, ...$attrs }"
-      :class="cn('bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance', props.class)"
+      :class="cn('bg-foreground text-background animate-in fade-in-0 zoom-in-95 db-[state=closed]:animate-out db-[state=closed]:fade-out-0 db-[state=closed]:zoom-out-95 db-[side=bottom]:slide-in-from-top-2 db-[side=left]:slide-in-from-right-2 db-[side=right]:slide-in-from-left-2 db-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance', props.class)"
     >
       <slot />
 
diff --git a/locales/en.yml b/locales/en.yml
new file mode 100644
index 0000000..c6dbe9f
--- /dev/null
+++ b/locales/en.yml
@@ -0,0 +1,4 @@
+_version: 1
+test_message: "Hello, %{name}"
+logger_is_initialized: "Logger is initialized."
+current_locale: "Current locale: %{locale_name}"
diff --git a/locales/zh-CN.yml b/locales/zh-CN.yml
new file mode 100644
index 0000000..84fe8f3
--- /dev/null
+++ b/locales/zh-CN.yml
@@ -0,0 +1,4 @@
+_version: 1
+test_message: "你好，%{name}"
+logger_is_initialized: "日志已经初始化了喵~"
+current_locale: "当前语言: %{locale_name}"
diff --git a/src/components/mod.rs b/src/components/mod.rs
new file mode 100644
index 0000000..3d8b2be
--- /dev/null
+++ b/src/components/mod.rs
@@ -0,0 +1 @@
+pub mod welcome;
diff --git a/src/components/welcome.rs b/src/components/welcome.rs
index 7430927..decc579 100644
--- a/src/components/welcome.rs
+++ b/src/components/welcome.rs
@@ -1,3 +1,36 @@
-pub fn out_welcome_screen() {
+pub fn output_welcome_screen(version: &str, version_info: &str) {
+    println!("
+ ██████╗ ███╗   ███╗███████╗ ██████╗  █████╗
+██╔═══██╗████╗ ████║██╔════╝██╔════╝ ██╔══██╗
+██║   ██║██╔████╔██║█████╗  ██║  ███╗███████║
+██║   ██║██║╚██╔╝██║██╔══╝  ██║   ██║██╔══██║
+╚██████╔╝██║ ╚═╝ ██║███████╗╚██████╔╝██║  ██║
+ ╚═════╝ ╚═╝     ╚═╝╚══════╝ ╚═════╝ ╚═╝  ╚═╝
 
+ ██████╗ ██████╗ ██████╗ ███████╗
+██╔════╝██╔═══██╗██╔══██╗██╔════╝
+██║     ██║   ██║██║  ██║█████╗
+██║     ██║   ██║██║  ██║██╔══╝
+╚██████╗╚██████╔╝██████╔╝███████╗
+ ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝
+Omega Code v{} ({})",
+             &version, &version_info);
+}
+
+pub fn output_main_screen() {
+    println!("
+
+
+  ▄████▄
+ ██▀  ▀██
+ ██    ██
+ ██    ██
+ ▄██  ██▄
+ ▀▀▀  ▀▀▀
+
+          
+")
+}
+fn main() {
+    output_welcome_screen("123","12");
 }
\ No newline at end of file
diff --git a/src/components.rs b/src/core/action/mod.rs
similarity index 100%
rename from src/components.rs
rename to src/core/action/mod.rs
diff --git a/src/core/context/mod.rs b/src/core/context/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/core/db/mod.rs b/src/core/db/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/core/event/mod.rs b/src/core/event/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/core/mod.rs b/src/core/mod.rs
new file mode 100644
index 0000000..6582b9b
--- /dev/null
+++ b/src/core/mod.rs
@@ -0,0 +1,7 @@
+pub mod action;
+pub mod state;
+pub mod route;
+pub mod event;
+pub mod update;
+pub mod context;
+pub mod db;
\ No newline at end of file
diff --git a/src/core/route/mod.rs b/src/core/route/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/core/state/mod.rs b/src/core/state/mod.rs
new file mode 100644
index 0000000..0d0b840
--- /dev/null
+++ b/src/core/state/mod.rs
@@ -0,0 +1 @@
+pub mod state;
\ No newline at end of file
diff --git a/src/core/state/state.rs b/src/core/state/state.rs
new file mode 100644
index 0000000..c6f8e30
--- /dev/null
+++ b/src/core/state/state.rs
@@ -0,0 +1,4 @@
+// pub struct AppState {
+//     pub route: Route;
+//     pub 
+// }
\ No newline at end of file
diff --git a/src/core/update/mod.rs b/src/core/update/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/db/mod.rs b/src/db/mod.rs
new file mode 100644
index 0000000..e4a9b25
--- /dev/null
+++ b/src/db/mod.rs
@@ -0,0 +1,2 @@
+mod models;
+mod store;
\ No newline at end of file
diff --git a/src/db/models/config.rs b/src/db/models/config.rs
new file mode 100644
index 0000000..766d622
--- /dev/null
+++ b/src/db/models/config.rs
@@ -0,0 +1,8 @@
+pub struct Config {
+    pub key: String,
+    pub value: String,
+    pub description: String,
+    pub type_: String,
+    pub tag: String,
+    pub sort: i32,
+}
diff --git a/src/db/models/mod.rs b/src/db/models/mod.rs
new file mode 100644
index 0000000..77e0b7f
--- /dev/null
+++ b/src/db/models/mod.rs
@@ -0,0 +1 @@
+mod config;
\ No newline at end of file
diff --git a/src/db/store/mod.rs b/src/db/store/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/health/config_checker.rs b/src/health/config_checker.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/health/db_checker.rs b/src/health/db_checker.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/health/mod.rs b/src/health/mod.rs
new file mode 100644
index 0000000..0bc440b
--- /dev/null
+++ b/src/health/mod.rs
@@ -0,0 +1,4 @@
+mod system_checker;
+mod network_checker;
+mod db_checker;
+mod config_checker;
\ No newline at end of file
diff --git a/src/health/network_checker.rs b/src/health/network_checker.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/health/system_checker.rs b/src/health/system_checker.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib.rs b/src/lib.rs
new file mode 100644
index 0000000..e8d91fe
--- /dev/null
+++ b/src/lib.rs
@@ -0,0 +1,21 @@
+use std::io;
+use crate::ui::layout::App;
+
+pub mod core;
+pub mod runtime;
+pub mod services;
+pub mod ui;
+pub mod utils;
+pub mod components;
+pub mod health;
+pub mod platform;
+pub mod db;
+pub fn run() -> io::Result<()> {
+    let mut terminal = ratatui::init();
+    let mut app = App::default();
+    // components::welcome::output_welcome_screen("123","12");
+    let result = app.run(&mut terminal);
+    ratatui::restore();
+    result
+    // Ok(())
+}
diff --git a/src/logger/mod.rs b/src/logger/mod.rs
new file mode 100644
index 0000000..ad1b5e3
--- /dev/null
+++ b/src/logger/mod.rs
@@ -0,0 +1,36 @@
+use flexi_logger::{
+    Cleanup, Criterion, Duplicate, FileSpec, Logger, LogSpecification, Naming, WriteMode,
+};
+use log::LevelFilter;
+
+/// 初始化全局日志
+/// 同时输出到：控制台(彩色) + 文件(滚动)
+pub fn init_logger() -> Result<(), Box<dyn std::error::Error>> {
+    let log_spec = LogSpecification::builder()
+        .default(LevelFilter::Debug)
+        .build();
+
+    // 2. 文件配置：每天一个文件，保留 7 天
+    let file_spec = FileSpec::default()
+        .directory("logs")
+        .basename("omega")
+        .suppress_timestamp()
+        .append_suffix(false);
+
+    // 3. 启动日志器
+    Logger::from(log_spec)
+        .write_mode(WriteMode::Async)
+        .duplicate_to_stdout(Duplicate::Info)
+        .log_to_file(file_spec)
+        .rotate(
+            Criterion::Age(chrono::Days(1)),
+            Naming::Timestamps,
+            Cleanup::KeepLogFiles(7),
+        )
+        .color(flexi_logger::ColorOpt::Auto)
+        .format(flexi_logger::detailed_format)
+        .start()?;
+
+    log::info!("日志模块初始化成功");
+    Ok(())
+}
\ No newline at end of file
diff --git a/src/main.rs b/src/main.rs
index f0f26cb..a15a0f0 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -1,27 +1,45 @@
-mod components;
+#[macro_use]
+extern crate OmegaCode;
+#[macro_use]
+extern crate log;
+#[macro_use]
+extern crate flexi_logger;
+#[macro_use]
+extern crate rust_i18n;
 
+use flexi_logger::{
+    Cleanup, Criterion, Duplicate, FileSpec, Logger, Naming, WriteMode, detailed_format,
+};
+use log::{debug, error, info, trace, warn};
+use rust_i18n::{set_locale, t};
+
+rust_i18n::i18n!("locales");
 fn main() {
-    println!(r"
- ▒█████   ███▄ ▄███▓▓█████   ▄████  ▄▄▄
-▒██▒  ██▒▓██▒▀█▀ ██▒▓█   ▀  ██▒ ▀█▒▒████▄
-▒██░  ██▒▓██    ▓██░▒███   ▒██░▄▄▄░▒██  ▀█▄
-▒██   ██░▒██    ▒██ ▒▓█  ▄ ░▓█  ██▓░██▄▄▄▄██
-░ ████▓▒░▒██▒   ░██▒░▒████▒░▒▓███▀▒ ▓█   ▓██▒
-░ ▒░▒░▒░ ░ ▒░   ░  ░░░ ▒░ ░ ░▒   ▒  ▒▒   ▓▒█░
-  ░ ▒ ▒░ ░  ░      ░ ░ ░  ░  ░   ░   ▒   ▒▒ ░
-░ ░ ░ ▒  ░      ░      ░   ░ ░   ░   ░   ▒
-    ░ ░         ░      ░  ░      ░       ░  ░
+    set_locale("en");
+    init_logger();
+    info!("{}", t!("logger_is_initialized"));
+    info!("{}", t!("test_message", name = "OmegaCode"));
+    info!("{}", t!("current_locale", locale_name = "en"));
+    OmegaCode::run();
+}
 
- ▄████▄   ▒█████  ▓█████▄ ▓█████
-▒██▀ ▀█  ▒██▒  ██▒▒██▀ ██▌▓█   ▀
-▒▓█    ▄ ▒██░  ██▒░██   █▌▒███
-▒▓▓▄ ▄██▒▒██   ██░░▓█▄   ▌▒▓█  ▄
-▒ ▓███▀ ░░ ████▓▒░░▒████▓ ░▒████▒
-░ ░▒ ▒  ░░ ▒░▒░▒░  ▒▒▓  ▒ ░░ ▒░ ░
-  ░  ▒     ░ ▒ ▒░  ░ ▒  ▒  ░ ░  ░
-░        ░ ░ ░ ▒   ░ ░  ░    ░
-░ ░          ░ ░     ░       ░  ░
-░                  ░
-Omega Code V0.1 (Pre Alpha)
-    ");
-}
\ No newline at end of file
+fn init_logger() {
+    let _logger = Logger::try_with_str("trace")
+        .unwrap()
+        .log_to_file(
+            FileSpec::default()
+                .directory(app_dir!())
+                .basename("omega")
+                .suffix("log"),
+        )
+        .rotate(
+            Criterion::Size(10_000_000),
+            Naming::Numbers,
+            Cleanup::KeepLogFiles(3),
+        )
+        .write_mode(WriteMode::BufferAndFlush)
+        .duplicate_to_stderr(Duplicate::Debug) // Logger level, production env should be Info level
+        .format_for_files(detailed_format)
+        .start()
+        .unwrap();
+}
diff --git a/src/platform/mod.rs b/src/platform/mod.rs
new file mode 100644
index 0000000..6a4085b
--- /dev/null
+++ b/src/platform/mod.rs
@@ -0,0 +1,26 @@
+pub fn get_platform_user_dir() -> String {
+    #[cfg(target_os = "windows")]
+    let user_dir = std::env::var("USERPROFILE").unwrap_or_default();
+
+    #[cfg(target_os = "linux")]
+    let user_dir = std::env::var("HOME").unwrap_or_default();
+
+    #[cfg(target_os = "macos")]
+    let user_dir = std::env::var("HOME").unwrap_or_default();
+
+    user_dir
+}
+
+pub fn get_platform_app_dir() -> String {
+    let user_dir = get_platform_user_dir();
+    let app_dir = format!("{}/.OmegaCode", user_dir);
+    std::fs::create_dir_all(&app_dir).unwrap();
+    app_dir
+}
+
+#[macro_export]
+macro_rules! app_dir {
+    () => {
+        $crate::platform::get_platform_app_dir()
+    };
+}
\ No newline at end of file
diff --git a/src/runtime/mod.rs b/src/runtime/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/services/mod.rs b/src/services/mod.rs
new file mode 100644
index 0000000..e69de29
diff --git a/src/ui/layout.rs b/src/ui/layout.rs
new file mode 100644
index 0000000..2e3402a
--- /dev/null
+++ b/src/ui/layout.rs
@@ -0,0 +1,177 @@
+use crate::utils;
+
+use ratatui::{
+    layout::{Constraint, Direction, Layout, Rect},
+    style::{Color, Modifier, Style},
+    text::{Line, Span},
+    widgets::{Block, Borders, Paragraph},
+    Frame, DefaultTerminal,
+};
+use crossterm::event::{self, Event, KeyCode};
+use std::io;
+
+// 应用状态（规范）
+#[derive(Default)]
+pub struct App {
+    exit: bool,
+}
+
+impl App {
+    /// 运行主循环直到用户退出
+    pub fn run(&mut self, terminal: &mut DefaultTerminal) -> io::Result<()> {
+        while !self.exit {
+            terminal.draw(|frame| self.draw(frame))?;
+            self.handle_events()?;
+        }
+        Ok(())
+    }
+
+    /// 绘制 UI（纯渲染，不修改状态）
+    fn draw(&self, frame: &mut Frame) {
+        let area = frame.area();
+        self.draw_welcome_ui(frame, area);
+    }
+
+    /// 处理键盘事件
+    fn handle_events(&mut self) -> io::Result<()> {
+        if event::poll(std::time::Duration::from_millis(100))? {
+            if let Event::Key(key) = event::read()? {
+                match key.code {
+                    KeyCode::Char('q') => self.exit = true,
+                    _ => {}
+                }
+            }
+        }
+        Ok(())
+    }
+}
+
+// UI 渲染逻辑
+impl App {
+    fn draw_welcome_ui(&self, frame: &mut Frame, area: Rect) {
+        // 主布局：内容区（固定17行）+ 底部提示
+        let main_chunks = Layout::default()
+            .direction(Direction::Vertical)
+            .constraints([
+                Constraint::Length(17),  // 固定高度17行
+                Constraint::Min(1),      // 至少1行，实际会占满剩余空间用于输入
+            ])
+            .split(area);
+
+        // 左右分栏（固定17行内再分割）
+        let panels = Layout::default()
+            .direction(Direction::Horizontal)
+            .constraints([
+                Constraint::Percentage(35),
+                Constraint::Percentage(65),
+            ])
+            .split(main_chunks[0]); // 使用固定的17行区域
+
+        self.draw_left_panel(frame, panels[0]);
+        self.draw_right_panel(frame, panels[1]);
+        self.draw_bottom_prompt(frame, main_chunks[1]); // 底部输入区域
+    }
+
+    /// 左侧面板
+    fn draw_left_panel(&self, frame: &mut Frame, area: Rect) {
+        let border = Block::default()
+            .borders(Borders::ALL)
+            .border_style(Style::default().fg(Color::Rgb(106, 176, 76)));
+
+        let chunks = Layout::default()
+            .direction(Direction::Vertical)
+            .constraints([
+                Constraint::Length(3),
+                Constraint::Length(10),
+                Constraint::Min(1),
+            ])
+            .split(area);
+
+        // 标题
+        let title = Paragraph::new(Line::from(
+            Span::styled(format!("Omega Code v{}",
+                                 utils::metadata::get_omega_version()[0].version),
+                         Style::default().fg(Color::Rgb(106, 176, 76)))
+        )).block(border.clone());
+        frame.render_widget(title, chunks[0]);
+
+        // 欢迎 + 图标
+        let welcome = Paragraph::new(vec![
+            Line::from("Welcome back!"),
+            Line::from(r#" ______     __    __     ______     ______     ______    "#),
+            Line::from(r#"/\  __ \   /\ "-./  \   /\  ___\   /\  ___\   /\  __ \   "#),
+            Line::from(r#"\ \ \/\ \  \ \ \-./\ \  \ \  __\   \ \ \__ \  \ \  __ \  "#),
+            Line::from(r#" \ \_____\  \ \_\ \ \_\  \ \_____\  \ \_____\  \ \_\ \_\ "#),
+            Line::from(r#"  \/_____/   \/_/  \/_/   \/_____/   \/_____/   \/_/\/_/ "#),
+        ]).alignment(ratatui::layout::Alignment::Center);
+        frame.render_widget(welcome, chunks[1]);
+
+        // 底部信息
+        let info = Paragraph::new(vec![
+            Line::from(Span::styled("Sonnet 4.5 · Max 20x", Style::default().fg(Color::DarkGray))),
+            Line::from(Span::styled("/users/meaghan/code/apps", Style::default().fg(Color::DarkGray))),
+        ]).alignment(ratatui::layout::Alignment::Center);
+        frame.render_widget(info, chunks[2]);
+
+        frame.render_widget(border, area);
+    }
+
+    /// 右侧面板：最近活动 + 新功能
+    fn draw_right_panel(&self, frame: &mut Frame, area: Rect) {
+        let chunks = Layout::default()
+            .direction(Direction::Vertical)
+            .constraints([Constraint::Percentage(50), Constraint::Percentage(50)])
+            .split(area);
+
+        // 最近活动
+        let activity_block = Block::default()
+            .title(Span::styled("Recent activity", Style::default().fg(Color::Rgb(106, 176, 76))))
+            .borders(Borders::ALL)
+            .border_style(Style::default().fg(Color::Rgb(106, 176, 76)));
+
+        let activity = Paragraph::new(vec![
+            Line::from(vec![Span::styled("1m ago   ", Color::DarkGray), Span::raw("Updated project memory")]),
+            Line::from(vec![Span::styled("8m ago   ", Color::DarkGray), Span::raw("Updated claw'd feet")]),
+            Line::from(vec![Span::styled("2d ago   ", Color::DarkGray), Span::raw("Add new words to spinner")]),
+            Line::from(vec![Span::styled("1w ago   ", Color::DarkGray), Span::raw("Update unit tests")]),
+            Line::from(vec![Span::styled("2w ago   ", Color::DarkGray), Span::raw("Created new project")]),
+            Line::from(vec![Span::styled("1y ago   ", Color::DarkGray), Span::raw("Add new words to spinner")]),
+            Line::from(Span::styled("... /resume for more", Color::DarkGray)),
+        ]).block(activity_block);
+        frame.render_widget(activity, chunks[0]);
+
+        // 新功能
+        let new_block = Block::default()
+            .title(Span::styled("How to use", Style::default().fg(Color::Rgb(106, 176, 76))))
+            .borders(Borders::ALL)
+            .border_style(Style::default().fg(Color::Rgb(106, 176, 76)));
+
+        let new_content = Paragraph::new(vec![
+            Line::from("use '/{command}' to separate commands"),
+            Line::from("use '@{fileName}' to reference the file"),
+            Line::from("can drag a file to the window to reference an attachment to ask a question"),
+            Line::from("use '@{fileName}#{lineNumber [- lineNumber]}' to reference lines in files"),
+            Line::from("open http://localhost:5200 to manage your Omega Code"),
+            Line::from(Span::styled("... /help for more", Color::DarkGray)),
+        ]).block(new_block);
+        frame.render_widget(new_content, chunks[1]);
+    }
+
+    /// 底部提示 - 输入区域
+    fn draw_bottom_prompt(&self, frame: &mut Frame, area: Rect) {
+        let prompt = Paragraph::new(Span::styled(
+            "Try \"edit <filepath> to ...\"",  // 这里可以改为实际的输入框或提示
+            Style::default().fg(Color::DarkGray)
+        ));
+        frame.render_widget(prompt, area);
+    }
+}
+
+// 标准主函数（极简、规范）
+fn main() -> io::Result<()> {
+    let mut terminal = ratatui::init();
+    let mut app = App::default();
+    let result = app.run(&mut terminal);
+    ratatui::restore();
+    result
+}
\ No newline at end of file
diff --git a/src/ui/mod.rs b/src/ui/mod.rs
new file mode 100644
index 0000000..0cc99f7
--- /dev/null
+++ b/src/ui/mod.rs
@@ -0,0 +1 @@
+pub mod layout;
\ No newline at end of file
diff --git a/src/utils/metadata.rs b/src/utils/metadata.rs
new file mode 100644
index 0000000..72d46d2
--- /dev/null
+++ b/src/utils/metadata.rs
@@ -0,0 +1,12 @@
+#[derive(Debug)]
+pub struct VersionMetadata {
+    pub version: String,
+}
+
+pub fn get_omega_version() -> Vec<VersionMetadata> {
+    let version = env!("CARGO_PKG_VERSION").to_string();
+
+    vec![VersionMetadata {
+        version,
+    }]
+}
\ No newline at end of file
diff --git a/src/utils/mod.rs b/src/utils/mod.rs
new file mode 100644
index 0000000..de5643f
--- /dev/null
+++ b/src/utils/mod.rs
@@ -0,0 +1 @@
+pub mod metadata;