@templmf/temp-solf-lmf 0.0.55 → 0.0.56

package/guanwang/src/tracker/service.js

@@ -1,102 +0,0 @@
-/**
- * tracker/service.js
- *
- * Ackee 上报服务，管理 ackee-tracker 实例和上报队列。
- * 所有事件通过 track() 统一入口，TRACK_ENABLED=false 时静默丢弃。
- */
-import { ACKEE_URL, ACKEE_DOMAIN, TRACK_ENABLED, EVENTS } from './config.js'
-
-// ── Ackee tracker 实例（懒加载）──────────────────────────────────
-let _instance = null
-let _loading  = false
-
-async function getInstance() {
-  if (_instance) return _instance
-  if (!TRACK_ENABLED) return null
-  if (_loading) {
-    // 等待加载完成
-    return new Promise(resolve => {
-      const timer = setInterval(() => {
-        if (!_loading) { clearInterval(timer); resolve(_instance) }
-      }, 50)
-    })
-  }
-
-  _loading = true
-  try {
-    const { default: ackeeTracker } = await import('ackee-tracker')
-    _instance = ackeeTracker.create(ACKEE_URL, {
-      detailed: false,    // 不收集详细浏览器信息，保护隐私
-      ignoreLocalhost: false,  // 内网环境需要设为 false
-      ignoreOwnVisits: false,
-    })
-    // 上报一次 page view（domain 维度）
-    _instance.record(ACKEE_DOMAIN)
-  } catch (e) {
-    console.warn('[tracker] ackee-tracker 加载失败', e)
-  }
-  _loading = false
-  return _instance
-}
-
-// ── 上报队列（页面加载初期 Ackee 未就绪时缓存事件）────────────────
-const _queue = []
-let _flushing = false
-
-async function flush() {
-  if (_flushing || _queue.length === 0) return
-  _flushing = true
-
-  const instance = await getInstance()
-  if (!instance) {
-    _queue.length = 0  // 无实例时清空队列（disabled 状态）
-    _flushing = false
-    return
-  }
-
-  while (_queue.length > 0) {
-    const { eventId, key, value } = _queue.shift()
-    try {
-      instance.action(eventId, { key: String(key), value: Number(value) || 1 })
-    } catch (e) {
-      console.warn('[tracker] action 上报失败', eventId, e)
-    }
-  }
-  _flushing = false
-}
-
-// ── 核心上报函数 ─────────────────────────────────────────────────
-
-/**
- * 上报一个 Ackee action
- * @param {string} eventId  EVENTS 里的 UUID
- * @param {string} key      分组维度
- * @param {number} value    数值，默认 1
- */
-export function track(eventId, key, value = 1) {
-  if (!TRACK_ENABLED) return
-  if (!eventId || !key) return
-
-  _queue.push({ eventId, key: String(key), value })
-  flush()
-}
-
-/**
- * 批量上报多个 action（同一事件触发多条记录时使用）
- * @param {Array<{eventId, key, value?}>} actions
- */
-export function trackBatch(actions) {
-  if (!TRACK_ENABLED) return
-  actions.forEach(({ eventId, key, value = 1 }) => {
-    if (eventId && key) _queue.push({ eventId, key: String(key), value })
-  })
-  flush()
-}
-
-// 页面加载后预热实例
-if (TRACK_ENABLED) {
-  getInstance()
-}
-
-// 导出 EVENTS 方便外部引用，避免重复 import config
-export { EVENTS }

package/guanwang/src/tracker/useChatTracker.js

@@ -1,179 +0,0 @@
-/**
- * tracker/useChatTracker.js
- *
- * AI 对话框埋点 composable，覆盖：
- *   - 对话行为（发消息、回复、中止、报错、模式/模型切换）
- *   - 采纳行为（复制、下载）
- *   - 提问内容分析（方向、意图、复杂度、附件，无用户关联）
- *   - 工具调用
- *
- * 用法：在 useChatStore 或 ChatBox 里引入
- *   import { useChatTracker } from '@/tracker/useChatTracker.js'
- *   const chatTracker = useChatTracker({ getUserName: () => user.value?.name })
- */
-import { track, trackBatch, EVENTS } from './service.js'
-import { getDirection, getIntent, getComplexity, getAttachmentType } from './analyze.js'
-
-/**
- * @param {object} opts
- * @param {() => string} opts.getUserName  获取当前用户名的函数，未登录返回空字符串
- */
-export function useChatTracker({ getUserName = () => '' } = {}) {
-
-  // ── 对话行为 ───────────────────────────────────────────────────
-
-  /**
-   * 用户发送消息
-   * 同时触发：模式分布、模型分布、用户用量、提问分析（4个方向）
-   *
-   * @param {object} opts
-   * @param {string}   opts.mode         当前模式
-   * @param {string}   opts.modelName    模型显示名
-   * @param {string}   opts.text         提问文本（本地分析后不上报原文）
-   * @param {Array}    opts.attachments  附件列表
-   */
-  function messageSent({ mode, modelName, text = '', attachments = [] }) {
-    const userName = getUserName()
-
-    // 对话行为：模式、模型、用户
-    const actions = [
-      { eventId: EVENTS.MSG_MODE,  key: mode      || 'unknown' },
-      { eventId: EVENTS.MSG_MODEL, key: modelName || 'unknown' },
-    ]
-    if (userName) {
-      actions.push({ eventId: EVENTS.MSG_USER, key: userName })
-    }
-    trackBatch(actions)
-
-    // 提问内容分析（无用户关联，单独上报）
-    _trackQuestionAnalysis(text, mode, attachments)
-  }
-
-  /**
-   * AI 回复开始（记录开始时间，和 responseDone 配合计算耗时）
-   * @returns {number} startTime 用于传入 responseDone
-   */
-  function responseStart() {
-    return Date.now()
-  }
-
-  /**
-   * AI 回复完成
-   * @param {object} opts
-   * @param {number}  opts.startTime   responseStart() 返回的时间戳
-   * @param {number}  opts.ttfbMs      首字节延迟（ms）
-   * @param {string}  opts.modelName   模型显示名
-   * @param {boolean} opts.hasError    是否报错
-   * @param {string}  opts.errorType   报错类型，hasError=true 时有值
-   * @param {string[]} opts.toolNames  触发的工具名列表
-   */
-  function responseDone({ startTime, ttfbMs, modelName, hasError, errorType, toolNames = [] }) {
-    const duration = startTime ? Date.now() - startTime : 0
-    const name     = modelName || 'unknown'
-
-    if (hasError) {
-      track(EVENTS.RESP_ERROR, errorType || 'unknown')
-      return
-    }
-
-    const actions = [
-      { eventId: EVENTS.RESP_DURATION, key: name, value: duration },
-    ]
-    if (ttfbMs > 0) {
-      actions.push({ eventId: EVENTS.RESP_TTFB, key: name, value: ttfbMs })
-    }
-    trackBatch(actions)
-
-    // 工具调用
-    toolNames.forEach(toolName => {
-      track(EVENTS.TOOL_EXECUTED, toolName)
-    })
-  }
-
-  /**
-   * 用户中止回复
-   * @param {string} userName
-   */
-  function responseAbort(userName) {
-    track(EVENTS.RESP_ABORT, userName || getUserName() || 'anonymous')
-  }
-
-  /**
-   * 模式切换
-   * @param {string} fromMode
-   * @param {string} toMode
-   * @param {'manual'|'ai_tool'} trigger  触发来源
-   */
-  function modeSwitch(fromMode, toMode, trigger = 'manual') {
-    track(EVENTS.MODE_SWITCH, `${fromMode}→${toMode}:${trigger}`)
-  }
-
-  // ── 采纳行为 ───────────────────────────────────────────────────
-
-  /**
-   * 内容复制
-   * @param {object} opts
-   * @param {'code_block'|'artifact_panel'|'bubble_text'|'bubble_btn'} opts.source
-   * @param {string} opts.lang      代码语言，非代码时传空字符串
-   */
-  function contentCopy({ source, lang }) {
-    const userName = getUserName()
-    const actions  = [
-      { eventId: EVENTS.COPY_SOURCE, key: source || 'unknown' },
-    ]
-    if (userName) {
-      actions.push({ eventId: EVENTS.COPY_USER, key: userName })
-    }
-    if (lang) {
-      actions.push({ eventId: EVENTS.COPY_LANG, key: lang })
-    }
-    trackBatch(actions)
-  }
-
-  /**
-   * 文件下载
-   * @param {object} opts
-   * @param {string} opts.lang       文件语言
-   */
-  function fileDownload({ lang }) {
-    const userName = getUserName()
-    const actions  = [
-      { eventId: EVENTS.DOWNLOAD_LANG, key: lang || 'unknown' },
-    ]
-    if (userName) {
-      actions.push({ eventId: EVENTS.DOWNLOAD_USER, key: userName })
-    }
-    trackBatch(actions)
-  }
-
-  // ── 提问内容分析（内部，无用户关联）──────────────────────────
-  function _trackQuestionAnalysis(text, mode, attachments) {
-    const direction      = getDirection(mode)
-    const intent         = getIntent(text, mode)
-    const complexity     = getComplexity(text)
-    const attachmentType = getAttachmentType(attachments)
-
-    const actions = [
-      { eventId: EVENTS.Q_DIRECTION,  key: direction },
-      { eventId: EVENTS.Q_COMPLEXITY, key: complexity },
-      { eventId: EVENTS.Q_ATTACHMENT, key: attachmentType },
-    ]
-
-    // 意图只在代码方向触发
-    if (intent) {
-      actions.push({ eventId: EVENTS.Q_INTENT, key: intent })
-    }
-
-    trackBatch(actions)
-  }
-
-  return {
-    messageSent,
-    responseStart,
-    responseDone,
-    responseAbort,
-    modeSwitch,
-    contentCopy,
-    fileDownload,
-  }
-}

package/guanwang/src/tracker/useTracker.js

@@ -1,45 +0,0 @@
-/**
- * tracker/useTracker.js
- *
- * 官网页面行为埋点 composable。
- * 在 App.vue 或各页面组件里引入使用。
- *
- * 用法：
- *   import { useTracker } from '@/tracker/useTracker.js'
- *   const tracker = useTracker()
- *   tracker.pageView('/chat')
- *   tracker.btnClick('hero_cta', '立即体验')
- */
-import { track, EVENTS } from './service.js'
-
-export function useTracker() {
-
-  /**
-   * 页面访问
-   * 在路由 afterEach 里调用
-   * @param {string} path  路由路径，如 '/chat'
-   */
-  function pageView(path) {
-    track(EVENTS.PAGE_VIEW, path)
-  }
-
-  /**
-   * 按钮点击
-   * @param {string} btnId    按钮唯一标识，如 'hero_cta' / 'nav_chat'
-   * @param {string} [label]  按钮文案，可选，用于拼接 key 更易读
-   */
-  function btnClick(btnId, label) {
-    const key = label ? `${btnId}:${label}` : btnId
-    track(EVENTS.BTN_CLICK, key)
-  }
-
-  /**
-   * 登录成功
-   * @param {string} userName
-   */
-  function loginSuccess(userName) {
-    track(EVENTS.LOGIN_SUCCESS, userName || 'unknown')
-  }
-
-  return { pageView, btnClick, loginSuccess }
-}

package/guanwang/src/views/ChatView.vue

@@ -1,65 +0,0 @@
-<template>
-  <div class="chat-page">
-    <ChatBox
-      :config="sdkConfig"
-      :chat-store="chatStore"
-      :user="user"
-    />
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue'
-import { useAuth } from '../composables/useAuth.js'
-import ChatBox from '../chat-sdk/core/components/ChatBox.vue'
-
-const props = defineProps({
-  chatStore: { type: Object, required: true },
-})
-
-const { user } = useAuth()
-
-const sdkConfig = computed(() => ({
-  title: 'Frontend AI 助手',
-  placeholder: '向 AI 发消息... (Enter 发送，Shift+Enter 换行)',
-
-  // 注入用户信息，供埋点使用
-  getUser: () => user.value,
-
-  models: [
-    {
-      id:      import.meta.env.VITE_MODEL || 'gpt-4o',
-      name:    import.meta.env.VITE_MODEL || 'gpt-4o',
-      baseURL: import.meta.env.VITE_API_BASE_URL || 'https://api.openai.com',
-      apiKey:  import.meta.env.VITE_API_KEY || '',
-      vision:  false,
-    },
-  ],
-  defaultModel: import.meta.env.VITE_MODEL || 'gpt-4o',
-  autoVision: true,
-
-  modes: ['code', 'ask', 'architect', 'requirements'],
-  defaultMode: 'code',
-
-  features: {
-    artifact:    true,
-    markdown:    true,
-    upload:      true,
-    codepreview: true,
-    modelSelector: true
-  },
-
-  userControls: {
-    modelSelector: true,
-    artifact:      true,
-    upload:        true,
-  },
-}))
-</script>
-
-<style scoped>
-.chat-page {
-  height: calc(100vh - 64px);
-  overflow: hidden;
-}
-</style>

package/guanwang/src/views/HomeView.vue

@@ -1,156 +0,0 @@
-<template>
-  <div class="dot-grid" style="position: relative;">
-    <div class="glow-orb" style="width: 400px; height: 400px; background: rgba(26,111,196,0.2); top: 0; left: 25%;" />
-    <div class="glow-orb" style="width: 260px; height: 260px; background: rgba(96,165,250,0.1); top: 140px; right: 25%;" />
-
-    <!-- Hero -->
-    <section style="position: relative; max-width: 860px; margin: 0 auto; padding: 80px 24px 96px; display: flex; flex-direction: column; align-items: center; text-align: center;">
-      <div class="animate-fade-up" style="display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 999px; border: 1px solid var(--tag-border); background: var(--tag-bg); margin-bottom: 28px;">
-        <span class="animate-pulse-slow" style="width: 7px; height: 7px; border-radius: 50%; background: #4ade80; display: inline-block;" />
-        <span class="font-mono" style="font-size: 12px; color: var(--brand-400);">v1.0 现已上线 · 对话即服务</span>
-      </div>
-
-      <h1 class="font-display animate-fade-up stagger-1" style="font-weight: 800; line-height: 1.1; margin-bottom: 16px; font-size: clamp(2.4rem, 5.5vw, 3.8rem);">
-        <span class="gradient-text">Citic Frontend</span><br />
-      </h1>
-
-      <p class="animate-fade-up stagger-2" style="color: var(--text-secondary); margin-bottom: 36px; max-width: 480px; font-size: 1rem; line-height: 1.7; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">
-        前端开发全流程智能伙伴
-      </p>
-
-      <div class="glass animate-fade-up stagger-3" style="width: 100%; max-width: 600px; border-radius: 16px; padding: 18px 18px 14px; box-shadow: 0 0 60px rgba(26,111,196,0.08), 0 20px 40px rgba(0,0,0,0.12);">
-        <div style="display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px;">
-          <button
-            v-for="s in QUICK"
-            :key="s"
-            class="quick-btn"
-            style="font-size: 12px; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--border-subtle); background: var(--bg-secondary); color: var(--text-secondary); cursor: pointer; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; transition: all 0.15s;"
-            @click="handleSend(s)"
-          >{{ s }}</button>
-        </div>
-        <InputBar
-          :is-loading="false"
-          placeholder="描述您的需求，回车即进入 AI 对话..."
-          :available-models="props.chatStore.availableModels.filter(m => !m.vision)"
-          :selected-model-id="props.chatStore.selectedModel.value?.id || ''"
-          :show-model-selector="true"
-          @send="handleSend"
-          @select-model="props.chatStore.selectModel"
-        />
-        <p class="font-mono" style="font-size: 11px; color: var(--text-muted); text-align: center; margin-top: 10px;">
-          发送后自动跳转到 AI 对话页面
-        </p>
-      </div>
-    </section>
-
-    <!-- Features -->
-    <section style="max-width: 960px; margin: 0 auto; padding: 0 24px 96px;">
-      <h2 class="section-title" style="text-align: center; margin-bottom: 10px;">核心能力</h2>
-      <p style="color: var(--text-secondary); text-align: center; margin-bottom: 40px; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">四大场景，全部通过对话驱动</p>
-      <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px;">
-        <div v-for="f in FEATURES" :key="f.title" class="card">
-          <div style="width: 44px; height: 44px; border-radius: 12px; background: var(--tag-bg); border: 1px solid var(--tag-border); display: flex; align-items: center; justify-content: center; margin-bottom: 14px;">
-            <component :is="f.Icon" :size="22" color="var(--brand-400)" :stroke-width="1.75" />
-          </div>
-          <h3 class="font-display" style="font-weight: 600; color: var(--text-primary); font-size: 15px; margin-bottom: 8px;">{{ f.title }}</h3>
-          <p style="color: var(--text-secondary); font-size: 13px; line-height: 1.6; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">{{ f.desc }}</p>
-          <div style="margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border-subtle);">
-            <span class="font-mono" style="font-size: 12px; color: var(--brand-400);">{{ f.example }}</span>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- Stats -->
-    <section ref="statsRef" style="max-width: 960px; margin: 0 auto; padding: 0 24px 96px;">
-      <div class="glass" style="border-radius: 16px; padding: 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 32px; text-align: center;">
-        <div v-for="(stat, i) in RAW_STATS" :key="stat.label" style="display: flex; flex-direction: column; align-items: center; gap: 4px;">
-          <div class="font-display" style="font-weight: 700; color: var(--text-primary); font-size: 2rem;">
-            {{ counters[i].current.value.toLocaleString() }}<span style="color: var(--brand-400);">{{ stat.suffix }}</span>
-          </div>
-          <div style="color: var(--text-muted); font-size: 14px; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">{{ stat.label }}</div>
-        </div>
-      </div>
-    </section>
-
-    <!-- CTA -->
-    <section style="max-width: 960px; margin: 0 auto; padding: 0 24px 112px; text-align: center;">
-      <div class="glass" style="border-radius: 16px; padding: 48px 32px; position: relative; overflow: hidden;">
-        <div class="glow-orb" style="width: 256px; height: 256px; background: rgba(26,111,196,0.15); top: -40px; left: 50%; transform: translateX(-50%);" />
-        <h2 class="section-title" style="margin-bottom: 14px; position: relative; z-index: 1;">立即体验对话式开发</h2>
-        <p style="color: var(--text-secondary); margin-bottom: 28px; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; position: relative; z-index: 1;">无需配置，直接对话，从第一个消息开始提速</p>
-        <div style="display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1;">
-          <button class="btn-primary" style="padding: 12px 32px; font-size: 15px;" @click="router.push('/chat')">
-            <MessageSquare :size="16" /> 开始 AI 对话
-          </button>
-          <button class="btn-ghost" style="padding: 12px 32px; font-size: 15px; border: 1px solid var(--border-default); border-radius: 8px;" @click="router.push('/market')">
-            <Layers :size="16" /> 浏览组件市场
-          </button>
-        </div>
-      </div>
-    </section>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted } from 'vue'
-import { useRouter } from 'vue-router'
-import { Rocket, Package, BarChart2, Wrench, MessageSquare, Layers } from 'lucide-vue-next'
-import InputBar from '../chat-sdk/core/components/InputBar.vue'
-import { useCountUp } from '../composables/useCountUp.js'
-
-const props = defineProps({
-  chatStore: { type: Object, required: true },
-})
-
-const router = useRouter()
-
-const FEATURES = [
-  { Icon: Rocket,    title: '脚手架生成', desc: '描述项目类型和技术栈，AI 即时生成可运行的工程模板', example: '「生成 Vue 3 + TS + Pinia 项目」' },
-  { Icon: Package,   title: '组件搜索',   desc: '用自然语言找到最合适的组件，直接获取安装命令',       example: '「找一个企业级 Table 组件」' },
-  { Icon: BarChart2, title: '流水线监控', desc: '对话查询 CI/CD 状态，异常时自动推送修复建议',       example: '「查看 main 分支构建状态」' },
-  { Icon: Wrench,    title: '异常修复',   desc: '粘贴报错信息，获取精准定位分析与可执行修复方案',     example: '「分析这个 TypeScript 报错」' },
-]
-
-const RAW_STATS = [
-  { label: '接入开发者',   target: 12000, suffix: '+' },
-  { label: '组件总数',     target: 380,   suffix: '+' },
-  { label: 'Skills 数量', target: 95,    suffix: '+' },
-  { label: 'GitHub Stars', target: 2100,  suffix: '★' },
-]
-
-const QUICK = ['生成 Vue 3 + TS 脚手架', '查找 Table 组件', '查看流水线状态', '分析构建失败原因']
-
-const counters  = RAW_STATS.map(s => useCountUp(s.target))
-const statsRef  = ref(null)
-let   observer  = null
-
-function handleSend(val) {
-  const sid = props.chatStore.newSession(val)
-  router.push('/chat')
-  setTimeout(() => props.chatStore.sendMessage(val, sid), 80)
-}
-
-onMounted(() => {
-  observer = new IntersectionObserver(
-    ([entry]) => {
-      if (entry.isIntersecting) {
-        counters.forEach(c => c.start())
-        observer.disconnect()
-      }
-    },
-    { threshold: 0.3 }
-  )
-  if (statsRef.value) observer.observe(statsRef.value)
-})
-
-onUnmounted(() => observer?.disconnect())
-</script>
-
-<style scoped>
-.quick-btn:hover {
-  border-color: rgba(26,111,196,0.4) !important;
-  color: var(--brand-400) !important;
-  background: var(--tag-bg) !important;
-}
-</style>