open-index/open-npm huggingface dataset:
npm package: @gtc-tech/agent-core-ui
Description: Agent Core - React UI for task monitoring
Latest version: 1.0.1

# Agent Core UI

React 组件库，用于可视化 Agent Core 任务执行。

## 安装

```bash
npm install @gtc-tech/agent-core-ui
```

## 使用

### 基础用法

```tsx
import { AgentPanel } from '@gtc-tech/agent-core-ui';
import '@gtc-tech/agent-core-ui/styles.css';

function App() {
  return (
    <AgentPanel
      wsUrl="ws://localhost:8080/ws"
      theme="light"
      onTaskComplete={(result) => {
        console.log('Task completed:', result);
      }}
    />
  );
}
```

### 使用 Hook

```tsx
import { useAgent } from '@gtc-tech/agent-core-ui';

function CustomUI() {
  const {
    connected,
    state,
    plan,
    result,
    logs,
    submitTask,
    cancelTask,
  } = useAgent({
    wsUrl: 'ws://localhost:8080/ws',
  });

  return (
    <div>
      <p>状态: {state}</p>
      <button onClick={() => submitTask('分析数据')}>
        开始任务
      </button>
    </div>
  );
}
```

## 组件

| 组件 | 说明 |
|------|------|
| `AgentPanel` | 完整的任务面板（推荐） |
| `TaskInput` | 任务输入框 |
| `PlanView` | 执行计划展示 |
| `StepCard` | 单个步骤卡片 |
| `LogPanel` | 日志面板 |
| `ResultView` | 结果展示 |

## Props

### AgentPanel

| Prop | 类型 | 默认值 | 说明 |
|------|------|--------|------|
| `wsUrl` | `string` | `ws://localhost:8080/ws` | WebSocket 地址 |
| `theme` | `'light' \| 'dark' \| 'auto'` | `'auto'` | 主题 |
| `onTaskComplete` | `(result) => void` | - | 任务完成回调 |
| `onError` | `(error) => void` | - | 错误回调 |
| `className` | `string` | - | 自定义类名 |

### useAgent

| 返回值 | 类型 | 说明 |
|--------|------|------|
| `connected` | `boolean` | 是否已连接 |
| `state` | `AgentState` | 当前状态 |
| `plan` | `ExecutionPlan \| null` | 执行计划 |
| `currentStepId` | `string \| null` | 当前步骤ID |
| `result` | `TaskResult \| null` | 执行结果 |
| `logs` | `LogEntry[]` | 日志 |
| `tools` | `ToolDefinition[]` | 可用工具 |
| `submitTask` | `(task, context?) => void` | 提交任务 |
| `cancelTask` | `() => void` | 取消任务 |
| `confirmStep` | `(stepId, approved) => void` | 确认步骤 |

## 开发

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建库
npm run build:lib
```

## 样式定制

CSS 变量：

```css
:root {
  --agent-primary: #6366f1;
  --agent-success: #10b981;
  --agent-warning: #f59e0b;
  --agent-error: #ef4444;
  --agent-bg: #ffffff;
  --agent-text: #111827;
  /* ... */
}
```
npm package: @gtcx/design-system
Description: GTCX Design System — meta-package re-exporting tokens, theme, and utilities
Latest version: 0.1.0

# @gtcx/design-system

Meta-package that re-exports `@gtcx/tokens` and `@gtcx/theme` for single-import convenience.

> Canonical documentation: [`docs/packages/design-system.md`](../../docs/packages/design-system.md)

## Quick Start

```tsx
import { GtcxConfigProvider, createAntdTheme, semanticColors } from '@gtcx/design-system';

const myTheme = createAntdTheme({ colorPrimary: '#0284c7' });

function App() {
  return (
    <GtcxConfigProvider theme={myTheme}>
      <div style={{ color: semanticColors.text }}>Hello</div>
    </GtcxConfigProvider>
  );
}
```

## Dependencies

- `@gtcx/tokens` (workspace) -- Design token values
- `@gtcx/theme` (workspace) -- Ant Design theme integration
- `react` ^18.0.0 || ^19.0.0 -- Peer dependency

## Related

- [`demo/`](../../demo/) -- Documentation and gallery app
- [UI Package](../../docs/packages/ui.md) -- Component library
- [Design Architecture](../../docs/architecture/design-architecture-overview.md) -- Token resolution flow
npm package: @gtcx/i18n
Description: Multi-language support with cultural adaptation for GTCX Protocol
Latest version: 0.1.0

# @gtcx/i18n

Multi-language support system for GTCX Protocol — country-agnostic internationalization with cultural adaptation.

## Features

- **50+ Languages** — Primary and local dialect support
- **Cultural Context** — Language that feels native, not translated
- **Offline-First** — Full i18n capabilities without connectivity
- **AI-Native** — Agents auto-detect and adapt to user language
- **RTL Support** — Right-to-left language handling

## Installation

```bash
pnpm add @gtcx/i18n
```

## Usage

```typescript
import { I18nService, CulturalContext } from '@gtcx/i18n';

// Initialize with country context
const i18n = new I18nService({
  country: 'ghana',
  primaryLanguage: 'en',
  localLanguages: ['tw', 'gaa', 'ee'], // Twi, Ga, Ewe
  fallbackLanguage: 'en',
});

// Translate with cultural context
const message = i18n.t('compliance.violation_warning', {
  context: 'formal', // Adapts tone for authority figures
  dialect: 'tw', // Twi dialect
});

// AI agent language detection
const detectedLang = await i18n.detectLanguage(userInput);
const response = i18n.t('welcome', { lang: detectedLang });
```

## Cultural Adaptation

The i18n system goes beyond translation:

```typescript
// Cultural context affects more than words
const culturalContext = i18n.getCulturalContext('ghana');

culturalContext.communicationStyle; // 'formal', 'community-oriented'
culturalContext.decisionMaking; // 'consensus', 'elder-consultation'
culturalContext.honorifics; // true (use respectful titles)
culturalContext.traditionalKnowledge; // Integration points
```

## Supported Languages by Region

### West Africa

- English, Twi, Ga, Ewe, Dagbani (Ghana)
- English, Yoruba, Igbo, Hausa (Nigeria)
- French, Wolof (Senegal)

### East Africa

- Swahili, English, Kikuyu, Luo (Kenya)
- Swahili, English, Sukuma (Tanzania)

### Latin America

- Spanish, Quechua, Aymara (Peru)
- Spanish, Wayuu, Emberá (Colombia)

### Global

- English, French, Spanish, Portuguese, Arabic, Chinese, Hindi

## Architecture

```
packages/i18n/
├── src/
│   ├── index.ts           # Main exports
│   ├── service.ts         # I18nService class
│   ├── cultural-context.ts # Cultural adaptation logic
│   ├── language-detector.ts # AI language detection
│   ├── offline-store.ts   # Offline translation cache
│   └── types.ts           # TypeScript definitions
├── locales/               # Translation files
│   ├── en/
│   ├── sw/                # Swahili
│   ├── es/                # Spanish
│   └── ...
└── cultural/              # Cultural context configs
    ├── ghana.yaml
    ├── kenya.yaml
    └── ...
```

## Related Packages

- `@gtcx/accessibility` — Tech literacy and WCAG compliance
- `@gtcx/offline-sync` — Offline-first data synchronization
npm package: @gtcx/pages
Description: GTCX prebuilt pages — account, auth, store, network, profile, user-management
Latest version: 0.1.1

# @gtcx/templates

Full-page Next.js templates for the GTCX design system. Drop-in pages for common app surfaces.

## Install

```bash
pnpm add @gtcx/templates
```

Install peer dependencies for the templates you use:

```bash
# Core (required)
pnpm add react react-dom next radix-ui lucide-react

# Data tables
pnpm add @tanstack/react-table

# Charts
pnpm add recharts

# Forms
pnpm add react-hook-form zod

# Notifications
pnpm add sonner

# Date utilities
pnpm add date-fns
```

## Usage

```tsx
// app/account/page.tsx
import { AccountOverviewPage } from '@gtcx/templates';

export default function AccountPage() {
  return <AccountOverviewPage />;
}
```

## Template categories

| Category            | Templates                                                         |
| ------------------- | ----------------------------------------------------------------- |
| **Account**         | Overview, Activity, Security, Notifications, API Keys, Appearance |
| **Auth**            | Sign In, Sign Up, Reset Password, Two-Factor                      |
| **Store**           | Dashboard, Products, Orders, Customers                            |
| **Network**         | Overview, Members, Roles, Invitations                             |
| **Profile**         | Overview, Works, Teams, Connections, Followers                    |
| **User Management** | Users, Roles, Permissions                                         |

## Customization

Templates are built from `@gtcx/ui` components and accept standard props for data injection. Each template ships with mock data by default.

## Requirements

- React 18 or 19
- Next.js ≥ 14
- Node.js ≥ 20
npm package: @gtech9971/arsenals.model
Description: OpenAPI client for @gtech9971/arsenals.model
Author: OpenAPI-Generator
Latest version: 1.1.3

## @gtech9971/arsenals.model@1.1.3

This generator creates TypeScript/JavaScript client that utilizes [Fetch API](https://fetch.spec.whatwg.org/). The generated Node module can be used in the following environments:

Environment
* Node.js
* Webpack
* Browserify

Language level
* ES5 - you must have a Promises/A+ library installed
* ES6

Module system
* CommonJS
* ES6 module system

It can be used in both TypeScript and JavaScript. In TypeScript, the definition will be automatically resolved via `package.json`. ([Reference](https://www.typescriptlang.org/docs/handbook/declaration-files/consumption.html))

### Building

To build and compile the typescript sources to javascript use:
```
npm install
npm run build
```

### Publishing

First build the package then run `npm publish`

### Consuming

navigate to the folder of your consuming project and run one of the following commands.

_published:_

```
npm install @gtech9971/arsenals.model@1.1.3 --save
```

_unPublished (not recommended):_

```
npm install PATH_TO_GENERATED_PACKAGE --save
```