bb-plugin-manifest 0.0.0-stage → 0.17.0

package/LICENSE

@@ -0,0 +1,67 @@
+Manifest Plugins for bb — Proprietary License
+
+Copyright (c) 2026 Dmitry Petrakov. All rights reserved.
+
+This repository and all files in it (the "Software") are proprietary. The Software is
+not open source. Its source code is published only so that authorized users can
+install it in bb from a public URL.
+
+1. Permitted use
+
+   You may download, install and run the Software only if you are:
+
+   a) a user authorized by the copyright holder, or
+   b) an employee or contractor of an organization that has a valid agreement with
+      the copyright holder for the Manifest service,
+
+   and only to access a Manifest instance provided under such an agreement, for as
+   long as the agreement is in force.
+
+   You may view the source code on GitHub to the extent allowed by the GitHub Terms
+   of Service.
+
+2. Restrictions
+
+   Except as expressly permitted above, you may not, without prior written permission
+   of the copyright holder:
+
+   a) copy, modify, adapt, translate or create derivative works of the Software;
+   b) distribute, publish, sublicense, sell, rent, lend or otherwise transfer the
+      Software or any part of it to any third party;
+   c) use the Software, in whole or in part, with any system other than Manifest, or
+      to build a competing product or service;
+   d) remove or alter this notice or any copyright notice in the Software.
+
+3. Ownership
+
+   The Software is licensed, not sold. The copyright holder retains all rights,
+   title and interest in the Software. No rights are granted by implication or
+   estoppel beyond those stated in section 1.
+
+4. Third-party components
+
+   Third-party packages used by the Software are licensed under their own terms,
+   as stated in their respective packages. This license does not apply to them.
+
+5. Termination
+
+   This license ends automatically when your authorization or your organization's
+   agreement ends, or if you breach any of its terms. On termination you must stop
+   using the Software and delete all copies in your possession.
+
+6. No warranty
+
+   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+   FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT, EXCEPT AS EXPRESSLY AGREED IN A
+   SEPARATE WRITTEN AGREEMENT WITH THE COPYRIGHT HOLDER.
+
+7. Limitation of liability
+
+   TO THE MAXIMUM EXTENT PERMITTED BY LAW, IN NO EVENT SHALL THE COPYRIGHT HOLDER BE
+   LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+   CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+   SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+For licensing questions, contact the copyright holder through
+https://github.com/dpetrakov.

package/PLUGIN_OVERVIEW.md

@@ -0,0 +1,28 @@
+Работайте с реестром потенциальных поставщиков Manifest прямо в BB: список слева,
+карточка организации справа, чат с агентом по карточке в центре, а на отдельной
+странице — дашборд аутрича с темами-чатами.
+
+## Что вы получаете
+
+- Реестр поставщиков по регионам и странам с приоритетом работы, поиском и фильтрами.
+- Карточку организации: реквизиты, каналы связи, контактные лица, статус, касания,
+  следующий шаг, ответственный и комментарии — в пределах ваших прав в Manifest.
+- **Дашборд аутрича**: очередь «Сегодня» (ждут нашего ответа, просрочено, на сегодня,
+  готовы и не тронуты), воронка с оттоком по причинам, регионы, матрица застоя,
+  качество данных и лента «что изменилось с прошлого визита».
+- **Темы** — несколько чатов с агентом на дашборде, у каждой свой фильтр. Агент
+  показывает выборку на дашборде, выводит живые списки организаций и готовит правки
+  пачками: применяете и откатываете вы кнопкой.
+- Счётчик «ждут ответа + просрочено» на вкладке «Поставщики» и пункте дашборда.
+
+## Как это работает
+
+Данные, расчёт метрик и права живут в Manifest. Плагин подключается к нему по адресу,
+email и паролю для плагина; пароль один раз обменивается на токен. Каждое изменение
+агента видно в истории с пометкой «агент BB». Отозвать доступ можно в Manifest.
+
+## Для агентов
+
+В чате организации и в темах дашборда агенту доступны инструменты `outreach_*`;
+навык `manifest-outreach` описывает их, директивы `::manifest-companies` и
+`::manifest-batch` и правило: массовые правки применяет человек.

package/README.md

@@ -1,3 +1,112 @@
-# Temporary Holding Version
+# manifest — Manifest outreach workspace for bb
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A [bb](https://github.com/get-bb/bb) plugin that connects bb to **Manifest**, a private
+operations service, and gives the team its supplier outreach workspace inside bb. The
+plugin interface and the agent skill are in Russian.
+
+- **Left: registry.** The plugin's own sidebar list «Потенциальные поставщики»
+  (“Potential suppliers”): search and filters by region, country (with search inside
+  the list), priority and status. A button in the sidebar footer, tinted in Manifest's
+  soft green, switches the sidebar between the suppliers and the previous list;
+  opening «Аутрич» (“Outreach”) switches it on by itself.
+- **Right: card.** The «Карточка» (“Card”) tab: company details, countries, contact
+  channels, contact persons, status, priority, comments and change history. Editing
+  requires the `outreach.manage` permission in Manifest.
+- **Middle: chat.** A bb thread bound to the company. The agent reads and edits it
+  with Manifest tools within the user's permissions; each change is recorded in the
+  history as «агент BB» (“bb agent”).
+
+- **Dashboard (0.2.0).** The «Дашборд аутрича» page: today queue, funnel, regions,
+  stagnation matrix, data quality and recent changes, with several topic chats. The
+  topic agent filters the dashboard, shows live company lists and prepares bulk edits
+  that a person applies or reverts.
+
+Manifest is the MCP server and the only source of data and permissions. The plugin
+keeps just an access token (a secret setting on the bb backend); the password is used
+once to sign in.
+
+## Install
+
+For a release published to npm, install the prebuilt package on the computer
+running your bb server (an enrolled agent machine can be a different computer):
+
+```sh
+bb plugin install npm:bb-plugin-manifest@latest
+```
+
+This route does not need Git or Xcode Command Line Tools. Until the first npm
+release is published, use the existing Git source (which requires Git):
+
+```sh
+bb plugin install https://github.com/dpetrakov/manifest-bb-plugins --plugin manifest
+```
+
+Then open *Settings → Plugins → Manifest → «Подключение к Manifest»* (“Connection to
+Manifest”) and enter the Manifest URL, your email and your plugin password. The
+password is set in Manifest by an administrator («Пользователи и права» → «Плагин BB»)
+or by yourself (click your name at the bottom of the Manifest menu).
+
+## Layout
+
+| Path | What it is |
+|---|---|
+| `server.ts` | Backend: settings, sign-in and sign-out, RPC for the panels, agent tools, agent configuration per company thread. |
+| `app.tsx` | UI slots: sidebar list and its footer button, navigation pages, «Карточка» tab, directives, settings section. |
+| `lib/mcp-client.ts` | Minimal MCP client over HTTPS (`tools/call`, Bearer token, actor kind header). |
+| `lib/tools.ts` | Agent tool schemas and the list of tools available to panels. |
+| `ui/` | React components: registry list, filters, card, connection settings; `SuppliersList.tsx` and `suppliers.css` — the sidebar list, its switch and the footer button tone. |
+| `ui/dashboard/` | The outreach dashboard: page, widgets, topic filter, attention counter. |
+| `ui/directives.tsx` | Message directives `::manifest-companies` and `::manifest-batch`. |
+| `skills/manifest-outreach/` | Agent skill: registry rules and tool usage. |
+| `PLUGIN_OVERVIEW.md` | Description shown inside bb (in Russian). |
+| `tests/` | vitest (backend on a fake plugin host, UI with `renderSlot`) and `node:test` (MCP client). |
+
+## Development
+
+```sh
+npm ci
+npm run check          # tsc --noEmit + vitest + node:test
+bb plugin build .      # dist/
+
+# Optional: check the contract against a running Manifest
+MANIFEST_URL=https://manifest.example.com MANIFEST_EMAIL=you@example.com MANIFEST_PASSWORD=… \
+  node --experimental-strip-types --test tests/mcp-client.test.mjs
+```
+
+The plugin is developed together with Manifest and published to
+[manifest-bb-plugins](https://github.com/dpetrakov/manifest-bb-plugins) by a release
+script. The Manifest contract is version 1 (`manifest_whoami.contract`); on a mismatch
+the plugin asks to be updated instead of failing.
+
+### Publishing a prebuilt npm package
+
+Keep the package name `bb-plugin-manifest` so the bb plugin id stays `manifest`.
+The `files` allowlist includes the built bundles, their metadata, the plugin
+sources, icons, skill, and proprietary license. Tests and local settings are
+excluded. `npm pack` runs `prepack` to rebuild bundles for the package version.
+
+```sh
+npm run check
+npm pack --dry-run
+npm pack --pack-destination /absolute/path/to/release
+```
+
+Inspect the archive before publishing. It must contain `dist/server.js`,
+`dist/server.meta.json`, `dist/app.js`, `dist/app.meta.json`, and `dist/app.css`;
+both metadata files must match the package id and version. Log in with
+`npm login --auth-type=web --registry=https://registry.npmjs.org/`, then publish
+the reviewed archive:
+
+```sh
+npm publish /absolute/path/to/release/bb-plugin-manifest-X.Y.Z.tgz --access public --registry=https://registry.npmjs.org/
+```
+
+Complete any npm authentication prompt yourself. Verify the release with
+`npm view bb-plugin-manifest version dist.integrity`, then test a fresh npm
+install in a separate bb server. Users who installed with `@latest` update with
+`bb plugin update manifest`. An existing Git installation keeps tracking Git;
+do not remove it just to switch sources, because removal deletes its settings.
+
+## License
+
+Proprietary, not open source. See [LICENSE](https://github.com/dpetrakov/manifest-bb-plugins/blob/main/LICENSE).

package/app.tsx

@@ -0,0 +1,90 @@
+// bb-plugin-manifest — frontend (EP-069..EP-071, docs/outreach/bb-plugin.md).
+//
+// Left: «Потенциальные поставщики» — the plugin's own sidebar thread list, switched
+// on by a footer button (and by the «Аутрич» section); the button returns the
+// previous list. No sidebar-tabs host since 0.5.0.
+// W-18 (ADR-049): chats are native BB threads; the object of a thread (organisation,
+// mailing, template, topic, inbound) is a tab of the thread's side panel. Plugin pages
+// are pults: lists, an object on the whole screen, its chats and «Новый чат».
+// «Дашборд аутрича» (W-15): metrics, queue and topic chats; directives render
+// live company lists and batch cards inside the agent's messages.
+import { definePluginApp } from "@get-bb/plugin-sdk/app";
+import { ConnectSection } from "./ui/ConnectSection";
+import { PANEL_ID, PANEL_PATH } from "./ui/hooks";
+import { OutreachPage } from "./ui/OutreachPage";
+import { FOOTER_LABEL, SuppliersList, SuppliersSwitch, requestSuppliersToggle } from "./ui/SuppliersList";
+import "./ui/suppliers.css";
+import "./ui/manifest/manifest.css";
+import { DashboardPage } from "./ui/dashboard/DashboardPage";
+import { AttentionAccessory } from "./ui/dashboard/Accessory";
+import { DASHBOARD_ID, DASHBOARD_PATH } from "./ui/dashboard/state";
+import { BatchDirective, CompaniesDirective } from "./ui/directives";
+import { MailPage } from "./ui/mail/MailPage";
+import { LetterChip, MailingChip } from "./ui/workspace/Chips";
+import { MAIL_ID, MAIL_PATH } from "./ui/mail/common";
+import { NeedsPage } from "./ui/procurement/NeedSheet";
+import { NEEDS_ID, NEEDS_PATH } from "./ui/procurement/paths";
+import { FocusHeader, ObjectPanel } from "./ui/workspace/ObjectPanel";
+import { BESIDE_NEW_PANEL, BESIDE_PANEL, OBJECT_PANEL } from "./ui/workspace/state";
+import { ComposeBanner, NEW_COMPANY_PANEL, NewCompanyPanel } from "./ui/workspace/compose";
+
+export default definePluginApp((app) => {
+  app.slots.navPanel({
+    id: PANEL_ID,
+    title: "Аутрич",
+    icon: "Globe",
+    path: PANEL_PATH,
+    component: OutreachPage,
+  });
+  // W-15: дашборд аутрича с темами-чатами; карточка — по цели вкладки.
+  app.slots.navPanel({
+    id: DASHBOARD_ID,
+    title: "Дашборд аутрича",
+    icon: "manifest/dashboard",
+    path: DASHBOARD_PATH,
+    component: DashboardPage,
+    experimental_sidebarAccessory: AttentionAccessory,
+  });
+  // W-16: почта — шаблоны (с чатом по шаблону), юрлица и отправители, неразобранные входящие.
+  app.slots.navPanel({ id: MAIL_ID, title: "Почта аутрича", icon: "Mail", path: MAIL_PATH, component: MailPage });
+  // ADR-051 (W-19): what we need — the procurement sheet, as an object beside a chat.
+  app.slots.navPanel({ id: NEEDS_ID, title: "Закупочный лист", icon: "manifest/procurement", path: NEEDS_PATH, component: NeedsPage });
+  app.slots.messageDirective({ id: "manifest-companies", component: CompaniesDirective });
+  app.slots.messageDirective({ id: "manifest-batch", component: BatchDirective });
+  // W-17: письмо организации «как уйдёт» — черновик из Manifest, обновляется после правки агента.
+  app.slots.messageDirective({ id: "manifest-letter", component: LetterChip });
+  // W-17: рассылка — одно письмо, много получателей, письмо каждого «как уйдёт».
+  app.slots.messageDirective({ id: "manifest-mailing", component: MailingChip });
+  // Список поставщиков в сайдбаре и кнопка-переключатель в подвале (цвет — suppliers.css).
+  app.slots.experimental_threadList({
+    id: "suppliers",
+    title: "Потенциальные поставщики",
+    description: "Реестр Manifest вместо списка тредов; кнопка в подвале возвращает прежний список.",
+    component: SuppliersList,
+  });
+  app.slots.experimental_appOverlay({ id: "suppliers-switch", component: SuppliersSwitch });
+  app.experimental_sidebarFooter.register({
+    kind: "action",
+    id: "suppliers",
+    label: FOOTER_LABEL,
+    icon: "manifest/suppliers",
+    onActivate: requestSuppliersToggle,
+  });
+  // W-18 (ADR-049): объект треда — во вкладке боковой панели родного треда BB; кнопка в
+  // шапке треда показывает, что открыто, и сама открывает панель.
+  app.slots.threadPanelAction({ id: OBJECT_PANEL, title: "Manifest", icon: "manifest/id-card", layout: "flush", component: ObjectPanel });
+  app.slots.experimental_threadHeaderAction({ id: "focus", title: "Объект Manifest", component: FocusHeader });
+  // Организация без чата открывается экраном нового треда BB: карточка — в его боковой
+  // панели, над полем — баннер; первое сообщение создаёт тред, привязанный к организации.
+  app.slots.experimental_newThreadPanelAction({ id: NEW_COMPANY_PANEL, title: "Manifest", icon: "manifest/id-card", layout: "flush", component: NewCompanyPanel });
+  // A second object beside the main one (Cmd/Ctrl-click, «Рядом» in the list): its own tab.
+  app.slots.threadPanelAction({ id: BESIDE_PANEL, title: "Manifest · рядом", icon: "manifest/id-card", layout: "flush", component: ObjectPanel });
+  app.slots.experimental_newThreadPanelAction({ id: BESIDE_NEW_PANEL, title: "Manifest · рядом", icon: "manifest/id-card", layout: "flush", component: NewCompanyPanel });
+  app.composer.customize({ id: "company-intent", scopes: ["new-thread"], banners: [{ id: "company", chrome: "bare", component: ComposeBanner }] });
+  app.slots.settingsSection({
+    id: "connect",
+    title: "Подключение к Manifest",
+    description: "Вход по email и паролю для плагина; данные и права — в Manifest.",
+    component: ConnectSection,
+  });
+});

package/components/ui/button.tsx

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "../../lib/utils";
+import { CONTROL_HOVER_TRANSITION } from "./motion.js";
+
+const buttonVariants = cva(
+  `inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ${CONTROL_HOVER_TRANSITION} focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_[data-icon-root]]:pointer-events-none [&_[data-icon-root]]:size-4 [&_[data-icon-root]]:shrink-0`,
+  {
+    variants: {
+      variant: {
+        default: "bg-foreground text-background hover:bg-foreground/90",
+        destructive:
+          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline:
+          "border border-input bg-transparent hover:bg-state-hover hover:text-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost:
+          "hover:bg-state-hover hover:text-foreground aria-pressed:bg-state-active aria-pressed:text-foreground aria-pressed:hover:bg-state-active data-[state=open]:bg-state-active data-[state=open]:text-foreground data-[state=open]:hover:bg-state-active",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  },
+);
+
+export interface ButtonProps
+  extends
+    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title">,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };

package/components/ui/card.tsx

@@ -0,0 +1,83 @@
+import * as React from "react";
+
+import { cn } from "../../lib/utils";
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-lg border border-border bg-card text-card-foreground",
+      className,
+    )}
+    {...props}
+  />
+));
+Card.displayName = "Card";
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+));
+CardHeader.displayName = "CardHeader";
+
+const CardTitle = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("font-semibold leading-none tracking-tight", className)}
+    {...props}
+  />
+));
+CardTitle.displayName = "CardTitle";
+
+const CardDescription = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+));
+CardDescription.displayName = "CardDescription";
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+));
+CardContent.displayName = "CardContent";
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+));
+CardFooter.displayName = "CardFooter";
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+};

package/components/ui/checkbox.tsx

@@ -0,0 +1,29 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+
+import { cn } from "../../lib/utils";
+import { CONTROL_HOVER_TRANSITION } from "./motion.js";
+import { Icon } from "../../components/ui/icon.js";
+
+const Checkbox = React.forwardRef<
+  React.ComponentRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      `peer size-4 shrink-0 rounded-sm border border-input shadow-xs ${CONTROL_HOVER_TRANSITION} focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-foreground data-[state=checked]:bg-foreground data-[state=checked]:text-background`,
+      className,
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
+      <Icon name="Check" className="size-3.5" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };

package/components/ui/coarse-pointer-sizing.ts

@@ -0,0 +1,66 @@
+export const COARSE_POINTER_TEXT_BASE_CLASS =
+  "text-sm max-md:pointer-coarse:text-base";
+
+export const COARSE_POINTER_TEXT_SM_CLASS =
+  "text-xs max-md:pointer-coarse:text-sm";
+
+export const COARSE_POINTER_ICON_SIZE_CLASS =
+  "size-4 max-md:pointer-coarse:size-5";
+
+export const COARSE_POINTER_ICON_SIZE_SHRINK_CLASS =
+  "size-4 shrink-0 max-md:pointer-coarse:size-5";
+
+export const COARSE_POINTER_COMPACT_ICON_SIZE_CLASS =
+  "size-3.5 max-md:pointer-coarse:size-5";
+
+export const COARSE_POINTER_COMPACT_ICON_SIZE_SHRINK_CLASS =
+  "size-3.5 shrink-0 max-md:pointer-coarse:size-5";
+
+export const COARSE_POINTER_DOT_SIZE_CLASS =
+  "size-1.5 max-md:pointer-coarse:size-2";
+
+export const COARSE_POINTER_GLYPH_BOX_CLASS =
+  "h-4 w-4 max-md:pointer-coarse:h-5 max-md:pointer-coarse:w-5";
+
+export const COARSE_POINTER_CHECK_SLOT_CLASS =
+  "h-3.5 w-3.5 max-md:pointer-coarse:h-5 max-md:pointer-coarse:w-5";
+
+const HEADER_ICON_BUTTON_BOX_CLASS =
+  "h-[28px] w-[28px] rounded-md p-0 max-md:pointer-coarse:h-[36px] max-md:pointer-coarse:w-[36px]";
+
+export const COARSE_POINTER_HEADER_ICON_BUTTON_CLASS = `${HEADER_ICON_BUTTON_BOX_CLASS} [&_[data-icon-root]]:size-[16px] max-md:pointer-coarse:[&_[data-icon-root]]:size-[20px]`;
+
+export const COARSE_POINTER_HEADER_REDUCED_GLYPH_ICON_BUTTON_CLASS = `${HEADER_ICON_BUTTON_BOX_CLASS} [&_[data-icon-root]]:size-[13px] max-md:pointer-coarse:[&_[data-icon-root]]:size-[16px]`;
+
+export const COARSE_POINTER_COMPACT_ICON_BUTTON_CLASS =
+  "h-7 w-7 rounded-md p-0 [&_[data-icon-root]]:size-3.5 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9 max-md:pointer-coarse:[&_[data-icon-root]]:size-5";
+
+export const COARSE_POINTER_CHILD_ICON_BUTTON_CLASS =
+  "h-8 w-8 justify-center p-0 [&>[data-icon-root]]:size-4 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9 max-md:pointer-coarse:[&>[data-icon-root]]:size-5";
+
+export const COARSE_POINTER_TOOLBAR_ACTION_BUTTON_CLASS =
+  "h-7 rounded-md border-border bg-transparent px-2 text-xs font-medium text-foreground shadow-none hover:bg-state-hover hover:text-foreground max-md:pointer-coarse:h-9";
+
+export const COARSE_POINTER_PROMPT_ACTION_BUTTON_CLASS =
+  "h-8 px-2 transition-all max-md:pointer-coarse:h-10 max-md:pointer-coarse:px-3";
+
+export const COARSE_POINTER_PROMPT_ICON_ACTION_BUTTON_CLASS =
+  "size-auto h-8 px-2 transition-all max-md:pointer-coarse:h-10 max-md:pointer-coarse:px-3";
+
+export const COARSE_POINTER_PROMPT_COMBO_BUTTON_CLASS =
+  "h-8 w-8 rounded-l-none border-l border-l-primary-foreground/20 px-0 transition-all hover:border-l-primary-foreground/30 max-md:pointer-coarse:h-10 max-md:pointer-coarse:w-10";
+
+export const COARSE_POINTER_INPUT_HEIGHT_CLASS =
+  "h-9 max-md:pointer-coarse:h-10";
+
+export const COARSE_POINTER_COMPACT_ROW_HEIGHT_CLASS =
+  "h-7 max-md:pointer-coarse:h-9";
+
+export const COARSE_POINTER_ROW_HEIGHT_CLASS =
+  "h-[var(--bb-sidebar-row-height)] max-md:pointer-coarse:h-[var(--bb-sidebar-row-height-coarse)]";
+
+export const COARSE_POINTER_PROVIDER_TAB_SIZE_CLASS =
+  "h-7 w-6 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9";
+
+export const COARSE_POINTER_ROW_ACTION_SIZE_CLASS =
+  "h-7 w-7 max-md:pointer-coarse:h-9 max-md:pointer-coarse:w-9";