@polymorphism-tech/morph-spec 8.1.0 → 8.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/bin/validate.js +379 -379
- package/claude-plugin.json +1 -1
- package/docs/CHEATSHEET.md +1 -1
- package/docs/QUICKSTART.md +1 -1
- package/framework/commands/commit.md +166 -166
- package/framework/commands/morph-infra.md +215 -215
- package/framework/commands/morph-preflight.md +205 -205
- package/framework/commands/morph-troubleshoot.md +124 -124
- package/framework/hooks/claude-code/statusline.py +679 -679
- package/framework/hooks/claude-code/statusline.sh +11 -11
- package/framework/hooks/git/commit-msg/conventional-commits.sh +33 -33
- package/framework/hooks/git/pre-commit/agents.sh +25 -25
- package/framework/hooks/git/pre-commit/orchestrator.sh +64 -64
- package/framework/hooks/git/pre-commit/specs.sh +50 -50
- package/framework/hooks/git/pre-push/run-tests.sh +44 -44
- package/framework/hooks/shared/activity-logger.js +160 -160
- package/framework/hooks/shared/stdin-reader.js +26 -26
- package/framework/rubrics/backend.json +41 -41
- package/framework/rules/ai-agents-standards.md +45 -45
- package/framework/rules/dotnet-templates.md +86 -86
- package/framework/rules/frontend-standards.md +13 -13
- package/framework/rules/infrastructure-standards.md +27 -27
- package/framework/rules/neon-standards.md +25 -25
- package/framework/rules/nextjs-standards.md +20 -20
- package/framework/rules/nextjs-templates.md +40 -40
- package/framework/skills/core/create-umbraco-lp/SKILL.md +1 -1
- package/framework/skills/core/migrate-lp-to-umbraco/SKILL.md +1 -1
- package/framework/skills/core/morph-apply/SKILL.md +1 -1
- package/framework/skills/core/morph-brainstorming/SKILL.md +1 -1
- package/framework/skills/core/morph-eval/SKILL.md +1 -1
- package/framework/skills/core/morph-hotfix/SKILL.md +1 -1
- package/framework/skills/core/morph-implement/SKILL.md +1 -1
- package/framework/skills/core/morph-plan/SKILL.md +1 -1
- package/framework/skills/core/morph-proposal/SKILL.md +1 -1
- package/framework/skills/core/morph-review/SKILL.md +1 -1
- package/framework/skills/core/morph-stack-scan/SKILL.md +1 -1
- package/framework/skills/core/morph-standards/SKILL.md +1 -1
- package/framework/standards/ai-agents/agent-session.md +160 -160
- package/framework/standards/ai-agents/batching.md +193 -193
- package/framework/standards/ai-agents/context-providers.md +188 -188
- package/framework/standards/ai-agents/mcp-server.md +250 -250
- package/framework/standards/ai-agents/mcp-tools.md +197 -197
- package/framework/standards/ai-agents/middleware-patterns.md +207 -207
- package/framework/standards/ai-agents/modalities-image-gen.md +173 -173
- package/framework/standards/ai-agents/modalities-speech-to-text.md +171 -171
- package/framework/standards/ai-agents/modalities-text-to-speech.md +181 -181
- package/framework/standards/ai-agents/modalities-vision.md +201 -201
- package/framework/standards/ai-agents/multi-agent-patterns.md +155 -155
- package/framework/standards/ai-agents/production.md +275 -275
- package/framework/standards/ai-agents/prompts-in-db.md +214 -214
- package/framework/standards/ai-agents/providers/model-registry.md +158 -158
- package/framework/standards/ai-agents/service-tier-flex.md +135 -135
- package/framework/standards/ai-agents/structured-output.md +249 -249
- package/framework/standards/ai-agents/sweet-spot.md +109 -109
- package/framework/templates/IDE-SNIPPETS.md +262 -262
- package/framework/templates/code/dotnet/abstractions/api-endpoint.cs +7 -7
- package/framework/templates/code/dotnet/ai-agents/AgentBootstrap.cs.template +39 -39
- package/framework/templates/code/dotnet/ai-agents/EmbeddingService.cs.template +68 -68
- package/framework/templates/code/dotnet/ai-agents/ModelRegistry.cs.template +117 -117
- package/framework/templates/code/dotnet/ai-agents/PromptRepository.cs.template +95 -95
- package/framework/templates/code/dotnet/ai-agents/ResilientToolMiddleware.cs.template +61 -61
- package/framework/templates/code/dotnet/ai-agents/VectorSearchTool.cs.template +107 -107
- package/framework/templates/code/dotnet/ai-agents/model-registry.json.template +58 -58
- package/framework/templates/code/dotnet/contracts/contracts-vsa.cs +281 -281
- package/framework/templates/code/dotnet/database/migration.cs +83 -83
- package/framework/templates/code/dotnet/feature/endpoint.cs.hbs +21 -21
- package/framework/templates/code/dotnet/feature/request.cs.hbs +4 -4
- package/framework/templates/code/dotnet/feature/response.cs.hbs +4 -4
- package/framework/templates/code/dotnet/feature/validator.cs.hbs +15 -15
- package/framework/templates/code/sql/ai-agents/agent-prompts-migration.sql.template +58 -58
- package/framework/templates/code/sql/ai-agents/pgvector-embeddings-migration.sql.template +91 -91
- package/framework/templates/code/typescript/contracts.ts +167 -167
- package/framework/templates/docs/clarifications.md +253 -253
- package/framework/templates/docs/schema-analysis.md +119 -119
- package/framework/templates/docs/ui-components.md +52 -52
- package/framework/templates/docs/ui-design-system.md +76 -76
- package/framework/templates/docs/ui-flows.md +167 -167
- package/framework/templates/docs/ui-mockups.md +98 -98
- package/framework/templates/feature/decisions.md +122 -122
- package/framework/templates/frontend/nextjs/Dockerfile.nextjs.hbs +43 -43
- package/framework/templates/frontend/nextjs/client-component.tsx.hbs +26 -26
- package/framework/templates/frontend/nextjs/env.mjs.hbs +32 -32
- package/framework/templates/frontend/nextjs/feature-form.tsx.hbs +56 -56
- package/framework/templates/frontend/nextjs/page.tsx.hbs +22 -22
- package/framework/templates/frontend/nextjs/tsconfig.json.hbs +26 -26
- package/framework/templates/frontend/nextjs/use-feature.ts.hbs +54 -54
- package/framework/templates/infrastructure/docker/Dockerfile.template +58 -58
- package/framework/templates/infrastructure/docker/docker-compose.template.yml +50 -50
- package/framework/templates/infrastructure/docker/dockerfile-api.dockerfile +38 -38
- package/framework/templates/infrastructure/docker/dockerfile-web.dockerfile +48 -48
- package/framework/templates/infrastructure/github/README.md +56 -56
- package/framework/templates/infrastructure/github/actions/docker-build-push/action.yml.hbs +45 -45
- package/framework/templates/infrastructure/github/actions/health-check/action.yml.hbs +27 -27
- package/framework/templates/infrastructure/github/workflows/docker-build-push.yml.hbs +59 -59
- package/framework/templates/infrastructure/github/workflows/dotnet-build.yml.hbs +39 -39
- package/framework/templates/integrations/asaas-client.cs +387 -387
- package/framework/templates/integrations/asaas-webhook.cs +351 -351
- package/framework/templates/meta-prompts/fusion/fusion-agent.md +76 -76
- package/framework/templates/meta-prompts/fusion/fusion-aggregator.md +100 -100
- package/framework/templates/meta-prompts/validators/pre-commit-validator.md +95 -95
- package/framework/templates/project/validate.js +120 -120
- package/framework/templates/state.template.json +17 -17
- package/framework/templates/ui/design-system.css +226 -226
- package/package.json +1 -1
- package/src/commands/dashboard/dashboard.js +53 -53
- package/src/commands/index.js +13 -13
- package/src/commands/mcp/mcp-setup.js +519 -519
- package/src/commands/project/checkpoint.js +209 -209
- package/src/commands/project/worktree.js +83 -1
- package/src/core/state/phase-state-machine.js +197 -197
- package/src/core/templates/template-renderer.js +477 -477
- package/src/dashboard/app/components/DetailPanel.jsx +11 -11
- package/src/dashboard/app/components/FlowGraph.jsx +17 -17
- package/src/dashboard/app/components/SearchFilter.jsx +22 -22
- package/src/dashboard/app/hooks/useDetailPanel.js +15 -15
- package/src/dashboard/app/main.jsx +13 -13
- package/src/dashboard/app/pages/AgentMap.jsx +370 -370
- package/src/dashboard/app/pages/HookInspector.jsx +418 -418
- package/src/dashboard/app/pages/PhasePipeline.jsx +408 -408
- package/src/dashboard/app/pages/RulesMap.jsx +273 -273
- package/src/dashboard/app/pages/SkillsLibrary.jsx +366 -366
- package/src/dashboard/app/pages/Standards.jsx +332 -332
- package/src/dashboard/app/styles/index.css +47 -47
- package/src/dashboard/index.html +12 -12
- package/src/dashboard/package.json +24 -24
- package/src/dashboard/scanner/hooks-scanner.js +41 -41
- package/src/dashboard/scanner/phases-scanner.js +15 -15
- package/src/dashboard/scanner/rubrics-scanner.js +12 -12
- package/src/dashboard/scanner/rules-scanner.js +37 -37
- package/src/dashboard/scanner/skills-scanner.js +43 -43
- package/src/dashboard/scanner/squads-scanner.js +13 -13
- package/src/dashboard/scanner/standards-scanner.js +26 -26
- package/src/dashboard/vite-plugin-morph-data.js +17 -17
- package/src/dashboard/vite.config.js +24 -24
- package/src/lib/agents/metrics-aggregator.js +56 -56
- package/src/lib/agents/metrics-calculator.js +125 -125
- package/src/lib/agents/output-collector.js +73 -73
- package/src/lib/detectors/claude-config-detector.js +152 -152
- package/src/lib/detectors/design-system-detector.js +231 -231
- package/src/lib/detectors/index.js +217 -217
- package/src/lib/generators/architecture-scanner.js +639 -639
- package/src/lib/generators/design-system-generator.js +508 -508
- package/src/lib/generators/index.js +13 -13
- package/src/lib/generators/settings-generator.js +209 -209
- package/src/lib/hooks/hook-executor.js +167 -167
- package/src/lib/installers/mcp-installer.js +719 -719
- package/src/lib/tasks/task-classifier.js +30 -30
- package/src/lib/tasks/task-parser.js +209 -209
- package/src/lib/validators/architecture/architecture-validator.js +259 -259
- package/src/lib/validators/checkpoint-persistence.js +39 -39
- package/src/lib/validators/contracts/contract-compliance-validator.js +274 -274
- package/src/lib/validators/css/css-validator.js +340 -340
- package/src/lib/validators/packages/package-validator.js +347 -347
- package/src/lib/validators/shared/emit-validator-dispatch.js +14 -14
- package/src/lib/validators/shared/issue-counter.js +14 -14
- package/src/lib/validators/validation-runner.js +349 -349
- package/src/utils/agent-id-mapper.js +11 -11
- package/src/utils/claude-settings-manager.js +300 -300
- package/src/utils/skills-installer.js +174 -174
- package/framework/templates/.idea/morph-templates.xml +0 -92
- package/framework/templates/.vscode/morph-templates.code-snippets +0 -186
|
@@ -1,201 +1,201 @@
|
|
|
1
|
-
# Modalities — Vision (Image to Text)
|
|
2
|
-
|
|
3
|
-
> **Scope:** stacks=["dotnet"]
|
|
4
|
-
> **Layer:** 2 (on-keyword)
|
|
5
|
-
> **Keywords:** vision, image to text, OCR, image analysis, multimodal input, image agent, PDF analysis
|
|
6
|
-
> **Read by Claude in:** implement (quando o agente recebe imagem ou PDF)
|
|
7
|
-
|
|
8
|
-
**Verified against:** MAF 1.0 GA. Last-verified: 2026-05-19.
|
|
9
|
-
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
## Quando usar vision
|
|
13
|
-
|
|
14
|
-
Use vision quando o input real é uma imagem ou documento visual e o modelo precisa interpretar o conteúdo visual:
|
|
15
|
-
|
|
16
|
-
- **OCR não-estruturado:** formulários digitalizados, notas escritas à mão, recibos
|
|
17
|
-
- **Análise de imagem:** descrever screenshots, detectar objetos, moderar conteúdo visual
|
|
18
|
-
- **Extração de dados de documentos:** invoices, laudos, contratos em PDF/imagem — combine com `RunAsync<T>` para saída tipada (ver §Exemplo)
|
|
19
|
-
- **Multimodal Q&A:** usuário envia foto + pergunta
|
|
20
|
-
|
|
21
|
-
**Não se aplica** quando o input já é texto extraído. Se você já tem o texto do documento (via OCR determinístico, parser de PDF, etc.), envie o texto diretamente para um agente de chat — vision é desnecessário e mais caro.
|
|
22
|
-
|
|
23
|
-
**Escolha do modelo:** nem todo provider suporta visão. Use o alias `"vision"` no Model Registry — o projeto configura ali o modelo capaz (ex: `gpt-4o`, `gemini-2.5-flash`). Veja `ai-agents-providers-model-registry`.
|
|
24
|
-
|
|
25
|
-
---
|
|
26
|
-
|
|
27
|
-
## A API
|
|
28
|
-
|
|
29
|
-
Vision em MAF usa `ChatMessage` multimodal — a mesma abstração `IChatClient`/`AIAgent`, mas com conteúdo misto no payload da mensagem.
|
|
30
|
-
|
|
31
|
-
```csharp
|
|
32
|
-
using Microsoft.Extensions.AI;
|
|
33
|
-
|
|
34
|
-
// Constrói um ChatMessage com texto + imagem
|
|
35
|
-
ChatMessage message = new(ChatRole.User, [
|
|
36
|
-
new TextContent("O que aparece nesta imagem?"),
|
|
37
|
-
new UriContent(new Uri("https://example.com/foto.jpg"), "image/jpeg")
|
|
38
|
-
]);
|
|
39
|
-
|
|
40
|
-
AgentResponse response = await agent.RunAsync(message);
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
O `IChatClient` (e portanto `AIAgent`) aceita `IEnumerable<ChatMessage>` — você passa a lista diretamente para `RunAsync`.
|
|
44
|
-
|
|
45
|
-
**Referência de tipos (namespace `Microsoft.Extensions.AI`):**
|
|
46
|
-
|
|
47
|
-
| Tipo | Uso |
|
|
48
|
-
|------|-----|
|
|
49
|
-
| `TextContent` | Parte textual da mensagem |
|
|
50
|
-
| `UriContent(uri, mediaType)` | Imagem referenciada por URL pública |
|
|
51
|
-
| `DataContent.LoadFromAsync(path)` | Carrega imagem de arquivo/stream (helper canônico) |
|
|
52
|
-
| `new DataContent(binaryData, mediaType)` | Imagem embutida a partir de bytes já em memória |
|
|
53
|
-
|
|
54
|
-
---
|
|
55
|
-
|
|
56
|
-
## Exemplo C# completo
|
|
57
|
-
|
|
58
|
-
Agente de visão que recebe URL de imagem e retorna descrição. Para extração de dados tipados de um documento, combine com `RunAsync<T>` (ver comentário inline).
|
|
59
|
-
|
|
60
|
-
```csharp
|
|
61
|
-
using Microsoft.Agents.AI;
|
|
62
|
-
using Microsoft.Extensions.AI;
|
|
63
|
-
|
|
64
|
-
public sealed class VisionAgent
|
|
65
|
-
{
|
|
66
|
-
private readonly AIAgent _agent;
|
|
67
|
-
|
|
68
|
-
public VisionAgent(ModelRegistry modelRegistry)
|
|
69
|
-
{
|
|
70
|
-
_agent = modelRegistry.GetChatClient("vision").AsAIAgent(new ChatClientAgentOptions
|
|
71
|
-
{
|
|
72
|
-
Name = "VisionAgent",
|
|
73
|
-
ChatOptions = new()
|
|
74
|
-
{
|
|
75
|
-
Instructions = """
|
|
76
|
-
You are an image analysis expert.
|
|
77
|
-
Describe the image content clearly and extract any visible text or structured data.
|
|
78
|
-
"""
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
/// <summary>Analisa uma imagem por URL pública e retorna descrição em texto.</summary>
|
|
84
|
-
public async Task<string> AnalyzeImageUrlAsync(Uri imageUri, string question, CancellationToken ct = default)
|
|
85
|
-
{
|
|
86
|
-
ChatMessage message = new(ChatRole.User, [
|
|
87
|
-
new TextContent(question),
|
|
88
|
-
new UriContent(imageUri, "image/jpeg")
|
|
89
|
-
]);
|
|
90
|
-
|
|
91
|
-
AgentResponse response = await _agent.RunAsync(message, cancellationToken: ct);
|
|
92
|
-
return response.Text;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
/// <summary>
|
|
96
|
-
/// Analisa imagem a partir de um arquivo local ou caminho de upload.
|
|
97
|
-
/// Usa DataContent.LoadFromAsync — padrão canônico MAF para carregar imagem de arquivo.
|
|
98
|
-
/// Para extrair dados tipados, use RunAsync<T> em vez de RunAsync:
|
|
99
|
-
/// AgentResponse<InvoiceData> r = await _agent.RunAsync<InvoiceData>(message);
|
|
100
|
-
/// return r.Result;
|
|
101
|
-
/// Veja ai-agents-structured-output para o padrão completo.
|
|
102
|
-
/// </summary>
|
|
103
|
-
public async Task<string> AnalyzeImageFileAsync(string filePath, string question, CancellationToken ct = default)
|
|
104
|
-
{
|
|
105
|
-
DataContent imageContent = await DataContent.LoadFromAsync(filePath);
|
|
106
|
-
ChatMessage message = new(ChatRole.User, [
|
|
107
|
-
new TextContent(question),
|
|
108
|
-
imageContent
|
|
109
|
-
]);
|
|
110
|
-
|
|
111
|
-
AgentResponse response = await _agent.RunAsync(message, cancellationToken: ct);
|
|
112
|
-
return response.Text;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
/// <summary>
|
|
116
|
-
/// Analisa imagem a partir de bytes já em memória (ex: upload de usuário já lido).
|
|
117
|
-
/// Use AnalyzeImageFileAsync quando tiver o caminho do arquivo — é o padrão preferido.
|
|
118
|
-
/// </summary>
|
|
119
|
-
public async Task<string> AnalyzeImageBytesAsync(BinaryData imageData, string mediaType, string question, CancellationToken ct = default)
|
|
120
|
-
{
|
|
121
|
-
ChatMessage message = new(ChatRole.User, [
|
|
122
|
-
new TextContent(question),
|
|
123
|
-
new DataContent(imageData, mediaType)
|
|
124
|
-
]);
|
|
125
|
-
|
|
126
|
-
AgentResponse response = await _agent.RunAsync(message, cancellationToken: ct);
|
|
127
|
-
return response.Text;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
```
|
|
131
|
-
|
|
132
|
-
**Consumo:**
|
|
133
|
-
|
|
134
|
-
```csharp
|
|
135
|
-
var agent = new VisionAgent(modelRegistry);
|
|
136
|
-
|
|
137
|
-
// Por URL pública
|
|
138
|
-
string desc = await agent.AnalyzeImageUrlAsync(
|
|
139
|
-
new Uri("https://cdn.example.com/invoice-2024.jpg"),
|
|
140
|
-
"Extraia os campos: número da nota, valor total e data de emissão.");
|
|
141
|
-
|
|
142
|
-
// Por arquivo local — padrão canônico com DataContent.LoadFromAsync
|
|
143
|
-
string desc2 = await agent.AnalyzeImageFileAsync(
|
|
144
|
-
"nota-fiscal.png",
|
|
145
|
-
"Liste todos os itens e valores desta nota fiscal.");
|
|
146
|
-
|
|
147
|
-
// Por bytes em memória (ex: upload já lido de IFormFile)
|
|
148
|
-
BinaryData data = await BinaryData.FromStreamAsync(formFile.OpenReadStream());
|
|
149
|
-
string desc3 = await agent.AnalyzeImageBytesAsync(data, "image/png",
|
|
150
|
-
"Descreva o conteúdo da imagem enviada.");
|
|
151
|
-
```
|
|
152
|
-
|
|
153
|
-
---
|
|
154
|
-
|
|
155
|
-
## DataContent vs UriContent
|
|
156
|
-
|
|
157
|
-
| Critério | `UriContent` | `DataContent` |
|
|
158
|
-
|----------|-------------|---------------|
|
|
159
|
-
| Imagem publicamente acessível | Sim — envie a URL | — |
|
|
160
|
-
| Imagem privada / upload de usuário | — | Sim — bytes inline (base64 internamente) |
|
|
161
|
-
| Payload de rede | Pequeno (só a URI) | Grande (bytes encodados) |
|
|
162
|
-
| Disponibilidade | O modelo faz HTTP GET na URI; precisa estar acessível | Autossuficiente, sem dependência externa |
|
|
163
|
-
| Formatos suportados | `image/jpeg`, `image/png`, `image/webp`, `image/gif` (por provider) | Idem |
|
|
164
|
-
|
|
165
|
-
**Trade-off prático:** para imagens geradas internamente ou uploads de usuário, prefira `DataContent` — a URL temporária pode expirar antes do modelo fazer o GET. Para imagens em CDN estável, `UriContent` economiza largura de banda.
|
|
166
|
-
|
|
167
|
-
**PDF:** o MAF Sample confirma que o OpenAI Chat Client suporta PDF via URI/Data content. Verifique se o provider configurado suporta `application/pdf` antes de usar.
|
|
168
|
-
|
|
169
|
-
---
|
|
170
|
-
|
|
171
|
-
## Anti-patterns
|
|
172
|
-
|
|
173
|
-
| Anti-pattern | Por quê é errado | Jeito certo |
|
|
174
|
-
|--------------|-----------------|-------------|
|
|
175
|
-
| Enviar imagem para modelo sem suporte a vision | A call falha em runtime com erro de provider | Use alias `"vision"` no Model Registry — aponte para modelo com suporte confirmado |
|
|
176
|
-
| Enviar imagem em resolução original sem resize | Tokens de imagem são cobrados por resolução; imagens 4K em contextos que não precisam de detalhe desperdiçam custo e context window | Redimensione para resolução adequada à tarefa (ex: 800px para OCR de texto) |
|
|
177
|
-
| Usar vision quando OCR determinístico bastaria | Vision é probabilístico e mais caro; para extração de texto de PDF com layout fixo, um parser PDF é mais confiável e barato | Só use vision quando o layout é variável ou a imagem é não-estruturada |
|
|
178
|
-
| Retornar `response.Text` e parsear regex para dados estruturados | Não-determinístico; quebra com mudança de modelo | Combine com `RunAsync<T>` e um `sealed record` — veja `ai-agents-structured-output` |
|
|
179
|
-
|
|
180
|
-
---
|
|
181
|
-
|
|
182
|
-
## Checklist (verifiable by morph-eval)
|
|
183
|
-
|
|
184
|
-
- [ ] Alias `"vision"` existe em `model-registry.json` e aponta para modelo com suporte a visão confirmado
|
|
185
|
-
- [ ] `ChatMessage` usa `UriContent` para imagens por URL ou `DataContent` para bytes — nenhum encoding manual de base64 no código do agente
|
|
186
|
-
- [ ] Para extração de dados tipados, usa `RunAsync<T>` com `sealed record` (não parseia `response.Text`)
|
|
187
|
-
- [ ] Imagens privadas / uploads de usuário usam `DataContent`, não `UriContent` com URL temporária
|
|
188
|
-
- [ ] Validação de regras de negócio existe após `RunAsync<T>` quando aplicável
|
|
189
|
-
|
|
190
|
-
---
|
|
191
|
-
|
|
192
|
-
## References
|
|
193
|
-
|
|
194
|
-
- `ai-agents-setup` — packages, DI, e setup mínimo de agente
|
|
195
|
-
- `ai-agents-providers-model-registry` — como registrar e resolver modelos por alias
|
|
196
|
-
- `ai-agents-structured-output` — `RunAsync<T>` para extração tipada de dados de documentos
|
|
197
|
-
- Microsoft Agent Framework multimodal sample: https://github.com/microsoft/agent-framework/blob/main/dotnet/samples/02-agents/Agents/Agent_Step10_UsingImages/README.md
|
|
198
|
-
|
|
199
|
-
---
|
|
200
|
-
|
|
201
|
-
*MORPH-SPEC by Polymorphism Tech — ai-agents/modalities-vision.md v1.0 (2026-05-19)*
|
|
1
|
+
# Modalities — Vision (Image to Text)
|
|
2
|
+
|
|
3
|
+
> **Scope:** stacks=["dotnet"]
|
|
4
|
+
> **Layer:** 2 (on-keyword)
|
|
5
|
+
> **Keywords:** vision, image to text, OCR, image analysis, multimodal input, image agent, PDF analysis
|
|
6
|
+
> **Read by Claude in:** implement (quando o agente recebe imagem ou PDF)
|
|
7
|
+
|
|
8
|
+
**Verified against:** MAF 1.0 GA. Last-verified: 2026-05-19.
|
|
9
|
+
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
## Quando usar vision
|
|
13
|
+
|
|
14
|
+
Use vision quando o input real é uma imagem ou documento visual e o modelo precisa interpretar o conteúdo visual:
|
|
15
|
+
|
|
16
|
+
- **OCR não-estruturado:** formulários digitalizados, notas escritas à mão, recibos
|
|
17
|
+
- **Análise de imagem:** descrever screenshots, detectar objetos, moderar conteúdo visual
|
|
18
|
+
- **Extração de dados de documentos:** invoices, laudos, contratos em PDF/imagem — combine com `RunAsync<T>` para saída tipada (ver §Exemplo)
|
|
19
|
+
- **Multimodal Q&A:** usuário envia foto + pergunta
|
|
20
|
+
|
|
21
|
+
**Não se aplica** quando o input já é texto extraído. Se você já tem o texto do documento (via OCR determinístico, parser de PDF, etc.), envie o texto diretamente para um agente de chat — vision é desnecessário e mais caro.
|
|
22
|
+
|
|
23
|
+
**Escolha do modelo:** nem todo provider suporta visão. Use o alias `"vision"` no Model Registry — o projeto configura ali o modelo capaz (ex: `gpt-4o`, `gemini-2.5-flash`). Veja `ai-agents-providers-model-registry`.
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
## A API
|
|
28
|
+
|
|
29
|
+
Vision em MAF usa `ChatMessage` multimodal — a mesma abstração `IChatClient`/`AIAgent`, mas com conteúdo misto no payload da mensagem.
|
|
30
|
+
|
|
31
|
+
```csharp
|
|
32
|
+
using Microsoft.Extensions.AI;
|
|
33
|
+
|
|
34
|
+
// Constrói um ChatMessage com texto + imagem
|
|
35
|
+
ChatMessage message = new(ChatRole.User, [
|
|
36
|
+
new TextContent("O que aparece nesta imagem?"),
|
|
37
|
+
new UriContent(new Uri("https://example.com/foto.jpg"), "image/jpeg")
|
|
38
|
+
]);
|
|
39
|
+
|
|
40
|
+
AgentResponse response = await agent.RunAsync(message);
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
O `IChatClient` (e portanto `AIAgent`) aceita `IEnumerable<ChatMessage>` — você passa a lista diretamente para `RunAsync`.
|
|
44
|
+
|
|
45
|
+
**Referência de tipos (namespace `Microsoft.Extensions.AI`):**
|
|
46
|
+
|
|
47
|
+
| Tipo | Uso |
|
|
48
|
+
|------|-----|
|
|
49
|
+
| `TextContent` | Parte textual da mensagem |
|
|
50
|
+
| `UriContent(uri, mediaType)` | Imagem referenciada por URL pública |
|
|
51
|
+
| `DataContent.LoadFromAsync(path)` | Carrega imagem de arquivo/stream (helper canônico) |
|
|
52
|
+
| `new DataContent(binaryData, mediaType)` | Imagem embutida a partir de bytes já em memória |
|
|
53
|
+
|
|
54
|
+
---
|
|
55
|
+
|
|
56
|
+
## Exemplo C# completo
|
|
57
|
+
|
|
58
|
+
Agente de visão que recebe URL de imagem e retorna descrição. Para extração de dados tipados de um documento, combine com `RunAsync<T>` (ver comentário inline).
|
|
59
|
+
|
|
60
|
+
```csharp
|
|
61
|
+
using Microsoft.Agents.AI;
|
|
62
|
+
using Microsoft.Extensions.AI;
|
|
63
|
+
|
|
64
|
+
public sealed class VisionAgent
|
|
65
|
+
{
|
|
66
|
+
private readonly AIAgent _agent;
|
|
67
|
+
|
|
68
|
+
public VisionAgent(ModelRegistry modelRegistry)
|
|
69
|
+
{
|
|
70
|
+
_agent = modelRegistry.GetChatClient("vision").AsAIAgent(new ChatClientAgentOptions
|
|
71
|
+
{
|
|
72
|
+
Name = "VisionAgent",
|
|
73
|
+
ChatOptions = new()
|
|
74
|
+
{
|
|
75
|
+
Instructions = """
|
|
76
|
+
You are an image analysis expert.
|
|
77
|
+
Describe the image content clearly and extract any visible text or structured data.
|
|
78
|
+
"""
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/// <summary>Analisa uma imagem por URL pública e retorna descrição em texto.</summary>
|
|
84
|
+
public async Task<string> AnalyzeImageUrlAsync(Uri imageUri, string question, CancellationToken ct = default)
|
|
85
|
+
{
|
|
86
|
+
ChatMessage message = new(ChatRole.User, [
|
|
87
|
+
new TextContent(question),
|
|
88
|
+
new UriContent(imageUri, "image/jpeg")
|
|
89
|
+
]);
|
|
90
|
+
|
|
91
|
+
AgentResponse response = await _agent.RunAsync(message, cancellationToken: ct);
|
|
92
|
+
return response.Text;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
/// <summary>
|
|
96
|
+
/// Analisa imagem a partir de um arquivo local ou caminho de upload.
|
|
97
|
+
/// Usa DataContent.LoadFromAsync — padrão canônico MAF para carregar imagem de arquivo.
|
|
98
|
+
/// Para extrair dados tipados, use RunAsync<T> em vez de RunAsync:
|
|
99
|
+
/// AgentResponse<InvoiceData> r = await _agent.RunAsync<InvoiceData>(message);
|
|
100
|
+
/// return r.Result;
|
|
101
|
+
/// Veja ai-agents-structured-output para o padrão completo.
|
|
102
|
+
/// </summary>
|
|
103
|
+
public async Task<string> AnalyzeImageFileAsync(string filePath, string question, CancellationToken ct = default)
|
|
104
|
+
{
|
|
105
|
+
DataContent imageContent = await DataContent.LoadFromAsync(filePath);
|
|
106
|
+
ChatMessage message = new(ChatRole.User, [
|
|
107
|
+
new TextContent(question),
|
|
108
|
+
imageContent
|
|
109
|
+
]);
|
|
110
|
+
|
|
111
|
+
AgentResponse response = await _agent.RunAsync(message, cancellationToken: ct);
|
|
112
|
+
return response.Text;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
/// <summary>
|
|
116
|
+
/// Analisa imagem a partir de bytes já em memória (ex: upload de usuário já lido).
|
|
117
|
+
/// Use AnalyzeImageFileAsync quando tiver o caminho do arquivo — é o padrão preferido.
|
|
118
|
+
/// </summary>
|
|
119
|
+
public async Task<string> AnalyzeImageBytesAsync(BinaryData imageData, string mediaType, string question, CancellationToken ct = default)
|
|
120
|
+
{
|
|
121
|
+
ChatMessage message = new(ChatRole.User, [
|
|
122
|
+
new TextContent(question),
|
|
123
|
+
new DataContent(imageData, mediaType)
|
|
124
|
+
]);
|
|
125
|
+
|
|
126
|
+
AgentResponse response = await _agent.RunAsync(message, cancellationToken: ct);
|
|
127
|
+
return response.Text;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
**Consumo:**
|
|
133
|
+
|
|
134
|
+
```csharp
|
|
135
|
+
var agent = new VisionAgent(modelRegistry);
|
|
136
|
+
|
|
137
|
+
// Por URL pública
|
|
138
|
+
string desc = await agent.AnalyzeImageUrlAsync(
|
|
139
|
+
new Uri("https://cdn.example.com/invoice-2024.jpg"),
|
|
140
|
+
"Extraia os campos: número da nota, valor total e data de emissão.");
|
|
141
|
+
|
|
142
|
+
// Por arquivo local — padrão canônico com DataContent.LoadFromAsync
|
|
143
|
+
string desc2 = await agent.AnalyzeImageFileAsync(
|
|
144
|
+
"nota-fiscal.png",
|
|
145
|
+
"Liste todos os itens e valores desta nota fiscal.");
|
|
146
|
+
|
|
147
|
+
// Por bytes em memória (ex: upload já lido de IFormFile)
|
|
148
|
+
BinaryData data = await BinaryData.FromStreamAsync(formFile.OpenReadStream());
|
|
149
|
+
string desc3 = await agent.AnalyzeImageBytesAsync(data, "image/png",
|
|
150
|
+
"Descreva o conteúdo da imagem enviada.");
|
|
151
|
+
```
|
|
152
|
+
|
|
153
|
+
---
|
|
154
|
+
|
|
155
|
+
## DataContent vs UriContent
|
|
156
|
+
|
|
157
|
+
| Critério | `UriContent` | `DataContent` |
|
|
158
|
+
|----------|-------------|---------------|
|
|
159
|
+
| Imagem publicamente acessível | Sim — envie a URL | — |
|
|
160
|
+
| Imagem privada / upload de usuário | — | Sim — bytes inline (base64 internamente) |
|
|
161
|
+
| Payload de rede | Pequeno (só a URI) | Grande (bytes encodados) |
|
|
162
|
+
| Disponibilidade | O modelo faz HTTP GET na URI; precisa estar acessível | Autossuficiente, sem dependência externa |
|
|
163
|
+
| Formatos suportados | `image/jpeg`, `image/png`, `image/webp`, `image/gif` (por provider) | Idem |
|
|
164
|
+
|
|
165
|
+
**Trade-off prático:** para imagens geradas internamente ou uploads de usuário, prefira `DataContent` — a URL temporária pode expirar antes do modelo fazer o GET. Para imagens em CDN estável, `UriContent` economiza largura de banda.
|
|
166
|
+
|
|
167
|
+
**PDF:** o MAF Sample confirma que o OpenAI Chat Client suporta PDF via URI/Data content. Verifique se o provider configurado suporta `application/pdf` antes de usar.
|
|
168
|
+
|
|
169
|
+
---
|
|
170
|
+
|
|
171
|
+
## Anti-patterns
|
|
172
|
+
|
|
173
|
+
| Anti-pattern | Por quê é errado | Jeito certo |
|
|
174
|
+
|--------------|-----------------|-------------|
|
|
175
|
+
| Enviar imagem para modelo sem suporte a vision | A call falha em runtime com erro de provider | Use alias `"vision"` no Model Registry — aponte para modelo com suporte confirmado |
|
|
176
|
+
| Enviar imagem em resolução original sem resize | Tokens de imagem são cobrados por resolução; imagens 4K em contextos que não precisam de detalhe desperdiçam custo e context window | Redimensione para resolução adequada à tarefa (ex: 800px para OCR de texto) |
|
|
177
|
+
| Usar vision quando OCR determinístico bastaria | Vision é probabilístico e mais caro; para extração de texto de PDF com layout fixo, um parser PDF é mais confiável e barato | Só use vision quando o layout é variável ou a imagem é não-estruturada |
|
|
178
|
+
| Retornar `response.Text` e parsear regex para dados estruturados | Não-determinístico; quebra com mudança de modelo | Combine com `RunAsync<T>` e um `sealed record` — veja `ai-agents-structured-output` |
|
|
179
|
+
|
|
180
|
+
---
|
|
181
|
+
|
|
182
|
+
## Checklist (verifiable by morph-eval)
|
|
183
|
+
|
|
184
|
+
- [ ] Alias `"vision"` existe em `model-registry.json` e aponta para modelo com suporte a visão confirmado
|
|
185
|
+
- [ ] `ChatMessage` usa `UriContent` para imagens por URL ou `DataContent` para bytes — nenhum encoding manual de base64 no código do agente
|
|
186
|
+
- [ ] Para extração de dados tipados, usa `RunAsync<T>` com `sealed record` (não parseia `response.Text`)
|
|
187
|
+
- [ ] Imagens privadas / uploads de usuário usam `DataContent`, não `UriContent` com URL temporária
|
|
188
|
+
- [ ] Validação de regras de negócio existe após `RunAsync<T>` quando aplicável
|
|
189
|
+
|
|
190
|
+
---
|
|
191
|
+
|
|
192
|
+
## References
|
|
193
|
+
|
|
194
|
+
- `ai-agents-setup` — packages, DI, e setup mínimo de agente
|
|
195
|
+
- `ai-agents-providers-model-registry` — como registrar e resolver modelos por alias
|
|
196
|
+
- `ai-agents-structured-output` — `RunAsync<T>` para extração tipada de dados de documentos
|
|
197
|
+
- Microsoft Agent Framework multimodal sample: https://github.com/microsoft/agent-framework/blob/main/dotnet/samples/02-agents/Agents/Agent_Step10_UsingImages/README.md
|
|
198
|
+
|
|
199
|
+
---
|
|
200
|
+
|
|
201
|
+
*MORPH-SPEC by Polymorphism Tech — ai-agents/modalities-vision.md v1.0 (2026-05-19)*
|