@softize/opus 22.1.0 → 23.0.0

package/src/ui/components/primitives/tabs.tsx

@@ -1,12 +1,11 @@
 import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
 
 import { cn } from "../../lib/cn.ts";
 import { controlHeight, type ControlSize } from "./control.ts";
 
 // Divergência da casa (ejetado): o Tabs ganhou `size` — Button e Select têm `sm`, o Tabs
-// não tinha, e uma fileira densa ficava com o segmento 0.25rem mais alto
+// não tinha, e uma fileira densa ficava com as abas 0.25rem mais altas
 // que os irmãos. O tamanho flui pra TabsList via contexto (a altura é dela) e a medida é a
 // da escala de control.ts.
 type TabsSize = Extract<ControlSize, "default" | "sm">;
@@ -18,9 +17,6 @@ const TabsFramedContext = React.createContext(false);
 type TabsOrientation = "horizontal" | "vertical";
 const TabsOrientationContext =
   React.createContext<TabsOrientation>("horizontal");
-const TabsListVariantContext = React.createContext<"default" | "line">(
-  "default",
-);
 
 function Tabs({
   className,
@@ -62,87 +58,62 @@ function Tabs({
   );
 }
 
-const tabsListVariants = cva(
-  // A altura horizontal entra como classe simples no componente (abaixo), para que um
-  // `className="h-full"` do consumidor consiga substituí-la via tailwind-merge. Seletores
-  // condicionais por data-size têm especificidade maior e tornavam a altura inextensível.
-  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[0.1875rem] text-muted-foreground group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none data-[variant=line]:p-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-muted",
-        line: "gap-1 bg-transparent",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
 function TabsList({
   className,
   children,
   style,
-  variant = "default",
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.List> &
-  VariantProps<typeof tabsListVariants>) {
+}: React.ComponentProps<typeof TabsPrimitive.List>) {
   // O size vem do <Tabs> (contexto) — a altura mora aqui, na list.
   const size = React.useContext(TabsSizeContext);
   const orientation = React.useContext(TabsOrientationContext);
   const distribution = React.useContext(TabsDistributionContext);
-  const normalizedVariant = variant ?? "default";
-  const hasHorizontalLine =
-    normalizedVariant === "line" && orientation === "horizontal";
+  const hasHorizontalLine = orientation === "horizontal";
   return (
-    <TabsListVariantContext.Provider value={normalizedVariant}>
-      <TabsPrimitive.List
-        data-slot="tabs-list"
-        data-variant={normalizedVariant}
-        data-size={size}
-        data-distribution={distribution}
-        className={cn(
-          tabsListVariants({ variant: normalizedVariant }),
-          controlHeight[size],
-          distribution === "equal" && orientation === "horizontal" && "w-full",
-          className,
-        )}
-        style={{
-          ...(hasHorizontalLine
-            ? {
-                position: "relative",
-                width: "100%",
-                height: "auto",
-                justifyContent: "flex-start",
-              }
-            : {}),
-          ...style,
-        }}
-        {...props}
-      >
-        {hasHorizontalLine && (
-          <span
-            aria-hidden="true"
-            data-slot="tabs-line"
-            style={{
-              position: "absolute",
-              insetInline: "0rem",
-              bottom: 0,
-              borderBottomWidth: "0.0625rem",
-              borderBottomStyle: "solid",
-              borderBottomColor: "var(--border)",
-              pointerEvents: "none",
-            }}
-          />
-        )}
-        {children}
-      </TabsPrimitive.List>
-    </TabsListVariantContext.Provider>
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      data-size={size}
+      data-distribution={distribution}
+      className={cn(
+        "group/tabs-list inline-flex w-fit items-center justify-center gap-1 rounded-none bg-transparent p-0 text-muted-foreground group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+        controlHeight[size],
+        distribution === "equal" && orientation === "horizontal" && "w-full",
+        className,
+      )}
+      style={{
+        ...(hasHorizontalLine
+          ? {
+              position: "relative",
+              width: "100%",
+              height: "auto",
+              justifyContent: "flex-start",
+            }
+          : {}),
+        ...style,
+      }}
+      {...props}
+    >
+      {hasHorizontalLine && (
+        <span
+          aria-hidden="true"
+          data-slot="tabs-line"
+          style={{
+            position: "absolute",
+            insetInline: "0rem",
+            bottom: 0,
+            borderBottomWidth: "0.0625rem",
+            borderBottomStyle: "solid",
+            borderBottomColor: "var(--border)",
+            pointerEvents: "none",
+          }}
+        />
+      )}
+      {children}
+    </TabsPrimitive.List>
   );
 }
 
-function TabsTrigger({
+function TabsListItem({
   className,
   style,
   icon,
@@ -152,17 +123,16 @@ function TabsTrigger({
   /** Ícone decorativo antes do rótulo. Em uma aba sem texto, declare também `aria-label`. */
   icon?: React.ReactNode;
 }) {
-  const variant = React.useContext(TabsListVariantContext);
   const orientation = React.useContext(TabsOrientationContext);
   const size = React.useContext(TabsSizeContext);
   const distribution = React.useContext(TabsDistributionContext);
   const framed = React.useContext(TabsFramedContext);
-  const hasHorizontalLine = variant === "line" && orientation === "horizontal";
+  const hasHorizontalLine = orientation === "horizontal";
   const content = (
     <>
       {icon !== undefined && (
         <span
-          data-slot="tabs-trigger-icon"
+          data-slot="tabs-list-item-icon"
           aria-hidden="true"
           className="flex size-4 shrink-0 items-center justify-center [&_svg]:size-4"
         >
@@ -174,16 +144,14 @@ function TabsTrigger({
   );
   return (
     <TabsPrimitive.Trigger
-      data-slot="tabs-trigger"
+      data-slot="tabs-list-item"
       // px: altura e indicador compensam a hairline do contêiner (um pixel físico, não escala).
       className={cn(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[0.1875rem] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        "dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent",
-        "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:text-foreground",
-        "after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-1px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[0.1875rem] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground dark:data-[state=active]:border-transparent dark:data-[state=active]:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-1px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 data-[state=active]:after:opacity-100",
         hasHorizontalLine &&
           cn(
-            "group/tab-trigger rounded-none px-0 py-0 hover:bg-transparent active:brightness-100 data-[state=active]:bg-transparent data-[state=active]:hover:bg-transparent",
+            "group/tab-list-item rounded-none px-0 py-0 hover:bg-transparent active:brightness-100 data-[state=active]:bg-transparent data-[state=active]:hover:bg-transparent",
             framed ? "pb-2" : "pb-1.5",
           ),
         className,
@@ -202,9 +170,9 @@ function TabsTrigger({
     >
       {hasHorizontalLine ? (
         <span
-          data-slot="tabs-trigger-content"
+          data-slot="tabs-list-item-content"
           className={cn(
-            "inline-flex items-center justify-center gap-1.5 rounded-md px-3 transition-colors hover:bg-accent hover:text-accent-foreground active:brightness-90 group-data-[state=active]/tab-trigger:text-foreground",
+            "inline-flex items-center justify-center gap-1.5 rounded-md px-3 transition-colors hover:bg-accent hover:text-accent-foreground active:brightness-90 group-data-[state=active]/tab-list-item:text-foreground",
             distribution === "equal" && "w-full",
             controlHeight[size],
           )}
@@ -218,17 +186,17 @@ function TabsTrigger({
   );
 }
 
-function TabsContent({
+function TabsPanel({
   className,
   ...props
 }: React.ComponentProps<typeof TabsPrimitive.Content>) {
   return (
     <TabsPrimitive.Content
-      data-slot="tabs-content"
+      data-slot="tabs-panel"
       className={cn("flex-1 outline-none", className)}
       {...props}
     />
   );
 }
 
-export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
+export { Tabs, TabsList, TabsListItem, TabsPanel };

package/src/ui/components/primitives/toggle.tsx

@@ -15,7 +15,7 @@ const toggleVariants = cva(
       variant: {
         default: "bg-transparent",
         outline:
-          "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
+          "border border-input bg-transparent text-muted-foreground hover:bg-muted/50 hover:text-foreground data-[state=on]:bg-muted/50 data-[state=on]:text-foreground",
       },
       // Alturas da escala de control.ts (`sm` = o mesmo h-8 de Button e Select).
       size: {

package/src/ui/docs/content/action-list.md

@@ -42,7 +42,6 @@ extremos opostos do cabeçalho da coleção; busca, filtros e atualização perm
 <Content
   title="Workspaces"
   level={1}
-  variant="page"
   actions={<Button>Criar workspace</Button>}
 >
   <ActionList action={workspaceList} input={{}} />
@@ -238,7 +237,7 @@ render(
     <div className="h-80 w-full overflow-x-auto overflow-y-hidden rounded-lg border border-border">
       <Page layout="fill">
         <PageBody>
-          <Content level={1} variant="page">
+          <Content level={1}>
             <ContentHeader>
               <ContentTitle>Workspaces</ContentTitle>
               <ContentActions>
@@ -276,7 +275,7 @@ componentes no caminho. Nos demais casos, a decisão é sua:
 
 - Para a lista manter a altura dos resultados, como em uma seção secundária cuja rolagem pertence ao
   `PageBody`, declare `layout="flow"`.
-- Um contêiner próprio entre `ContentBody` e a lista, como um `TabsContent`, não repassa a altura, e
+- Um contêiner próprio entre `ContentBody` e a lista, como um `TabsPanel`, não repassa a altura, e
   a lista volta a `flow`. Declare `layout="fill"` na lista e dê ao contêiner as classes
   `flex min-h-0 flex-1 flex-col`.
 - Dentro de [`Card`](/ui/card), [`Dialog`](/ui/dialog), [`Drawer`](/ui/drawer) ou
@@ -364,6 +363,9 @@ render(
 
 - **`depends: ['outroFiltro']`:** desabilita o filtro até que suas dependências tenham valor e o
   limpa quando uma delas muda.
+- **`presentation: 'toggle'`:** mantém visíveis as opções curtas de um `select` de escolha única;
+  estado, URL e input da action continuam iguais aos do controle padrão. Entradas de dicionário
+  com `icon` apresentam o ícone junto ao rótulo.
 - **`options: { kind: 'dictionary', ref: 'sessionStatus' }`:** resolve opções e rótulos por um
   dicionário registrado no `OpusProvider`. `filterOptions` substitui essa fonte quando informado.
 - **`options: { kind: 'lookup', source: 'x.lookup' }`:** consulta uma action com `{ q }` e os valores
@@ -371,6 +373,13 @@ render(
 
 ```tsx
 filters: {
+  channel: {
+    label: 'Canal',
+    type: 'select',
+    presentation: 'toggle',
+    allowEmpty: false,
+    options: { kind: 'static', items: [...] },
+  },
   project: { label: 'Projeto', type: 'select', options: { kind: 'static', items: [...] } },
   sprint: {
     label: 'Sprint',
@@ -469,7 +478,7 @@ render(
 | Chave     | O que declara                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
 | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `columns` | `{ key, label, type?, sortable?, fit?, hidden?, dateFormat?, dictionary?, empty? }` — a tabela. `hidden` nasce oculta e pode ser exibida pelo seletor de colunas; `dictionary` nomeia o dicionário do provider; `empty` dá o significado da ausência.                                                                                                                                                                                                                                                                                                              |
-| `filters` | `{ [nome]: { label, type, options?, multiple?, searchable?, allowEmpty?, placement?, section?, depends?, … } }` — a toolbar. `placement` classifica o controle como `inline`, `advanced` ou `external`; filtros avançados com `section` são agrupados no diálogo; `external` mantém estado e input, mas delega a apresentação ao consumidor. `searchable` habilita busca local em `select`; `allowEmpty: false` omite a opção vazia. `depends` desabilita/cascateia; options `kind: 'lookup'` busca em uma action. Valor aplicado entra no input com o mesmo nome. |
+| `filters` | `{ [nome]: { label, type, options?, multiple?, presentation?, searchable?, allowEmpty?, placement?, section?, depends?, … } }` — a toolbar. `placement` classifica o controle como `inline`, `advanced` ou `external`; filtros avançados com `section` são agrupados no diálogo; `external` mantém estado e input, mas delega a apresentação ao consumidor. `presentation: 'toggle'` mostra todas as opções curtas de um `select` de escolha única em um `ToggleGroup`; sem a propriedade, o controle continua sendo `Select`. `searchable` habilita busca local em `select`; `allowEmpty: false` omite a opção vazia. `depends` desabilita/cascateia; options `kind: 'lookup'` busca em uma action. Valor aplicado entra no input com o mesmo nome. |
 | `text`    | `{ fields }` — liga a busca; convenção: param `q` no input. Ela aparece depois dos filtros inline e imediatamente antes do acesso aos filtros avançados. A busca participa da contagem de controles inline: com mais de um controle, a barra exibe as labels; quando ela é o único recorte, sua label é omitida.                                                                                                                                                                                                                                                   |
 | `sort`    | `{ fields, default }` — ordenação inicial; header ordenável escreve `sort: 'chave:dir'`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
 | `periods` | `{ value, label, default? }[]` — o controle de período (presets + Personalizado com calendário); `default: true` marca o preset inicial, senão vale o primeiro; materializa em `from`/`to` no input.                                                                                                                                                                                                                                                                                                                                                               |

package/src/ui/docs/content/actions.md

@@ -120,8 +120,8 @@ nome de uma action não começa pelo caminho do domínio, como `workspace.` ou `
 `subdomains` aceita outros domínios e forma esse caminho.
 
 `actions` aceita um mapa, uma lista ou o resultado de `import * as actions`. Um domínio também pode
-registrar só o contrato, sem handler: no modo design, descrito abaixo, o `mockHandler` responde;
-fora dele, a execução falha por falta de handler.
+registrar só o contrato, sem handler: o plugin do modo design liga uma resposta gerada ou um
+cenário; fora dele, a execução falha por falta de handler.
 
 ## Ordem canônica dos campos
 
@@ -132,9 +132,9 @@ nessa estrutura. Os grupos seguem esta sequência; dentro de cada grupo, a ordem
 ```text
 name, kind
   → label, title, summary, description, icon, color, messages, tags, examples, errors
-  → input, output
+  → input, output, effect, personalData
   → public, requires, authorize, loads
-  → handler, mockHandler
+  → handler
   → audit, confirm, invalidates, rateLimit, idempotency
   → ai, automatable, internal
 ```
@@ -146,6 +146,35 @@ Declare `input` e `output` com `z.object` e use os tipos lógicos do catálogo e
 validações: `z.object({ tag: t.slug().zod(), contato: t.email().zod() })`. O `.zod()` devolve o
 schema zod de cada tipo lógico (slug, email, phone, money…), importado de `@softize/opus/schema/zod`.
 
+## Declarar o que a action faz com os dados
+
+Dois fatos sobre a action valem para qualquer consumidor, da interface à IA, e ficam declarados no
+contrato:
+
+- **`effect`** diz se a action só lê (`'read'`) ou altera estado (`'write'`). `list` e `view` já são
+  leitura, porque são servidas por `GET`, e não precisam declarar. `simple` e `form` declaram,
+  porque o `kind` não diz isso: uma análise sob demanda costuma ser `simple` e só ler.
+- **`personalData`** diz se a resposta contém dados que identificam pessoas, como nome, documento,
+  contato, placa ou texto livre sobre alguém. `false` também é uma declaração.
+
+```ts
+export const salesPerformanceContract = defineContract({
+  name: 'sales.performance',
+  kind: 'simple',
+  input: z.object({ period: z.string() }),
+  output: z.object({ total: z.number() }),
+  effect: 'read',
+  personalData: false,
+})
+```
+
+Com `personalData: true`, toda execução bem-sucedida fica marcada no registro de auditoria com a
+quantidade de registros devolvidos, inclusive quando a action declara `audit: false`; nesse caso o
+registro é mínimo, sem entrada nem saída. No modo design, a resposta simulada não é marcada. Um
+host de IA pode usar `effect` para decidir o que oferecer ao modelo sem procedimento, e o MCP publica
+a anotação `readOnlyHint`. O `opus check` avisa quantas actions ainda não declaram os dois fatos; uma
+major futura passará a exigi-los.
+
 A autorização é fechada por padrão: sem `public: true`, a action exige usuário autenticado; com
 `authorize`, exige também a permissão declarada. `automatable: true` permite que um
 [schedule](/docs/scheduler) execute a action como o sistema, sem abri-la a chamadores anônimos.
@@ -199,10 +228,9 @@ O Opus não decide onde os cenários ficam nem se entram no repositório. Eles n
 aplicação: podem ficar numa pasta ignorada pelo git e ser escritos durante a sessão de design,
 quando forem necessários.
 
-`mockHandler` está obsoleto desde a 22.1.0 e sai na próxima major. Enquanto existir, ele ainda
-responde no modo design, abaixo do cenário e acima da resposta gerada, e o `opus check` conta
-quantas actions ainda o declaram. Para migrar, apague o `mockHandler`; se a resposta dele importar
-para o design, transforme-a em cenário.
+Dados de design não pertencem ao contrato. Quando uma resposta específica importar para a revisão
+da interface, declare um cenário com `defineDesignScenario`; para os demais casos, preserve apenas
+o contrato e deixe o plugin gerar a resposta pelo schema.
 
 O plugin `opusDesign()`, de `@softize/opus/vite`, monta o runtime do Opus dentro do dev server e
 responde `/api` no próprio processo. No modo design, qualquer `server.proxy` para um backend externo

package/src/ui/docs/content/content.md

@@ -205,15 +205,15 @@ Quando a região principal da página é uma coleção, `Content` nomeia e gover
 toolbar da lista. Essa divisão aproxima cada comando do objeto que ele afeta sem criar uma família
 paralela de componentes `List*`.
 
-Quando a coleção é o assunto da página, use `variant="page"` com `level={1}`: o `Content` assume a
-escala do cabeçalho de [`Page`](/ui/page) e passa a ser o heading principal. As ações ficam no
-extremo oposto ao título, como em qualquer variante.
+Quando a coleção é o assunto da página, use `level={1}`: o `Content` passa a ser o heading
+principal, assume automaticamente a escala do cabeçalho de [`Page`](/ui/page) e mantém o mesmo
+ritmo entre introdução e corpo. As ações ficam no extremo oposto ao título. Níveis de 2 a 6
+continuam usando a apresentação compacta de uma seção.
 
 ```tsx preview col
 render(
   <Content
     level={1}
-    variant="page"
     title="Clientes"
     actions={<Button>Criar cliente</Button>}
   >
@@ -242,8 +242,7 @@ classes adicionais; um `Content` irmão, sem lista, mantém a altura do próprio
 | `count`        | `number`                      |                | Forma curta: total de itens ao lado do título da região.                                                          |
 | `description`  | `ReactNode`                   |                | Forma curta: frase de apoio sob o título.                                                                         |
 | `actions`      | `ReactNode`                   |                | Forma curta: ações sobre a região inteira, no extremo oposto ao título.                                           |
-| `level`        | `1 \| 2 \| 3 \| 4 \| 5 \| 6`  | `2`            | Nível semântico do heading, independente do destaque visual.                                                      |
-| `variant`      | `'page' \| 'section'`         | `'section'`    | Hierarquia visual: `page` reproduz o cabeçalho de `Page`; `section` é a região dentro de uma superfície.          |
+| `level`        | `1 \| 2 \| 3 \| 4 \| 5 \| 6`  | `2`            | Nível do heading; `1` identifica o conteúdo principal da página e os demais, uma seção interna.                   |
 | `as`           | `'section' \| 'fieldset'`     | `'section'`    | Usa uma região com heading ou um grupo de campos cujo título é a legenda nativa.                                  |
 | `framed`       | `boolean`                     | `false`        | Envolve o header e o body com a moldura estrutural da região.                                                     |
 | `layout`       | `'continuous' \| 'sectioned'` | `'continuous'` | Mantém header e body contínuos ou os separa com divisor e body sem recuo. `sectioned` exige `framed`.             |

package/src/ui/docs/content/mcp.md

@@ -56,6 +56,12 @@ entrada. Em `_meta`, cada tool traz os
 [Produtos de Dados](/docs/data-products) relacionados: `com.softize.opus/data-products` lista os
 identificadores e `com.softize.opus/data-product-labels`, o nome legível de cada um.
 
+Quando a action declara o que faz com os dados, a tool traz também as anotações padrão do MCP:
+`readOnlyHint` vem de `effect`. Numa action que escreve, `destructiveHint` vai sempre explícito, a
+partir de `ai.destructive`, porque o MCP trata a ausência numa escrita como destrutiva.
+Em `_meta`, `com.softize.opus/effect` repete o efeito e `com.softize.opus/personal-data` diz se a
+resposta contém dado pessoal. Veja [Actions](/docs/actions).
+
 `CallTool` recusa com erro qualquer nome fora dessa lista; os demais seguem por `runtime.execute`.
 A exposição declarada em `ai` decide o que o cliente MCP pode executar, e a autorização do contexto
 continua valendo sobre ela. Para um acesso somente de leitura, exponha apenas actions de leitura.

package/src/ui/docs/content/semantic-context.md

@@ -54,7 +54,6 @@ O par `context` + `variant` vale para componentes que comunicam significado, com
 | --- | --- | --- |
 | [`Select`](/ui/select) | `default`, `outline`, `ghost` | `default` é o campo completo; `outline` é compacto com borda, e `ghost`, compacto sem borda nem fundo. |
 | [`Toggle`](/ui/toggle) | `default`, `outline` | `default` não tem borda nem fundo em repouso; o fundo aparece no hover e quando ativo. `outline` acrescenta a borda. |
-| [`TabsList`](/ui/tabs) | `default`, `line` | `default` agrupa as abas em uma superfície preenchida; `line` usa uma linha-base e marca nela a aba ativa. |
 
 O mesmo nome pode aparecer nos dois grupos. Num `Badge`, `outline` é um tratamento do significado
 declarado em `context`; num `Select`, é apenas o formato compacto com borda.