@vibe-forge/client 0.2.0-alpha.9 → 0.3.0

package/src/components/knowledge-base/components/RuleList.tsx

@@ -0,0 +1,70 @@
+import './RuleList.scss'
+
+import { List } from 'antd'
+import { useTranslation } from 'react-i18next'
+
+import type { RuleSummary } from '#~/api.js'
+import { EmptyState } from './EmptyState'
+import { KnowledgeList } from './KnowledgeList'
+import { LoadingState } from './LoadingState'
+import { RuleItem } from './RuleItem'
+
+type RuleListProps = {
+  isLoading: boolean
+  rules: RuleSummary[]
+  filteredRules: RuleSummary[]
+  onCreate: () => void
+}
+
+export function RuleList({
+  isLoading,
+  rules,
+  filteredRules,
+  onCreate
+}: RuleListProps) {
+  const { t } = useTranslation()
+
+  if (isLoading) {
+    return (
+      <div className='knowledge-base-view__rule-list'>
+        <LoadingState />
+      </div>
+    )
+  }
+
+  if (rules.length === 0) {
+    return (
+      <div className='knowledge-base-view__rule-list'>
+        <EmptyState
+          description={t('knowledge.rules.empty')}
+          actionLabel={t('knowledge.rules.create')}
+          onAction={onCreate}
+        />
+      </div>
+    )
+  }
+
+  if (filteredRules.length === 0) {
+    return (
+      <div className='knowledge-base-view__rule-list'>
+        <EmptyState
+          description={t('knowledge.filters.noResults')}
+          variant='simple'
+        />
+      </div>
+    )
+  }
+
+  return (
+    <div className='knowledge-base-view__rule-list'>
+      <KnowledgeList
+        data={filteredRules}
+        renderItem={(rule) => (
+          <List.Item className='knowledge-base-view__list-item'>
+            <RuleItem rule={rule} />
+          </List.Item>
+        )}
+      />
+    </div>
+  )
+}

package/src/components/knowledge-base/components/RulesTab.tsx

@@ -1,19 +1,33 @@
 import './RulesTab.scss'
 
-import { Space } from 'antd'
+import { Input, Space } from 'antd'
 import { useTranslation } from 'react-i18next'
 
+import type { RuleSummary } from '#~/api.js'
 import { ActionButton } from './ActionButton'
-import { EmptyState } from './EmptyState'
+import { RuleList } from './RuleList'
 import { SectionHeader } from './SectionHeader'
 import { TabContent } from './TabContent'
 
 type RulesTabProps = {
+  rules: RuleSummary[]
+  filteredRules: RuleSummary[]
+  isLoading: boolean
+  query: string
+  onQueryChange: (value: string) => void
   onCreate: () => void
   onImport: () => void
 }
 
-export function RulesTab({ onCreate, onImport }: RulesTabProps) {
+export function RulesTab({
+  rules,
+  filteredRules,
+  isLoading,
+  query,
+  onQueryChange,
+  onCreate,
+  onImport
+}: RulesTabProps) {
   const { t } = useTranslation()
 
   return (
@@ -39,10 +53,21 @@ export function RulesTab({ onCreate, onImport }: RulesTabProps) {
           </Space>
         )}
       />
-      <EmptyState
-        description={t('knowledge.rules.empty')}
-        actionLabel={t('knowledge.rules.create')}
-        onAction={onCreate}
+      <div className='knowledge-base-view__filters'>
+        <Input
+          className='knowledge-base-view__filter-input'
+          prefix={<span className='material-symbols-rounded knowledge-base-view__filter-icon'>search</span>}
+          placeholder={t('knowledge.filters.search')}
+          allowClear
+          value={query}
+          onChange={(e) => onQueryChange(e.target.value)}
+        />
+      </div>
+      <RuleList
+        isLoading={isLoading}
+        rules={rules}
+        filteredRules={filteredRules}
+        onCreate={onCreate}
       />
     </TabContent>
   )

package/src/resources/locales/en.json

@@ -758,8 +758,15 @@
       "plugins": "Plugins",
       "mcp": "MCP",
       "shortcuts": "Shortcuts",
+      "appearance": "Appearance",
       "experiments": "Experiments",
       "about": "About"
+    },
+    "appSettings": {
+      "announcements": {
+        "label": "Show announcements",
+        "desc": "Show announcements when creating a new session"
+      }
     }
   }
 }

package/src/resources/locales/zh.json

@@ -759,8 +759,15 @@
       "plugins": "插件",
       "mcp": "MCP",
       "shortcuts": "快捷键",
+      "appearance": "外观",
       "experiments": "实验功能",
       "about": "关于"
+    },
+    "appSettings": {
+      "announcements": {
+        "label": "显示公告",
+        "desc": "新建会话时展示公告信息"
+      }
     }
   }
 }

package/src/store/index.ts

@@ -21,3 +21,5 @@ export type ThemeMode = 'light' | 'dark' | 'system'
 export const themeAtom = atom<ThemeMode>(
   (localStorage.getItem('theme') as ThemeMode) || 'system'
 )
+
+export const showAnnouncementsAtom = atom(true)

package/dist/assets/channel-DrWdSpqV.js

@@ -1 +0,0 @@
-import{al as o,am as n}from"./mermaid.core-Cabag9SZ.js";const l=(a,r)=>o.lang.round(n.parse(a)[r]);export{l as c};

package/dist/assets/clone-D0cC8LLB.js

@@ -1 +0,0 @@
-import{a as r}from"./graph-CRWF39gX.js";var a=4;function n(o){return r(o,a)}export{n as c};

package/dist/assets/flowDiagram-v2-4f6560a1-Bf_DH7dp.js

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-DG6WKyo7.js";import{f as a,g as t}from"./styles-d45a18b0-BE3106vL.js";import{ar as i}from"./mermaid.core-Cabag9SZ.js";import"./graph-CRWF39gX.js";import"./layout-C88ObkCf.js";import"./index-CNMzWvKV.js";import"./index-5325376f-W1hft795.js";import"./clone-D0cC8LLB.js";import"./edges-96097737-CMEArkOa.js";import"./createText-1719965b-ByfEqOF-.js";import"./line-C7WAYMt5.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-DrWdSpqV.js";const n={parser:e,db:o,renderer:t,styles:a,init:r=>{r.flowchart||(r.flowchart={}),r.flowchart.arrowMarkerAbsolute=r.arrowMarkerAbsolute,i({flowchart:{arrowMarkerAbsolute:r.arrowMarkerAbsolute}}),t.setConf(r.flowchart),o.clear(),o.setGen("gen-2")}};export{n as diagram};