@tbox.cn/app-template-agent 0.7.5 → 0.8.0

package/profiles/mall/config/llm_provider.json

@@ -0,0 +1,5 @@
+{
+  "modelName": "glm-5.1",
+  "thinking": false,
+  "parallelToolCalls": true
+}

package/profiles/mall/config/plugins.json

@@ -0,0 +1,3 @@
+{
+  "plugins": []
+}

package/profiles/mall.json

@@ -0,0 +1,16 @@
+{
+  "$comment": "mall 画像（单一模板统一化 W4）：create --profile mall 执行器（W5 接线）按 modules 序列加装 + configOverlay 叠加（--config-dir 通道）。provider 轴独立（缺省 mock-only 演示态；vendor 档由部署者后续 add）。",
+  "name": "mall",
+  "description": "商圈 AI Agent：家页形态（home 槽）+ 域装配 + 六业务域（导购/会员/停车/营销/活动/客服）",
+  "modules": [
+    "@tbox.cn/app-module-mall-core",
+    "@tbox.cn/app-module-mall-home",
+    "@tbox.cn/app-module-shopping-guide",
+    "@tbox.cn/app-module-member",
+    "@tbox.cn/app-module-parking",
+    "@tbox.cn/app-module-promotion",
+    "@tbox.cn/app-module-alipay-activity",
+    "@tbox.cn/app-module-customer-service"
+  ],
+  "configOverlay": "profiles/mall/config"
+}

package/scripts/check-workspace.mjs

@@ -100,9 +100,10 @@ function printFailure(findings) {
   process.exitCode = 1;
 }
 
-/** 豁免：SDK/契约包无 tbox.module.json（002 §2.3 / 003 §4.1） */
+/** 豁免：SDK/契约/UI-Kit 包无 tbox.module.json（002 §2.3 / 003 §4.1；kit 为壳 UI 源码包，
+ *  单一模板统一化 W2-5——无模块贡献面，非业务模块） */
 function isExemptPackage(dirName) {
-  return dirName === 'app-sdk' || dirName === 'shared' || dirName.startsWith('contracts');
+  return dirName === 'app-sdk' || dirName === 'shared' || dirName.startsWith('contracts') || dirName === 'agent-ui-kit';
 }
 
 /** 校验 packages/* 每个业务包必须有 tbox.module.json（002 §2.3 / 003 §4.1） */

package/apps/client/src/cards/CardRenderer.tsx

@@ -1,20 +0,0 @@
-/**
- * 卡片渲染入口 — 注入本地 registry 后委托 SDK 的 CardRenderer。
- * 011 B3：动作按钮 → sendUiAction（token 来自 payload.actionTokens）。
- * P1：onAction 升级为完整 UiAction（CardRenderer 按 kind 分发后回传，桥一行透传）。
- */
-import { CardRenderer as SdkCardRenderer } from '@tbox.cn/app-sdk/client';
-import type { TboxCardPayload, UiAction } from '@tbox.cn/app-contracts';
-import { CARD_REGISTRY } from './registry';
-import { useChatStore } from '@/store/chat';
-
-export function CardRenderer({ card }: { card: TboxCardPayload }) {
-  const sendUiAction = useChatStore((s) => s.sendUiAction);
-  return (
-    <SdkCardRenderer
-      card={card}
-      registry={CARD_REGISTRY}
-      onAction={(action: UiAction) => sendUiAction(card.id, action)}
-    />
-  );
-}

package/apps/client/src/components/ChatHeader/index.less

@@ -1,104 +0,0 @@
-/* 顶部居中浮动控件：毛玻璃按钮组 + 下方小手柄；折叠时只剩手柄。对齐原模板。 */
-.chat-header {
-  position: absolute;
-  top: 4px;
-  left: 0;
-  right: 0;
-  z-index: 100;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 4px 16px 0;
-  pointer-events: none;
-
-  &__group {
-    pointer-events: auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    margin-bottom: 8px;
-    padding: 12px 16px;
-    background: rgba(255, 255, 255, 0.4);
-    backdrop-filter: blur(10px);
-    border-radius: 31px;
-    max-height: 100px;
-    overflow: hidden;
-    opacity: 1;
-    transform: translateY(0) scale(1);
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-
-    &--collapsed {
-      opacity: 0;
-      transform: translateY(-20px) scale(0.95);
-      max-height: 0;
-      margin-bottom: 0;
-      padding-top: 0;
-      padding-bottom: 0;
-      pointer-events: none;
-    }
-  }
-
-  &__btn {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    appearance: none;
-    border: none;
-    padding: 12px 24px;
-    background: #fff;
-    border-radius: 92px;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
-    transition: all 0.2s ease;
-
-    &:active {
-      transform: scale(0.98);
-      background: #f5f5f5;
-    }
-  }
-
-  &__btn-icon {
-    width: 32px;
-    height: 32px;
-    flex-shrink: 0;
-  }
-
-  &__btn-text {
-    font-size: 24px;
-    color: #4b6282;
-    font-weight: 500;
-    white-space: nowrap;
-    line-height: 1;
-  }
-
-  &__toggle {
-    pointer-events: auto;
-    appearance: none;
-    border: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 110px;
-    height: 30px;
-    background: rgba(255, 255, 255, 0.8);
-    border-radius: 14px;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
-    transition: all 0.2s ease;
-
-    &:active {
-      transform: scale(0.98);
-      background: #f5f5f5;
-    }
-  }
-
-  &__arrow {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-
-    &--up {
-      transform: rotate(180deg);
-    }
-  }
-}

package/apps/client/src/components/ErrorBoundary.tsx

@@ -1,2 +0,0 @@
-// Re-export from app-sdk
-export { ErrorBoundary } from '@tbox.cn/app-sdk/client';

package/apps/client/src/components/QuickCommands/index.less

@@ -1,48 +0,0 @@
-.quick-commands {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  max-width: var(--tbox-content-max-width);
-  margin: 0 auto;
-  box-sizing: border-box;
-  display: flex;
-  gap: 16px;
-  overflow-x: auto;
-  padding: 0 24px 12px;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  &__item {
-    flex-shrink: 0;
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    height: 61px;
-    padding: 0 24px 0 16px;
-    appearance: none;
-    border: none;
-    background: #fff;
-    border-radius: 31px;
-    box-shadow: 0 2px 12px rgba(110, 139, 180, 0.12);
-  }
-
-  &__icon {
-    width: 32px;
-    height: 32px;
-    object-fit: contain;
-  }
-
-  &__icon-svg {
-    color: var(--tbox-primary);
-  }
-
-  &__label {
-    font-size: 26px;
-    color: rgba(31, 59, 99, 0.85);
-    white-space: nowrap;
-  }
-}

package/apps/client/src/components/QuickCommands/index.tsx

@@ -1,29 +0,0 @@
-// ⚠️ 平台标准组件：输入框上方的「快捷指令」。视觉还原时不改本组件、不另画。
-// 改内容只改 client/config/chat.json 的 quickCommands 数组（{ label, query, icon? }）。
-// 011 I2：服务端 HelloAck.chatConfig.quickCommands 优先（单一真源），本地 chat.json 为 fallback。
-// label 只写纯文字；前面的星标由本组件渲染（icon 字段或默认 ✦），不要把 ✦/emoji 写进 label。
-import { useChatConfigStore } from '@/store/chat-config';
-import { useChatStore } from '@/store/chat';
-import starIcon from '../../../assets/quick-command-star.svg';
-import './index.less';
-
-export function QuickCommands({ onCommand }: { onCommand: (query: string) => void }) {
-  const staticCommands = useChatConfigStore((s) => s.quickCommands);
-  const serverCommands = useChatStore((s) => s.helloAck?.chatConfig.quickCommands);
-  // 服务端下发优先；未收到 HELLO_ACK（非 mall 部署）回落本地静态
-  const commands = (serverCommands && serverCommands.length > 0
-    ? serverCommands.map((c) => ({ label: c.label, query: c.prompt }))
-    : staticCommands) as { label: string; query: string }[];
-  if (!commands.length) return null;
-
-  return (
-    <div className="quick-commands">
-      {commands.map((cmd) => (
-        <button key={cmd.label} className="quick-commands__item" onClick={() => onCommand(cmd.query)}>
-          <img className="quick-commands__icon" src={starIcon} alt="" />
-          <span className="quick-commands__label">{cmd.label}</span>
-        </button>
-      ))}
-    </div>
-  );
-}

package/apps/client/src/components/ToolCallBlock/index.less

@@ -1,131 +0,0 @@
-.tool-calls {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin: 0 0 12px;
-}
-
-.tool-call {
-  border-radius: 12px;
-  overflow: hidden;
-
-  &--calling {
-    background: rgba(16, 163, 127, 0.08);
-  }
-  &--done {
-    background: rgba(0, 0, 0, 0.03);
-  }
-  &--error {
-    background: rgba(239, 68, 68, 0.08);
-  }
-
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 12px 16px;
-  }
-
-  &__left {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    min-width: 0;
-  }
-
-  &__spinner {
-    width: 14px;
-    height: 14px;
-    border: 2px solid rgba(16, 163, 127, 0.3);
-    border-top-color: #10a37f;
-    border-radius: 50%;
-    flex-shrink: 0;
-    animation: tool-spin 0.8s linear infinite;
-  }
-
-  // 010：前置工具「自动」徽标（与模型主动调用区分）
-  &__badge {
-    font-size: 18px;
-    line-height: 1;
-    padding: 3px 8px;
-    border-radius: 8px;
-    background: rgba(93, 126, 198, 0.12);
-    color: #5f7ec6;
-    flex-shrink: 0;
-  }
-
-  &__name {
-    font-size: 22px;
-    line-height: 1.4;
-    color: #4a5568;
-    font-weight: 500;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  &--calling &__name {
-    color: #10a37f;
-  }
-  &--error &__name {
-    color: #ef4444;
-  }
-
-  &__toggle {
-    font-size: 20px;
-    color: #8b95b0;
-    flex-shrink: 0;
-    margin-left: 8px;
-  }
-
-  &__result {
-    padding: 0 16px 12px;
-  }
-
-  &__result-text {
-    font-size: 20px;
-    color: #6b7a99;
-    line-height: 1.6;
-    font-family: Menlo, Monaco, Consolas, monospace;
-    white-space: pre-wrap;
-    word-break: break-all;
-
-    &--error {
-      color: #dc2626;
-    }
-  }
-
-  // 018 dev 视图输入/输出双栏（紧凑单行 + 头尾保留）
-  &__io {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-
-    & + & {
-      margin-top: 12px;
-    }
-  }
-
-  &__io-label {
-    font-size: 18px;
-    color: #8a97ad;
-  }
-
-  &__io-text {
-    font-size: 20px;
-    color: #6b7a99;
-    line-height: 1.6;
-    font-family: Menlo, Monaco, Consolas, monospace;
-    white-space: pre-wrap;
-    word-break: break-all;
-
-    &--error {
-      color: #dc2626;
-    }
-  }
-}
-
-@keyframes tool-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}

package/apps/client/src/components/ToolCallBlock/index.tsx

@@ -1,125 +0,0 @@
-import { useState } from 'react';
-import { Check, X } from '@phosphor-icons/react';
-import { parseMemoryToolCallArgs, parsePreToolToolCallArgs } from '@tbox.cn/app-contracts';
-import type { ToolCallInfo } from '@/types/chat';
-import { describeToolCall, formatCompactToolIo } from '@tbox.cn/app-sdk/client';
-import './index.less';
-
-/**
- * 工具调用状态卡片（调用中 spinner / 完成 / 失败）。
- * 010：展示语义判定下沉 SDK describeToolCall（skill/preTool/normal/memory 四分支），
- * 本组件退化为纯渲染（徽标/颜色/展开交互）。
- * 018 tool-debug：debug 门控在渲染层——prod 恒无出入参展开入口（I4）；
- * dev 详情走 formatCompactToolIo（紧凑单行 + 头尾保留），输入输出双栏。
- */
-export default function ToolCallBlock({
-  toolCalls,
-  debug = false,
-}: {
-  toolCalls: ToolCallInfo[];
-  /** 018 tool-debug：dev 视图（出入参展开 + 紧凑格式）；prod 缺省 false */
-  debug?: boolean;
-}) {
-  const [expandedId, setExpandedId] = useState<string | null>(null);
-
-  return (
-    <div className="tool-calls">
-      {toolCalls.map((tc) => {
-        const display = describeToolCall(tc);
-        const isCalling = tc.status === 'calling';
-        const isError =
-          tc.status === 'error' ||
-          (display.kind === 'preTool' && display.status === 'error') ||
-          (display.kind === 'memory' && display.status === 'degraded');
-        const isDone = !isCalling && !isError;
-        const isExpanded = expandedId === tc.id;
-        // 018 I4：prod 恒无展开入口；dev 按 display.hasDetail
-        const hasDetail = debug && display.hasDetail;
-        const stateClass = isError ? 'tool-call--error' : isCalling ? 'tool-call--calling' : 'tool-call--done';
-
-        const displayName = (() => {
-          if (display.kind === 'skill') {
-            return isCalling ? `加载技能 ${display.label}` : `已加载技能 ${display.label}`;
-          }
-          if (display.kind === 'preTool') {
-            if (display.status === 'calling') return `自动查询 ${display.label}`;
-            if (display.status === 'error') return `自动查询失败 ${display.label}`;
-            return `已自动获取 ${display.label}`;
-          }
-          if (display.kind === 'memory') {
-            return display.label;
-          }
-          return isCalling
-            ? `调用 ${display.label}`
-            : isDone
-              ? `${display.label} 已完成`
-              : `${display.label} 调用失败`;
-        })();
-
-        // 详情文本（018：dev 态才计算——prod 无展开无渲染需求）
-        const detailText = (() => {
-          if (!hasDetail) return '';
-          if (display.kind === 'preTool') {
-            return (display.status === 'error' ? display.errorText : display.resultText) ?? '';
-          }
-          if (display.kind === 'memory') {
-            return display.detailText ?? '';
-          }
-          return isError ? (tc.error ?? '') : (tc.result ?? '');
-        })();
-        // dev 输入侧：normal 用 tc.args；preTool 解包 toolArgs（对齐 mall 视图模型）；memory 取 query
-        const inputText = (() => {
-          if (!hasDetail) return '';
-          if (display.kind === 'normal') return tc.args ?? '';
-          if (display.kind === 'preTool') {
-            return JSON.stringify(parsePreToolToolCallArgs(tc.args)?.toolArgs ?? {});
-          }
-          if (display.kind === 'memory') {
-            return parseMemoryToolCallArgs(tc.args)?.query ?? '';
-          }
-          return '';
-        })();
-
-        return (
-          <div key={tc.id} className={`tool-call ${stateClass}`}>
-            <div
-              className="tool-call__header"
-              onClick={() => hasDetail && setExpandedId(isExpanded ? null : tc.id)}
-            >
-              <div className="tool-call__left">
-                {isCalling && <div className="tool-call__spinner" />}
-                {isDone && <Check size={16} color="#10a37f" strokeWidth={2.5} />}
-                {isError && <X size={16} color="#ef4444" strokeWidth={2.5} />}
-                <span className="tool-call__name">{displayName}</span>
-                {display.kind === 'preTool' && (
-                  <span className="tool-call__badge">自动</span>
-                )}
-              </div>
-              {hasDetail && (
-                <span className={`tool-call__toggle${isExpanded ? ' tool-call__toggle--up' : ''}`}>
-                  {isExpanded ? '收起' : '详情'}
-                </span>
-              )}
-            </div>
-            {isExpanded && hasDetail && (
-              <div className="tool-call__result">
-                {inputText && (
-                  <div className="tool-call__io">
-                    <span className="tool-call__io-label">输入</span>
-                    <span className="tool-call__io-text">{formatCompactToolIo(inputText)}</span>
-                  </div>
-                )}
-                <div className="tool-call__io">
-                  <span className="tool-call__io-label">输出</span>
-                  <span className={`tool-call__io-text${isError ? ' tool-call__io-text--error' : ''}`}>
-                    {formatCompactToolIo(detailText) || '（无）'}
-                  </span>
-                </div>
-              </div>
-            )}
-          </div>
-        );
-      })}
-    </div>
-  );
-}

package/apps/client/src/examples/tourism/TourismLanding.tsx

@@ -1,96 +0,0 @@
-import { useState } from 'react';
-import { ArrowsClockwise, CaretRight } from '@phosphor-icons/react';
-import type { ChatLandingProps } from '@/pages/index/index';
-import './index.less';
-
-const CAROUSEL_ITEMS = [
-  { title: '预约购票', desc: '景区门票多种选择', img: 'https://mdn.alipayobjects.com/tcmarket/afts/img/HmxURLvK52sAAAAARYAAAAgAwxLNAQBr/original', prompt: '我想预约购票' },
-  { title: '智能导游', desc: '随心游无目的漫游', img: 'https://mdn.alipayobjects.com/tcmarket/afts/img/DbHcTK8C-JIAAAAARMAAAAgAwxLNAQBr/original', prompt: '请为我智能导游' },
-  { title: '景点介绍', desc: '智能推荐景点讲解', img: 'https://mdn.alipayobjects.com/tcmarket/afts/img/CKZLRLnGC9sAAAAARVAAAAgAwxLNAQBr/original', prompt: '介绍一下景区的景点' },
-];
-
-const SERVICE_ITEMS = [
-  { img: 'https://mdn.alipayobjects.com/tcmarket/afts/img/pBvTRZ2lWokAAAAAQHAAAAgAwxLNAQBr/original', title: '杭城美食', desc: '千家商户 7 折起', prompt: '推荐一些杭州特色美食' },
-  { img: 'https://mdn.alipayobjects.com/tcmarket/afts/img/OqxGT6_0RCYAAAAAQGAAAAgAwxLNAQBr/original', title: '酒店预定', desc: '万家酒店 5 折起', prompt: '帮我查找附近的酒店' },
-  { img: 'https://mdn.alipayobjects.com/tcmarket/afts/img/HYeNTLrh83AAAAAAQFAAAAgAwxLNAQBr/original', title: '天气查询', desc: '实时天气速览', prompt: '今天天气怎么样？' },
-  { img: 'https://mdn.alipayobjects.com/tcmarket/afts/img/atCHR6ykFnEAAAAAQHAAAAgAwxLNAQBr/original', title: '路线推荐', desc: '智能规划行程', prompt: '推荐一条游览路线' },
-];
-
-const ALL_SUGGESTIONS = [
-  { title: '热门景区推荐', prompt: '有哪些热门景区推荐？' },
-  { title: '门票优惠政策', prompt: '有哪些门票优惠政策？' },
-  { title: '景区开放时间', prompt: '景区的开放时间是什么时候？' },
-  { title: '项目推荐', prompt: '有什么推荐的游玩项目？' },
-  { title: '交通指南', prompt: '怎么到达景区？' },
-  { title: '住宿推荐', prompt: '附近有哪些住宿推荐？' },
-];
-
-const pickRandom = <T,>(items: T[], count: number): T[] =>
-  [...items].sort(() => Math.random() - 0.5).slice(0, count);
-
-/** @tbox-template-example tourism */
-export default function TourismLanding({ onSend }: ChatLandingProps) {
-  const [suggestions, setSuggestions] = useState(() => pickRandom(ALL_SUGGESTIONS, 4));
-
-  return (
-    <div className="tourism-example">
-      <div className="tourism-example__welcome">
-        <div className="tourism-example__welcome-title">欢迎来到文旅景区</div>
-        <div className="tourism-example__welcome-desc">
-          我是您的通用文旅景区 AI 智能体，适用于山水类单景区、城市类多景区的业务场景。
-        </div>
-      </div>
-
-      <section className="tourism-example__section tourism-example__carousel-section">
-        <h2 className="tourism-example__section-title">游玩服务</h2>
-        <div className="tourism-example__carousel">
-          {CAROUSEL_ITEMS.map((item) => (
-            <button key={item.title} className="tourism-example__carousel-item" onClick={() => onSend(item.prompt)}>
-              <img className="tourism-example__carousel-image" src={item.img} alt={item.title} />
-              <span className="tourism-example__carousel-overlay">
-                <span className="tourism-example__carousel-title">{item.title}</span>
-                <span className="tourism-example__carousel-desc">{item.desc}</span>
-              </span>
-            </button>
-          ))}
-        </div>
-      </section>
-
-      <section className="tourism-example__section">
-        <h2 className="tourism-example__section-title">配套服务</h2>
-        <div className="tourism-example__service-grid">
-          {SERVICE_ITEMS.map((item) => (
-            <button key={item.title} className="tourism-example__service-item" onClick={() => onSend(item.prompt)}>
-              <img className="tourism-example__service-icon" src={item.img} alt={item.title} />
-              <span className="tourism-example__service-content">
-                <span className="tourism-example__service-title-row">
-                  <span className="tourism-example__service-title">{item.title}</span>
-                  <CaretRight size={20} color="#c0c4cc" />
-                </span>
-                <span className="tourism-example__service-desc">{item.desc}</span>
-              </span>
-            </button>
-          ))}
-        </div>
-      </section>
-
-      <section className="tourism-example__section">
-        <div className="tourism-example__suggestion-header">
-          <h2 className="tourism-example__section-title">猜你想问</h2>
-          <button className="tourism-example__refresh" onClick={() => setSuggestions(pickRandom(ALL_SUGGESTIONS, 4))}>
-            <ArrowsClockwise size={12} />
-            <span>换一换</span>
-          </button>
-        </div>
-        <div className="tourism-example__suggestion-grid">
-          {suggestions.map((item) => (
-            <button key={item.prompt} className="tourism-example__suggestion" onClick={() => onSend(item.prompt)}>
-              <span>{item.title}</span>
-              <CaretRight size={20} color="#c0c4cc" />
-            </button>
-          ))}
-        </div>
-      </section>
-    </div>
-  );
-}