feat(criacao): estúdio para criar expressões, atividades e figurinhas com IA

Menu "Criar com IA" (Ao vivo › Gestos e Reações) com grade igual à dos
favoritos. Para cada pedido escolhe-se o tipo (expressão, atividade ou
figurinha) e a IA: Gemini, IA local (qualquer servidor compatível com
OpenAI na rede, como o ROG Ally com LM Studio/llama-server) ou o Qwen do S10.

- A IA não escreve código: responde uma receita de formato fixo (schema
  JSON) montada só com peças que o rosto já anima. O servidor valida,
  limita números e descarta peças desconhecidas antes de chegar ao celular.
- Reaproveita o que existe: o prompt leva exemplos reais dos gestos e
  atividades atuais, e "Basear em" manda a receita de um gesto, atividade
  ou criação para a IA fazer uma variação.
- Expressões viram sequências como as de sequencias(), com mãos e espiral.
- Atividades usam uma cena genérica com o bonequinho (poses, pernas, pulo,
  balanço) e os objetos das cenas feitas à mão (bola, livro, xícara,
  notas, estrelas, coração, Zzz, chama, bolha, halter, microfone,
  controle, pincel, flor), com movimentos pular/girar/subir/orbitar.
- Figurinhas reaproveitam o desenho e a biblioteca de reações.
- A estrela põe expressões e atividades criadas nos favoritos (e nas
  teclas 1 a 9); a IA local é configurada na própria tela, com teste.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/src/lib/criacao.svelte.ts

@@ -0,0 +1,100 @@
+/**
+ * Estúdio de criação (/criacao/*): expressões, atividades e figurinhas feitas por IA.
+ * O estado chega por SSE ('criacao') e é recarregado ao abrir a tela.
+ */
+import { pedir, postar } from './api';
+import { avisos, tentar } from './avisos.svelte';
+import { ouvir } from './estado.svelte';
+
+export type TipoCriacao = 'expressao' | 'atividade' | 'figurinha';
+export type IaCriacao = 'gemini' | 'local' | 's10';
+
+export interface ItemCriado {
+  id: number;
+  horario: number;
+  tipo: TipoCriacao;
+  nome: string;
+  emoji: string;
+  receita: any;
+  ia: IaCriacao;
+  pedido: string;
+}
+
+export interface Provedor {
+  nome: string;
+  pronto: boolean;
+  detalhe: string;
+  motivo: string;
+  url?: string;
+  modelo?: string;
+  chave?: boolean;
+}
+
+export interface StatusCriacao {
+  ocupado: { tipo: TipoCriacao; ia: IaCriacao; desde: number; pedido: string } | null;
+  erro: string;
+  provedores: Record<IaCriacao, Provedor>;
+  criacoes: ItemCriado[];
+  bases: Record<'expressao' | 'atividade', { id: string; nome: string; emoji: string }[]>;
+}
+
+export const TIPOS: { id: TipoCriacao; nome: string; emoji: string; exemplo: string }[] = [
+  { id: 'expressao', nome: 'Expressão', emoji: '😊', exemplo: 'Ex.: desconfiado, olhando de lado com um olho meio fechado' },
+  { id: 'atividade', nome: 'Atividade', emoji: '🤹', exemplo: 'Ex.: fazendo malabarismo com 3 bolinhas, concentrado' },
+  { id: 'figurinha', nome: 'Figurinha', emoji: '🎨', exemplo: 'Ex.: um sol de óculos escuros sorrindo' },
+];
+
+class Criacao {
+  status = $state<StatusCriacao | null>(null);
+
+  async carregar() {
+    try {
+      this.status = await pedir<StatusCriacao>('/criacao/status');
+    } catch (e) {
+      avisos.erro(e);
+    }
+  }
+
+  item(id: number) {
+    return this.status?.criacoes.find((c) => c.id === id) ?? null;
+  }
+
+  async criar(tipo: TipoCriacao, pedido: string, ia: IaCriacao, base: string) {
+    const r = await tentar(() => postar<StatusCriacao>('/criacao/criar', { tipo, pedido, ia, base: base || null }));
+    if (r) this.status = r;
+    return !!r;
+  }
+
+  tocar(id: number) {
+    return tentar(() => postar('/criacao/tocar', { id }));
+  }
+
+  async apagar(id: number) {
+    await tentar(() => postar('/criacao/apagar', { id }), 'Criação apagada.');
+  }
+
+  async configurar(local: { url?: string; modelo?: string; chave?: string }) {
+    const r = await tentar(() => postar<StatusCriacao>('/criacao/config', { local }), 'IA local salva.');
+    if (r) this.status = r;
+  }
+
+  async testar(ia: IaCriacao) {
+    const r = await tentar(() => postar<{ mensagem: string }>('/criacao/testar', { ia }));
+    if (r) avisos.ok(r.mensagem);
+  }
+}
+
+export const criacao = new Criacao();
+ouvir('criacao', (d: StatusCriacao) => {
+  const antes = criacao.status;
+  criacao.status = d;
+  // terminou: avisa o resultado
+  if (antes?.ocupado && !d.ocupado) {
+    if (d.erro) avisos.erro(new Error(d.erro));
+    else if (d.criacoes[0]) avisos.ok(`Criado: ${d.criacoes[0].emoji} ${d.criacoes[0].nome}`);
+  }
+});
+
+/** Favoritos podem guardar criações ("criado:12"): tocar no celular. */
+export const ehCriado = (g: string) => g.startsWith('criado:');
+export const idCriado = (g: string) => Number(g.slice(7));