deaf7eb806
Forked from OpenCode v1.17.4 with multi-agent system: - 5 agents: aircoding, scheduler, worker, architect, reviewer - Deterministic DAG scheduling engine (coordinator_tick) - Tool whitelists as hard enforcement - AirCoding validation plugin - V1 requirements: C4 docs, ADR, AGENTS.md, debug-log.md - Design documents in docs/
70 lines
1.5 KiB
TypeScript
70 lines
1.5 KiB
TypeScript
// @ts-nocheck
|
|
import { iconNames } from "./app-icons/types"
|
|
import * as mod from "./app-icon"
|
|
import { create } from "../storybook/scaffold"
|
|
|
|
const docs = `### Overview
|
|
Application icon renderer for known editor/terminal apps.
|
|
|
|
Use in provider or app selection lists.
|
|
|
|
### API
|
|
- Required: \`id\` (app icon name).
|
|
- Accepts standard img props except \`src\`.
|
|
|
|
### Variants and states
|
|
- Auto-switches themed icons when available.
|
|
|
|
### Behavior
|
|
- Watches color scheme changes to swap themed assets.
|
|
|
|
### Accessibility
|
|
- Provide \`alt\` text when the icon conveys meaning.
|
|
|
|
### Theming/tokens
|
|
- Uses \`data-component="app-icon"\`.
|
|
|
|
`
|
|
|
|
const story = create({ title: "UI/AppIcon", mod, args: { id: "vscode" } })
|
|
export default {
|
|
title: "UI/AppIcon",
|
|
id: "components-app-icon",
|
|
component: story.meta.component,
|
|
tags: ["autodocs"],
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
component: docs,
|
|
},
|
|
},
|
|
},
|
|
argTypes: {
|
|
id: {
|
|
control: "select",
|
|
options: iconNames,
|
|
},
|
|
},
|
|
}
|
|
|
|
export const Basic = story.Basic
|
|
|
|
export const AllIcons = {
|
|
render: () => (
|
|
<div
|
|
style={{
|
|
display: "grid",
|
|
gap: "12px",
|
|
"grid-template-columns": "repeat(auto-fill, minmax(72px, 1fr))",
|
|
}}
|
|
>
|
|
{iconNames.map((id) => (
|
|
<div style={{ display: "grid", gap: "6px", "justify-items": "center" }}>
|
|
<mod.AppIcon id={id} alt={id} />
|
|
<div style={{ "font-size": "10px", color: "var(--text-weak)", "text-align": "center" }}>{id}</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
),
|
|
}
|