From e7d2bbddc8a4e762e41f7ce6839d4b6169c159d0 Mon Sep 17 00:00:00 2001 From: rafavalls Date: Tue, 21 Apr 2026 18:52:31 -0300 Subject: [PATCH 1/4] =?UTF-8?q?refactor(ui):=20rename=20@deco/ui=20?= =?UTF-8?q?=E2=86=92=20@decocms/ui?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Aligns the design system package scope with the rest of the published deco packages (@decocms/runtime, @decocms/mesh-sdk, etc.) in preparation for publishing the package to npm. Mechanical find-replace across 238 files — no behavioral changes. Co-Authored-By: Claude Opus 4.7 (1M context) --- apps/mesh/index.css | 2 +- apps/mesh/package.json | 2 +- apps/mesh/src/mcp-apps/mcp-app-renderer.tsx | 2 +- .../src/web/components/account-popover.tsx | 16 +++---- apps/mesh/src/web/components/agent-icon.tsx | 2 +- .../automations/add-starter-popover.tsx | 4 +- .../components/automations/trigger-card.tsx | 4 +- .../components/chat/connections-banner.tsx | 2 +- .../src/web/components/chat/context-panel.tsx | 2 +- .../components/chat/credits-empty-state.tsx | 10 ++-- .../chat/credits-exhausted-banner.tsx | 10 ++-- .../web/components/chat/credits-eyebrow.tsx | 2 +- .../chat/dialog-prompt-arguments.tsx | 10 ++-- .../components/chat/highlight/approval.tsx | 4 +- .../web/components/chat/highlight/card.tsx | 2 +- .../web/components/chat/highlight/index.tsx | 4 +- .../chat/highlight/propose-plan.tsx | 2 +- .../chat/highlight/user-ask-question.tsx | 8 ++-- .../src/web/components/chat/ice-breakers.tsx | 12 ++--- .../web/components/chat/image-lightbox.tsx | 4 +- apps/mesh/src/web/components/chat/index.tsx | 2 +- apps/mesh/src/web/components/chat/input.tsx | 10 ++-- .../mesh/src/web/components/chat/markdown.tsx | 4 +- .../web/components/chat/message/assistant.tsx | 2 +- .../src/web/components/chat/message/pair.tsx | 2 +- .../chat/message/parts/text-part.tsx | 4 +- .../message/parts/tool-call-part/common.tsx | 8 ++-- .../parts/tool-call-part/generate-image.tsx | 2 +- .../message/parts/tool-call-part/generic.tsx | 4 +- .../parts/tool-call-part/open-in-agent.tsx | 4 +- .../message/parts/tool-call-part/user-ask.tsx | 2 +- .../parts/tool-call-part/web-search.tsx | 2 +- .../chat/message/smart-auto-scroll.tsx | 2 +- .../src/web/components/chat/message/user.tsx | 2 +- .../chat/no-ai-provider-empty-state.tsx | 4 +- .../src/web/components/chat/select-model.tsx | 18 +++---- .../components/chat/select-virtual-mcp.tsx | 12 ++--- .../web/components/chat/side-panel-chat.tsx | 4 +- .../web/components/chat/side-panel-tasks.tsx | 6 +-- .../mesh/src/web/components/chat/skeleton.tsx | 2 +- .../src/web/components/chat/tasks-panel.tsx | 10 ++-- .../web/components/chat/tiptap/file/node.tsx | 4 +- .../components/chat/tiptap/file/uploader.tsx | 4 +- .../src/web/components/chat/tiptap/input.tsx | 2 +- .../components/chat/tiptap/mention/node.tsx | 2 +- .../chat/tiptap/mention/suggestion.tsx | 4 +- .../src/web/components/chat/tools-popover.tsx | 8 ++-- .../src/web/components/chat/usage-stats.tsx | 4 +- .../collections/collection-card.tsx | 6 +-- .../collections/collection-display-button.tsx | 12 ++--- .../collections/collection-search.tsx | 2 +- .../collections/collection-table.tsx | 4 +- .../collections/collection-tabs.tsx | 4 +- .../collections/collections-list.tsx | 6 +-- .../src/web/components/collections/types.ts | 2 +- .../connections/connection-card.tsx | 4 +- .../connections/create-connection-dialog.tsx | 16 +++---- .../web/components/create-agent-dropdown.tsx | 2 +- .../components/create-organization-dialog.tsx | 10 ++-- .../components/delete-connection-dialogs.tsx | 2 +- .../details/connection/collection-tab.tsx | 4 +- .../connection/connection-activity.tsx | 4 +- .../connection/connection-capabilities.tsx | 2 +- .../connection/connection-instances-panel.tsx | 4 +- .../details/connection/connection-sidebar.tsx | 10 ++-- .../details/connection/connection-ui-tab.tsx | 2 +- .../components/details/connection/index.tsx | 10 ++-- .../details/connection/settings-tab/index.tsx | 2 +- .../settings-tab/mcp-configuration-form.tsx | 6 +-- .../src/web/components/details/layout.tsx | 2 +- .../web/components/details/prompt/index.tsx | 6 +-- apps/mesh/src/web/components/details/tool.tsx | 14 +++--- .../workflow/components/executions-list.tsx | 6 +-- .../components/input-schema-panel.tsx | 8 ++-- .../workflow/components/monaco-editor.tsx | 2 +- .../workflow/components/step-detail-panel.tsx | 10 ++-- .../tool-selection/rjsf/rjsf-templates.tsx | 4 +- .../tool-selection/rjsf/rjsf-widgets.tsx | 2 +- .../workflow/components/tool-sidebar.tsx | 4 +- .../components/virtual-mcp-select.tsx | 4 +- .../components/workflow-editor-header.tsx | 10 ++-- .../components/workflow-input-dialog.tsx | 6 +-- .../components/workflow-step-card.tsx | 6 +-- .../components/workflow-steps-canvas.tsx | 6 +-- .../web/components/details/workflow/index.tsx | 6 +-- apps/mesh/src/web/components/empty-state.tsx | 2 +- .../src/web/components/env-vars-editor.tsx | 4 +- .../src/web/components/error-boundary.tsx | 2 +- .../src/web/components/github-repo-picker.tsx | 4 +- .../src/web/components/home/agents-list.tsx | 4 +- .../home/lean-canvas-recruit-modal.tsx | 8 ++-- .../home/site-diagnostics-recruit-modal.tsx | 8 ++-- .../home/studio-pack-recruit-modal.tsx | 8 ++-- apps/mesh/src/web/components/icon-picker.tsx | 10 ++-- .../components/import-from-deco-dialog.tsx | 6 +-- .../src/web/components/integration-icon.tsx | 2 +- .../web/components/invite-member-dialog.tsx | 10 ++-- .../components/keyboard-shortcuts-dialog.tsx | 2 +- apps/mesh/src/web/components/logo-upload.tsx | 2 +- .../web/components/manage-roles-dialog.tsx | 22 ++++----- .../src/web/components/monitoring/log-row.tsx | 6 +-- .../monitoring/monitoring-stats-row.tsx | 4 +- .../src/web/components/monitoring/types.tsx | 8 ++-- apps/mesh/src/web/components/page/index.tsx | 4 +- .../plugin-not-enabled-empty-state.tsx | 2 +- apps/mesh/src/web/components/project-card.tsx | 6 +-- apps/mesh/src/web/components/resizable.tsx | 2 +- apps/mesh/src/web/components/save-actions.tsx | 2 +- .../components/settings/domain-settings.tsx | 8 ++-- .../components/settings/organization-form.tsx | 8 ++-- .../settings/project-plugins-form.tsx | 2 +- .../web/components/sidebar/agents-section.tsx | 18 +++---- .../sidebar/footer/inbox-mobile.tsx | 2 +- .../web/components/sidebar/footer/inbox.tsx | 8 ++-- .../components/sidebar/navigation-mobile.tsx | 4 +- .../src/web/components/sidebar/navigation.tsx | 6 +-- .../web/components/sidebar/sidebar-group.tsx | 2 +- .../src/web/components/simple-icon-picker.tsx | 8 ++-- .../web/components/sso-required-screen.tsx | 2 +- .../src/web/components/tag-multi-select.tsx | 12 ++--- .../web/components/tiptap-mentions-input.tsx | 4 +- .../src/web/components/tool-set-selector.tsx | 6 +-- .../src/web/components/tools/tools-list.tsx | 4 +- .../src/web/components/unified-auth-form.tsx | 6 +-- apps/mesh/src/web/components/user/user.tsx | 4 +- apps/mesh/src/web/components/vm/env/env.tsx | 14 +++--- .../src/web/components/vm/env/terminal.tsx | 2 +- .../src/web/components/vm/preview/preview.tsx | 6 +-- .../src/web/components/vm/vm-error-state.tsx | 2 +- .../web/components/vm/vm-suspended-state.tsx | 2 +- apps/mesh/src/web/hooks/use-list-state.ts | 8 ++-- apps/mesh/src/web/hooks/use-sound.ts | 4 +- apps/mesh/src/web/hooks/use-status-sounds.ts | 4 +- .../src/web/layouts/agent-shell-layout.tsx | 12 ++--- apps/mesh/src/web/layouts/plugin-layout.tsx | 2 +- apps/mesh/src/web/layouts/settings-layout.tsx | 8 ++-- apps/mesh/src/web/routes/agent-home.tsx | 2 +- apps/mesh/src/web/routes/agents-list.tsx | 10 ++-- apps/mesh/src/web/routes/onboarding.tsx | 8 ++-- .../src/web/routes/orgs/collection-detail.tsx | 4 +- apps/mesh/src/web/routes/orgs/connections.tsx | 26 +++++----- apps/mesh/src/web/routes/orgs/members.tsx | 20 ++++---- .../src/web/routes/orgs/monitoring/audit.tsx | 6 +-- .../src/web/routes/orgs/monitoring/index.tsx | 30 ++++++------ .../web/routes/orgs/monitoring/overview.tsx | 6 +-- .../web/routes/orgs/monitoring/threads.tsx | 18 +++---- apps/mesh/src/web/routes/reset-password.tsx | 4 +- .../views/automations/agent-automations.tsx | 2 +- .../views/automations/automation-detail.tsx | 10 ++-- .../web/views/automations/automations-tab.tsx | 8 ++-- .../web/views/registry/broken-mcp-list.tsx | 6 +-- .../views/registry/cron-schedule-selector.tsx | 4 +- .../web/views/registry/csv-import-dialog.tsx | 8 ++-- .../views/registry/delete-confirm-dialog.tsx | 2 +- .../src/web/views/registry/image-upload.tsx | 8 ++-- .../views/registry/monitor-configuration.tsx | 14 +++--- .../registry/monitor-connections-panel.tsx | 12 ++--- .../web/views/registry/monitor-dashboard.tsx | 10 ++-- .../web/views/registry/monitor-run-detail.tsx | 8 ++-- .../views/registry/monitor-run-history.tsx | 8 ++-- .../web/views/registry/registry-item-card.tsx | 8 ++-- .../views/registry/registry-item-dialog.tsx | 18 +++---- .../views/registry/registry-items-page.tsx | 16 +++---- .../web/views/registry/registry-layout.tsx | 2 +- .../views/registry/registry-monitor-page.tsx | 4 +- .../views/registry/registry-requests-page.tsx | 18 +++---- .../views/registry/registry-settings-page.tsx | 16 +++---- .../src/web/views/registry/tools-editor.tsx | 4 +- .../web/views/settings/org-ai-providers.tsx | 18 +++---- .../web/views/settings/org-brand-context.tsx | 8 ++-- apps/mesh/src/web/views/settings/org-sso.tsx | 8 ++-- .../mesh/src/web/views/settings/org-store.tsx | 14 +++--- .../views/settings/profile-preferences.tsx | 22 ++++----- .../virtual-mcp/add-connection-dialog.tsx | 8 ++-- .../dependency-selection-dialog.tsx | 8 ++-- apps/mesh/src/web/views/virtual-mcp/index.tsx | 20 ++++---- .../virtual-mcp/virtual-mcp-share-modal.tsx | 10 ++-- bun.lock | 47 +++++++++++++++---- .../mesh-sdk/src/hooks/use-collections.ts | 2 +- packages/mesh-sdk/src/hooks/use-connection.ts | 2 +- .../mesh-sdk/src/hooks/use-virtual-mcp.ts | 2 +- packages/ui/components.json | 10 ++-- packages/ui/src/components/accordion.tsx | 2 +- packages/ui/src/components/alert-dialog.tsx | 4 +- packages/ui/src/components/alert.tsx | 2 +- packages/ui/src/components/badge.tsx | 2 +- packages/ui/src/components/breadcrumb.tsx | 2 +- packages/ui/src/components/button-group.tsx | 2 +- packages/ui/src/components/button.tsx | 2 +- packages/ui/src/components/calendar.tsx | 4 +- packages/ui/src/components/card.tsx | 2 +- packages/ui/src/components/carousel.tsx | 4 +- packages/ui/src/components/chart.tsx | 2 +- packages/ui/src/components/checkbox.tsx | 2 +- .../ui/src/components/collection-search.tsx | 2 +- packages/ui/src/components/combobox.tsx | 2 +- packages/ui/src/components/command.tsx | 4 +- packages/ui/src/components/context-menu.tsx | 2 +- packages/ui/src/components/datetime-input.tsx | 12 ++--- packages/ui/src/components/dialog.tsx | 2 +- packages/ui/src/components/drawer.tsx | 2 +- packages/ui/src/components/dropdown-menu.tsx | 2 +- .../ui/src/components/email-tags-input.tsx | 2 +- packages/ui/src/components/empty-state.tsx | 4 +- packages/ui/src/components/filter-bar.tsx | 8 ++-- packages/ui/src/components/form.tsx | 4 +- packages/ui/src/components/hover-card.tsx | 2 +- packages/ui/src/components/input-otp.tsx | 2 +- packages/ui/src/components/input.tsx | 2 +- packages/ui/src/components/label.tsx | 2 +- packages/ui/src/components/menubar.tsx | 2 +- .../ui/src/components/navigation-menu.tsx | 2 +- packages/ui/src/components/pagination.tsx | 4 +- packages/ui/src/components/password-input.tsx | 6 +-- packages/ui/src/components/popover.tsx | 2 +- packages/ui/src/components/progress.tsx | 2 +- packages/ui/src/components/radio-group.tsx | 2 +- packages/ui/src/components/scroll-area.tsx | 2 +- packages/ui/src/components/search-input.tsx | 2 +- packages/ui/src/components/select.tsx | 2 +- packages/ui/src/components/separator.tsx | 2 +- packages/ui/src/components/sheet.tsx | 2 +- packages/ui/src/components/sidebar.tsx | 14 +++--- packages/ui/src/components/skeleton.tsx | 2 +- packages/ui/src/components/slider.tsx | 2 +- packages/ui/src/components/spinner.tsx | 2 +- packages/ui/src/components/step-indicator.tsx | 2 +- packages/ui/src/components/switch.tsx | 2 +- packages/ui/src/components/table.tsx | 2 +- packages/ui/src/components/tabs.tsx | 2 +- packages/ui/src/components/textarea.tsx | 2 +- .../ui/src/components/time-range-picker.tsx | 12 ++--- packages/ui/src/components/toggle-group.tsx | 4 +- packages/ui/src/components/toggle.tsx | 2 +- packages/ui/src/components/tooltip.tsx | 2 +- .../ui/src/components/view-mode-toggle.tsx | 4 +- .../ui/src/hooks/use-persisted-filters.ts | 2 +- packages/ui/src/styles/global.css | 2 +- 238 files changed, 721 insertions(+), 694 deletions(-) diff --git a/apps/mesh/index.css b/apps/mesh/index.css index 90726673c0..d0c4b9c9b6 100644 --- a/apps/mesh/index.css +++ b/apps/mesh/index.css @@ -1,4 +1,4 @@ -@import "@deco/ui/styles/global.css"; +@import "@decocms/ui/styles/global.css"; @import "@daveyplate/better-auth-ui/css"; @layer base { diff --git a/apps/mesh/package.json b/apps/mesh/package.json index 043f506060..c9f56f9722 100644 --- a/apps/mesh/package.json +++ b/apps/mesh/package.json @@ -75,7 +75,7 @@ "@anthropic-ai/claude-agent-sdk": "^0.2.80", "@better-auth/sso": "1.4.1", "@daveyplate/better-auth-ui": "^3.2.7", - "@deco/ui": "workspace:*", + "@decocms/ui": "workspace:*", "@decocms/better-auth": "1.5.17", "@decocms/bindings": "workspace:*", "@decocms/mcp-utils": "workspace:*", diff --git a/apps/mesh/src/mcp-apps/mcp-app-renderer.tsx b/apps/mesh/src/mcp-apps/mcp-app-renderer.tsx index 4d68a06790..06651e9f08 100644 --- a/apps/mesh/src/mcp-apps/mcp-app-renderer.tsx +++ b/apps/mesh/src/mcp-apps/mcp-app-renderer.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useMCPReadResource } from "@decocms/mesh-sdk"; import type { McpUiDisplayMode, diff --git a/apps/mesh/src/web/components/account-popover.tsx b/apps/mesh/src/web/components/account-popover.tsx index a003f88d54..7885e27b26 100644 --- a/apps/mesh/src/web/components/account-popover.tsx +++ b/apps/mesh/src/web/components/account-popover.tsx @@ -4,21 +4,21 @@ import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { Drawer, DrawerContent, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; +} from "@decocms/ui/components/drawer.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { Check, Copy01, @@ -36,11 +36,11 @@ import { VolumeX, } from "@untitledui/icons"; import { GitHubIcon } from "@daveyplate/better-auth-ui"; -import { SidebarMenuButton } from "@deco/ui/components/sidebar.tsx"; +import { SidebarMenuButton } from "@decocms/ui/components/sidebar.tsx"; import { authClient } from "@/web/lib/auth-client"; import { CreateOrganizationDialog } from "@/web/components/create-organization-dialog"; import { usePreferences, type ThemeMode } from "@/web/hooks/use-preferences.ts"; -import { toast } from "@deco/ui/components/sonner.js"; +import { toast } from "@decocms/ui/components/sonner.js"; function getOrgColorStyle(name: string): { backgroundColor: string; diff --git a/apps/mesh/src/web/components/agent-icon.tsx b/apps/mesh/src/web/components/agent-icon.tsx index 09d235cf8b..8336c166fd 100644 --- a/apps/mesh/src/web/components/agent-icon.tsx +++ b/apps/mesh/src/web/components/agent-icon.tsx @@ -10,7 +10,7 @@ * - null → deterministic fallback */ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import * as AllIcons from "@untitledui/icons"; import { useState, type ComponentType, type SVGProps } from "react"; diff --git a/apps/mesh/src/web/components/automations/add-starter-popover.tsx b/apps/mesh/src/web/components/automations/add-starter-popover.tsx index a4d0d81041..606c5cf396 100644 --- a/apps/mesh/src/web/components/automations/add-starter-popover.tsx +++ b/apps/mesh/src/web/components/automations/add-starter-popover.tsx @@ -5,7 +5,7 @@ import { useAutomationTriggerAdd } from "@/web/hooks/use-automations"; import { SCHEDULE_UNITS } from "@/web/lib/cron-utils.ts"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { DropdownMenu, DropdownMenuContent, @@ -14,7 +14,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Clock, Plus, Zap } from "@untitledui/icons"; import { useState } from "react"; import { toast } from "sonner"; diff --git a/apps/mesh/src/web/components/automations/trigger-card.tsx b/apps/mesh/src/web/components/automations/trigger-card.tsx index 49f8efbdca..18410798cc 100644 --- a/apps/mesh/src/web/components/automations/trigger-card.tsx +++ b/apps/mesh/src/web/components/automations/trigger-card.tsx @@ -24,8 +24,8 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Clock, Edit01, Loading01, XClose, Zap } from "@untitledui/icons"; import { useState } from "react"; import { toast } from "sonner"; diff --git a/apps/mesh/src/web/components/chat/connections-banner.tsx b/apps/mesh/src/web/components/chat/connections-banner.tsx index 031f3de84c..cead4c90ea 100644 --- a/apps/mesh/src/web/components/chat/connections-banner.tsx +++ b/apps/mesh/src/web/components/chat/connections-banner.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ChevronRight } from "@untitledui/icons"; const FEATURED_ICONS = [ diff --git a/apps/mesh/src/web/components/chat/context-panel.tsx b/apps/mesh/src/web/components/chat/context-panel.tsx index aa6ba9b178..4e8248d597 100644 --- a/apps/mesh/src/web/components/chat/context-panel.tsx +++ b/apps/mesh/src/web/components/chat/context-panel.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { AlertCircle, CheckCircle, diff --git a/apps/mesh/src/web/components/chat/credits-empty-state.tsx b/apps/mesh/src/web/components/chat/credits-empty-state.tsx index 426ed8f4c0..16e8e2fbdc 100644 --- a/apps/mesh/src/web/components/chat/credits-empty-state.tsx +++ b/apps/mesh/src/web/components/chat/credits-empty-state.tsx @@ -9,20 +9,20 @@ import { useState } from "react"; import { Coins04, ArrowRight } from "@untitledui/icons"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { ToggleGroup, ToggleGroupItem, -} from "@deco/ui/components/toggle-group.tsx"; +} from "@decocms/ui/components/toggle-group.tsx"; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, -} from "@deco/ui/components/dialog.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/dialog.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useMutation } from "@tanstack/react-query"; import { toast } from "sonner"; import { diff --git a/apps/mesh/src/web/components/chat/credits-exhausted-banner.tsx b/apps/mesh/src/web/components/chat/credits-exhausted-banner.tsx index 6220e18621..5989b4d84f 100644 --- a/apps/mesh/src/web/components/chat/credits-exhausted-banner.tsx +++ b/apps/mesh/src/web/components/chat/credits-exhausted-banner.tsx @@ -8,20 +8,20 @@ import { useState } from "react"; import { Check } from "@untitledui/icons"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { ToggleGroup, ToggleGroupItem, -} from "@deco/ui/components/toggle-group.tsx"; +} from "@decocms/ui/components/toggle-group.tsx"; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, -} from "@deco/ui/components/dialog.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/dialog.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useMutation } from "@tanstack/react-query"; import { toast } from "sonner"; import { diff --git a/apps/mesh/src/web/components/chat/credits-eyebrow.tsx b/apps/mesh/src/web/components/chat/credits-eyebrow.tsx index 44aa7eafe2..2674822148 100644 --- a/apps/mesh/src/web/components/chat/credits-eyebrow.tsx +++ b/apps/mesh/src/web/components/chat/credits-eyebrow.tsx @@ -7,7 +7,7 @@ */ import { Coins04, AlertCircle } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useNavigate } from "@tanstack/react-router"; import { useProjectContext } from "@decocms/mesh-sdk"; diff --git a/apps/mesh/src/web/components/chat/dialog-prompt-arguments.tsx b/apps/mesh/src/web/components/chat/dialog-prompt-arguments.tsx index 8b406458cb..fa7777ec81 100644 --- a/apps/mesh/src/web/components/chat/dialog-prompt-arguments.tsx +++ b/apps/mesh/src/web/components/chat/dialog-prompt-arguments.tsx @@ -2,14 +2,14 @@ import { displayToolName, getGatewayClientId, } from "@decocms/mcp-utils/aggregate"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Form, FormControl, @@ -17,9 +17,9 @@ import { FormItem, FormLabel, FormMessage, -} from "@deco/ui/components/form.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Spinner } from "@deco/ui/components/spinner.tsx"; +} from "@decocms/ui/components/form.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Spinner } from "@decocms/ui/components/spinner.tsx"; import { zodResolver } from "@hookform/resolvers/zod"; import type { Prompt } from "@modelcontextprotocol/sdk/types.js"; import { useId } from "react"; diff --git a/apps/mesh/src/web/components/chat/highlight/approval.tsx b/apps/mesh/src/web/components/chat/highlight/approval.tsx index a3c12c74b4..113211d98a 100644 --- a/apps/mesh/src/web/components/chat/highlight/approval.tsx +++ b/apps/mesh/src/web/components/chat/highlight/approval.tsx @@ -1,13 +1,13 @@ "use client"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; +} from "@decocms/ui/components/select.tsx"; import { ShieldTick } from "@untitledui/icons"; import { useState } from "react"; import { diff --git a/apps/mesh/src/web/components/chat/highlight/card.tsx b/apps/mesh/src/web/components/chat/highlight/card.tsx index a23b8ae222..659c414e46 100644 --- a/apps/mesh/src/web/components/chat/highlight/card.tsx +++ b/apps/mesh/src/web/components/chat/highlight/card.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ArrowLeft, ArrowRight } from "@untitledui/icons"; // ============================================================================ diff --git a/apps/mesh/src/web/components/chat/highlight/index.tsx b/apps/mesh/src/web/components/chat/highlight/index.tsx index b4cca66670..4efcb97384 100644 --- a/apps/mesh/src/web/components/chat/highlight/index.tsx +++ b/apps/mesh/src/web/components/chat/highlight/index.tsx @@ -1,5 +1,5 @@ -import { Button } from "@deco/ui/components/button.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { AlertCircle, AlertTriangle, X } from "@untitledui/icons"; import { usePreferences } from "@/web/hooks/use-preferences.ts"; import { useChatStream, useChatTask } from "../context"; diff --git a/apps/mesh/src/web/components/chat/highlight/propose-plan.tsx b/apps/mesh/src/web/components/chat/highlight/propose-plan.tsx index 225006fe01..284cafe11d 100644 --- a/apps/mesh/src/web/components/chat/highlight/propose-plan.tsx +++ b/apps/mesh/src/web/components/chat/highlight/propose-plan.tsx @@ -1,6 +1,6 @@ "use client"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Check } from "@untitledui/icons"; import { HighlightCard } from "./card"; import { MessageTextPart } from "../message/parts/text-part.tsx"; diff --git a/apps/mesh/src/web/components/chat/highlight/user-ask-question.tsx b/apps/mesh/src/web/components/chat/highlight/user-ask-question.tsx index 939c0718ef..f0d30ebf08 100644 --- a/apps/mesh/src/web/components/chat/highlight/user-ask-question.tsx +++ b/apps/mesh/src/web/components/chat/highlight/user-ask-question.tsx @@ -1,13 +1,13 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Form, FormControl, FormField, FormItem, FormMessage, -} from "@deco/ui/components/form.tsx"; -import { Tabs, TabsContent } from "@deco/ui/components/tabs.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/form.tsx"; +import { Tabs, TabsContent } from "@decocms/ui/components/tabs.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { zodResolver } from "@hookform/resolvers/zod"; import { Edit02, MessageQuestionCircle } from "@untitledui/icons"; import { useEffect, useRef, useState } from "react"; diff --git a/apps/mesh/src/web/components/chat/ice-breakers.tsx b/apps/mesh/src/web/components/chat/ice-breakers.tsx index e5810815ab..7ca1052ae7 100644 --- a/apps/mesh/src/web/components/chat/ice-breakers.tsx +++ b/apps/mesh/src/web/components/chat/ice-breakers.tsx @@ -3,28 +3,28 @@ import { getGatewayClientId, stripToolNamespace, } from "@decocms/mcp-utils/aggregate"; -import { Spinner } from "@deco/ui/components/spinner.tsx"; +import { Spinner } from "@decocms/ui/components/spinner.tsx"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Dialog, DialogContent, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Drawer, DrawerContent, DrawerHeader, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; +} from "@decocms/ui/components/drawer.tsx"; import { CollectionSearch } from "@/web/components/collections/collection-search.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { getPrompt, getWellKnownDecopilotVirtualMCP, diff --git a/apps/mesh/src/web/components/chat/image-lightbox.tsx b/apps/mesh/src/web/components/chat/image-lightbox.tsx index 3c2f767ef3..c45a33afba 100644 --- a/apps/mesh/src/web/components/chat/image-lightbox.tsx +++ b/apps/mesh/src/web/components/chat/image-lightbox.tsx @@ -5,8 +5,8 @@ import { DialogPortal, DialogOverlay, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; -import { cn } from "@deco/ui/lib/utils.js"; +} from "@decocms/ui/components/dialog.tsx"; +import { cn } from "@decocms/ui/lib/utils.js"; import * as DialogPrimitive from "@radix-ui/react-dialog"; import { Download01, ZoomIn, ZoomOut } from "@untitledui/icons"; import { useRef, useState } from "react"; diff --git a/apps/mesh/src/web/components/chat/index.tsx b/apps/mesh/src/web/components/chat/index.tsx index 549d859c3f..657d25b93f 100644 --- a/apps/mesh/src/web/components/chat/index.tsx +++ b/apps/mesh/src/web/components/chat/index.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { PropsWithChildren } from "react"; import { ChatContextProvider, diff --git a/apps/mesh/src/web/components/chat/input.tsx b/apps/mesh/src/web/components/chat/input.tsx index b9d0658b8b..f2a7286dfb 100644 --- a/apps/mesh/src/web/components/chat/input.tsx +++ b/apps/mesh/src/web/components/chat/input.tsx @@ -1,13 +1,13 @@ import { isModKey } from "@/web/lib/keyboard-shortcuts"; import { calculateUsageStats } from "@/web/lib/usage-utils.ts"; import { getAgentWrapperColor } from "@/web/components/agent-icon"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/popover.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { getWellKnownDecopilotVirtualMCP, isDecopilot, @@ -30,7 +30,7 @@ import { X, XCircle, } from "@untitledui/icons"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import type { FormEvent } from "react"; import { useEffect, useRef, useState, type MouseEvent } from "react"; import type { Metadata } from "./types.ts"; @@ -55,7 +55,7 @@ import { ToolsPopover } from "./tools-popover"; import { SessionStats } from "./usage-stats"; import { authClient } from "@/web/lib/auth-client.ts"; import { useSound } from "@/web/hooks/use-sound.ts"; -import { question004Sound } from "@deco/ui/lib/question-004.ts"; +import { question004Sound } from "@decocms/ui/lib/question-004.ts"; import { AddConnectionDialog } from "@/web/views/virtual-mcp/add-connection-dialog"; import { ConnectionsBanner } from "./connections-banner"; import { useVoiceInput } from "@/web/hooks/use-voice-input.ts"; diff --git a/apps/mesh/src/web/components/chat/markdown.tsx b/apps/mesh/src/web/components/chat/markdown.tsx index 43317c22d9..0e1c5d9fca 100644 --- a/apps/mesh/src/web/components/chat/markdown.tsx +++ b/apps/mesh/src/web/components/chat/markdown.tsx @@ -5,8 +5,8 @@ import ReactMarkdown from "react-markdown"; import rehypeRaw from "rehype-raw"; import remarkGfm from "remark-gfm"; import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"; -import { Button } from "@deco/ui/components/button.tsx"; -import { markdownComponents as sharedMarkdownComponents } from "@deco/ui/components/markdown.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { markdownComponents as sharedMarkdownComponents } from "@decocms/ui/components/markdown.tsx"; import { Check, Copy01 } from "@untitledui/icons"; import { ImageLightbox } from "./image-lightbox.tsx"; // @ts-ignore - correct diff --git a/apps/mesh/src/web/components/chat/message/assistant.tsx b/apps/mesh/src/web/components/chat/message/assistant.tsx index b74b3c6854..15e851279d 100644 --- a/apps/mesh/src/web/components/chat/message/assistant.tsx +++ b/apps/mesh/src/web/components/chat/message/assistant.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Lightbulb01, MessageTextSquare01, diff --git a/apps/mesh/src/web/components/chat/message/pair.tsx b/apps/mesh/src/web/components/chat/message/pair.tsx index f7fc7247e8..19f63172f1 100644 --- a/apps/mesh/src/web/components/chat/message/pair.tsx +++ b/apps/mesh/src/web/components/chat/message/pair.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useRef } from "react"; import type { ChatMessage, ChatStatus } from "../types.ts"; import { MessageAssistant } from "./assistant.tsx"; diff --git a/apps/mesh/src/web/components/chat/message/parts/text-part.tsx b/apps/mesh/src/web/components/chat/message/parts/text-part.tsx index d62e89ccc3..61d6f34a7b 100644 --- a/apps/mesh/src/web/components/chat/message/parts/text-part.tsx +++ b/apps/mesh/src/web/components/chat/message/parts/text-part.tsx @@ -1,6 +1,6 @@ import { useState, type ReactNode } from "react"; -import { useCopy } from "@deco/ui/hooks/use-copy.ts"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { useCopy } from "@decocms/ui/hooks/use-copy.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { MemoizedMarkdown } from "../../markdown.tsx"; import { Check, Copy01 } from "@untitledui/icons"; import type { TextUIPart } from "ai"; diff --git a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/common.tsx b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/common.tsx index 37c39a057f..b902fdbf4c 100644 --- a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/common.tsx +++ b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/common.tsx @@ -2,15 +2,15 @@ import type { ReactNode } from "react"; import { useRef, useState } from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ChevronRight, Check, Copy01 } from "@untitledui/icons"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@deco/ui/components/collapsible.tsx"; -import { useAutoScroll } from "@deco/ui/hooks/use-auto-scroll.ts"; -import { useCopy } from "@deco/ui/hooks/use-copy.ts"; +} from "@decocms/ui/components/collapsible.tsx"; +import { useAutoScroll } from "@decocms/ui/hooks/use-auto-scroll.ts"; +import { useCopy } from "@decocms/ui/hooks/use-copy.ts"; import { MessageUsageStats } from "../../../usage-stats.tsx"; import type { UsageStats as UsageStatsType } from "@/web/lib/usage-utils.ts"; diff --git a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/generate-image.tsx b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/generate-image.tsx index bb20c732bc..00fcd78fd3 100644 --- a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/generate-image.tsx +++ b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/generate-image.tsx @@ -4,7 +4,7 @@ import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { Image01 } from "@untitledui/icons"; import type { ToolUIPart } from "ai"; import { useOrg } from "@decocms/mesh-sdk"; diff --git a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/generic.tsx b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/generic.tsx index 993895e175..62df9a3841 100644 --- a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/generic.tsx +++ b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/generic.tsx @@ -7,12 +7,12 @@ import { useOptionalChatStream, useOptionalChatPrefs, } from "@/web/components/chat/context.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import type { ToolDefinition } from "@decocms/mesh-sdk"; import { useMCPClient, useProjectContext } from "@decocms/mesh-sdk"; diff --git a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/open-in-agent.tsx b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/open-in-agent.tsx index 922e20c7ea..603208ca92 100644 --- a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/open-in-agent.tsx +++ b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/open-in-agent.tsx @@ -3,8 +3,8 @@ import { IntegrationIcon } from "@/web/components/integration-icon"; import { useNavigateToAgent } from "@/web/hooks/use-navigate-to-agent"; import { useOrg, useVirtualMCP, type ToolDefinition } from "@decocms/mesh-sdk"; -import { Spinner } from "@deco/ui/components/spinner.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Spinner } from "@decocms/ui/components/spinner.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ArrowRight, Users03 } from "@untitledui/icons"; import { useRef } from "react"; import { getEffectiveState } from "./utils.tsx"; diff --git a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/user-ask.tsx b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/user-ask.tsx index 34a22914bb..23e1ea1968 100644 --- a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/user-ask.tsx +++ b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/user-ask.tsx @@ -1,6 +1,6 @@ "use client"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { MessageQuestionCircle } from "@untitledui/icons"; import type { UserAskToolPart } from "../../../types.ts"; import { getToolPartErrorText } from "../utils.ts"; diff --git a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/web-search.tsx b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/web-search.tsx index 7b17cd064b..e6378cbbc0 100644 --- a/apps/mesh/src/web/components/chat/message/parts/tool-call-part/web-search.tsx +++ b/apps/mesh/src/web/components/chat/message/parts/tool-call-part/web-search.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Globe02, LinkExternal01 } from "@untitledui/icons"; import type { ToolUIPart } from "ai"; import { useOrg } from "@decocms/mesh-sdk"; diff --git a/apps/mesh/src/web/components/chat/message/smart-auto-scroll.tsx b/apps/mesh/src/web/components/chat/message/smart-auto-scroll.tsx index 60bdba7516..a1d1fd1fbe 100644 --- a/apps/mesh/src/web/components/chat/message/smart-auto-scroll.tsx +++ b/apps/mesh/src/web/components/chat/message/smart-auto-scroll.tsx @@ -1,4 +1,4 @@ -import { useAutoScroll } from "@deco/ui/hooks/use-auto-scroll.ts"; +import { useAutoScroll } from "@decocms/ui/hooks/use-auto-scroll.ts"; /** * Smart auto-scroll sentinel component that handles auto-scrolling when visible. diff --git a/apps/mesh/src/web/components/chat/message/user.tsx b/apps/mesh/src/web/components/chat/message/user.tsx index a954b62f29..b2f9c3667f 100644 --- a/apps/mesh/src/web/components/chat/message/user.tsx +++ b/apps/mesh/src/web/components/chat/message/user.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { EditorContent, useEditor } from "@tiptap/react"; import StarterKit from "@tiptap/starter-kit"; import { type UIMessage } from "ai"; diff --git a/apps/mesh/src/web/components/chat/no-ai-provider-empty-state.tsx b/apps/mesh/src/web/components/chat/no-ai-provider-empty-state.tsx index 1d52207899..8babe3feee 100644 --- a/apps/mesh/src/web/components/chat/no-ai-provider-empty-state.tsx +++ b/apps/mesh/src/web/components/chat/no-ai-provider-empty-state.tsx @@ -1,7 +1,7 @@ import { Suspense } from "react"; import { Zap } from "@untitledui/icons"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ProviderCardGrid } from "@/web/views/settings/org-ai-providers"; import { SELF_MCP_ALIAS_ID, diff --git a/apps/mesh/src/web/components/chat/select-model.tsx b/apps/mesh/src/web/components/chat/select-model.tsx index 5ebee6694e..d0ede2bb6f 100644 --- a/apps/mesh/src/web/components/chat/select-model.tsx +++ b/apps/mesh/src/web/components/chat/select-model.tsx @@ -1,28 +1,28 @@ -import { Button } from "@deco/ui/components/button.tsx"; -import { Checkbox } from "@deco/ui/components/checkbox.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Checkbox } from "@decocms/ui/components/checkbox.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Dialog, DialogContent, DialogTitle, DialogTrigger, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Drawer, DrawerContent, DrawerTitle, DrawerTrigger, -} from "@deco/ui/components/drawer.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/drawer.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/select.tsx"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { AlertTriangle, AlignLeft, diff --git a/apps/mesh/src/web/components/chat/select-virtual-mcp.tsx b/apps/mesh/src/web/components/chat/select-virtual-mcp.tsx index 854a68237b..340eed53bf 100644 --- a/apps/mesh/src/web/components/chat/select-virtual-mcp.tsx +++ b/apps/mesh/src/web/components/chat/select-virtual-mcp.tsx @@ -1,18 +1,18 @@ import { AgentAvatar } from "@/web/components/agent-icon"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { isDecopilot, type VirtualMCPEntity } from "@decocms/mesh-sdk"; import { useVirtualMCPs } from "@decocms/mesh-sdk"; import { Check, Loading01, SearchMd, Users03 } from "@untitledui/icons"; @@ -24,7 +24,7 @@ import { type ReactNode, type RefObject, } from "react"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { useCreateVirtualMCP } from "../../hooks/use-create-virtual-mcp"; export interface VirtualMCPInfo diff --git a/apps/mesh/src/web/components/chat/side-panel-chat.tsx b/apps/mesh/src/web/components/chat/side-panel-chat.tsx index 19df610886..c1e5e272fb 100644 --- a/apps/mesh/src/web/components/chat/side-panel-chat.tsx +++ b/apps/mesh/src/web/components/chat/side-panel-chat.tsx @@ -3,8 +3,8 @@ import { ImportFromDecoDialog } from "@/web/components/import-from-deco-dialog.t import { IntegrationIcon } from "@/web/components/integration-icon"; import { authClient } from "@/web/lib/auth-client"; import { KEYS } from "@/web/lib/query-keys"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { getWellKnownDecopilotVirtualMCP, useProjectContext, diff --git a/apps/mesh/src/web/components/chat/side-panel-tasks.tsx b/apps/mesh/src/web/components/chat/side-panel-tasks.tsx index eba737ff65..daeda16a22 100644 --- a/apps/mesh/src/web/components/chat/side-panel-tasks.tsx +++ b/apps/mesh/src/web/components/chat/side-panel-tasks.tsx @@ -25,13 +25,13 @@ import { isMac } from "@/web/lib/keyboard-shortcuts"; import { ErrorBoundary } from "../error-boundary"; import { Chat } from "./index"; import { OwnerFilter, TaskListContent } from "./tasks-panel"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { IconPicker } from "@/web/components/icon-picker.tsx"; import { useInsetContext } from "@/web/layouts/agent-shell-layout"; import { useActiveGithubRepo } from "@/web/hooks/use-active-github-repo"; diff --git a/apps/mesh/src/web/components/chat/skeleton.tsx b/apps/mesh/src/web/components/chat/skeleton.tsx index 54c1067a88..6bb5c3485e 100644 --- a/apps/mesh/src/web/components/chat/skeleton.tsx +++ b/apps/mesh/src/web/components/chat/skeleton.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; export function DecoChatSkeleton({ className }: { className?: string }) { return ( diff --git a/apps/mesh/src/web/components/chat/tasks-panel.tsx b/apps/mesh/src/web/components/chat/tasks-panel.tsx index 1d0123952a..94b5eead1a 100644 --- a/apps/mesh/src/web/components/chat/tasks-panel.tsx +++ b/apps/mesh/src/web/components/chat/tasks-panel.tsx @@ -23,8 +23,8 @@ import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Loading01, Plus, RefreshCcw01 } from "@untitledui/icons"; import { useRef, useState } from "react"; import { User as UserIcon, Users as UsersIcon } from "lucide-react"; @@ -35,7 +35,7 @@ import { DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.js"; +} from "@decocms/ui/components/dropdown-menu.js"; import type { TaskOwnerFilter } from "./task"; import { useAutomationsList, @@ -53,10 +53,10 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; import { Archive, Trash01 } from "@untitledui/icons"; import { useSound } from "@/web/hooks/use-sound.ts"; -import { question004Sound } from "@deco/ui/lib/question-004.ts"; +import { question004Sound } from "@decocms/ui/lib/question-004.ts"; // ──────────────────────────────────────── diff --git a/apps/mesh/src/web/components/chat/tiptap/file/node.tsx b/apps/mesh/src/web/components/chat/tiptap/file/node.tsx index ea0490344e..f10e07a6de 100644 --- a/apps/mesh/src/web/components/chat/tiptap/file/node.tsx +++ b/apps/mesh/src/web/components/chat/tiptap/file/node.tsx @@ -2,8 +2,8 @@ import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { JSONContent, Node } from "@tiptap/core"; import { NodeViewWrapper, diff --git a/apps/mesh/src/web/components/chat/tiptap/file/uploader.tsx b/apps/mesh/src/web/components/chat/tiptap/file/uploader.tsx index 007dba96ea..bcccb3e166 100644 --- a/apps/mesh/src/web/components/chat/tiptap/file/uploader.tsx +++ b/apps/mesh/src/web/components/chat/tiptap/file/uploader.tsx @@ -1,9 +1,9 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { Plugin, PluginKey } from "@tiptap/pm/state"; import { useCurrentEditor, type Editor } from "@tiptap/react"; import { useEffect, useRef, type ChangeEvent } from "react"; diff --git a/apps/mesh/src/web/components/chat/tiptap/input.tsx b/apps/mesh/src/web/components/chat/tiptap/input.tsx index 944c959f69..5799a0cc88 100644 --- a/apps/mesh/src/web/components/chat/tiptap/input.tsx +++ b/apps/mesh/src/web/components/chat/tiptap/input.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import Placeholder from "@tiptap/extension-placeholder"; import type { EditorView } from "@tiptap/pm/view"; import { diff --git a/apps/mesh/src/web/components/chat/tiptap/mention/node.tsx b/apps/mesh/src/web/components/chat/tiptap/mention/node.tsx index 054e50286c..0b249a1628 100644 --- a/apps/mesh/src/web/components/chat/tiptap/mention/node.tsx +++ b/apps/mesh/src/web/components/chat/tiptap/mention/node.tsx @@ -1,5 +1,5 @@ import { toTitleCase } from "@/web/components/chat/message/parts/tool-call-part/utils.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { JSONContent, Node } from "@tiptap/core"; import { NodeViewWrapper, diff --git a/apps/mesh/src/web/components/chat/tiptap/mention/suggestion.tsx b/apps/mesh/src/web/components/chat/tiptap/mention/suggestion.tsx index 59f156ecf3..76e39e654a 100644 --- a/apps/mesh/src/web/components/chat/tiptap/mention/suggestion.tsx +++ b/apps/mesh/src/web/components/chat/tiptap/mention/suggestion.tsx @@ -5,8 +5,8 @@ import { getGatewayClientId, } from "@decocms/mcp-utils/aggregate"; import { AgentAvatar } from "@/web/components/agent-icon"; -import { Spinner } from "@deco/ui/components/spinner.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Spinner } from "@decocms/ui/components/spinner.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { autoUpdate, flip, diff --git a/apps/mesh/src/web/components/chat/tools-popover.tsx b/apps/mesh/src/web/components/chat/tools-popover.tsx index 6e6f1b41b6..8175f5ceb3 100644 --- a/apps/mesh/src/web/components/chat/tools-popover.tsx +++ b/apps/mesh/src/web/components/chat/tools-popover.tsx @@ -9,7 +9,7 @@ import { useMCPClient, useProjectContext, } from "@decocms/mesh-sdk"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { DropdownMenu, DropdownMenuContent, @@ -18,9 +18,9 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { Prompt } from "@modelcontextprotocol/sdk/types.js"; import { useQuery } from "@tanstack/react-query"; import { useCurrentEditor } from "@tiptap/react"; @@ -43,7 +43,7 @@ import { import { insertMention } from "./tiptap/mention"; import { KEYS } from "@/web/lib/query-keys"; import { useSound } from "@/web/hooks/use-sound.ts"; -import { switch005Sound } from "@deco/ui/lib/switch-005.ts"; +import { switch005Sound } from "@decocms/ui/lib/switch-005.ts"; import { useChatPrefs } from "./context"; import { useAiProviderModels, diff --git a/apps/mesh/src/web/components/chat/usage-stats.tsx b/apps/mesh/src/web/components/chat/usage-stats.tsx index 1005fcaa05..56c0936895 100644 --- a/apps/mesh/src/web/components/chat/usage-stats.tsx +++ b/apps/mesh/src/web/components/chat/usage-stats.tsx @@ -2,9 +2,9 @@ import { Tooltip, TooltipTrigger, TooltipContent, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { Activity } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { UsageStats as UsageStatsType } from "@/web/lib/usage-utils.ts"; import { formatDuration } from "@/web/lib/format-time.ts"; diff --git a/apps/mesh/src/web/components/collections/collection-card.tsx b/apps/mesh/src/web/components/collections/collection-card.tsx index 8cf0329eae..efa3cfb779 100644 --- a/apps/mesh/src/web/components/collections/collection-card.tsx +++ b/apps/mesh/src/web/components/collections/collection-card.tsx @@ -1,5 +1,5 @@ import type { JsonSchema } from "@/web/utils/constants"; -import { Card } from "@deco/ui/components/card.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import type { BaseCollectionEntity } from "@decocms/bindings/collections"; import { IntegrationIcon } from "../integration-icon.tsx"; import { @@ -7,8 +7,8 @@ import { DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { DotsVertical, Eye, Edit01, Copy01, Trash01 } from "@untitledui/icons"; interface CollectionCardProps { diff --git a/apps/mesh/src/web/components/collections/collection-display-button.tsx b/apps/mesh/src/web/components/collections/collection-display-button.tsx index 5a00ad4d5f..c36c870827 100644 --- a/apps/mesh/src/web/components/collections/collection-display-button.tsx +++ b/apps/mesh/src/web/components/collections/collection-display-button.tsx @@ -1,10 +1,10 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Sliders01, List, @@ -18,10 +18,10 @@ import { TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { ViewModeToggle } from "@deco/ui/components/view-mode-toggle.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { ViewModeToggle } from "@decocms/ui/components/view-mode-toggle.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; export interface FilterGroup { label: string; diff --git a/apps/mesh/src/web/components/collections/collection-search.tsx b/apps/mesh/src/web/components/collections/collection-search.tsx index 900a4a2fb3..e8c6e0fbe5 100644 --- a/apps/mesh/src/web/components/collections/collection-search.tsx +++ b/apps/mesh/src/web/components/collections/collection-search.tsx @@ -1,5 +1,5 @@ import { SearchMd, Loading01 } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; interface CollectionSearchProps { value: string; diff --git a/apps/mesh/src/web/components/collections/collection-table.tsx b/apps/mesh/src/web/components/collections/collection-table.tsx index 3823cc7d93..af0a34c699 100644 --- a/apps/mesh/src/web/components/collections/collection-table.tsx +++ b/apps/mesh/src/web/components/collections/collection-table.tsx @@ -5,8 +5,8 @@ import { TableHead, TableHeader, TableRow, -} from "@deco/ui/components/table.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/table.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { ReactNode } from "react"; import { ArrowUp, ArrowDown } from "@untitledui/icons"; diff --git a/apps/mesh/src/web/components/collections/collection-tabs.tsx b/apps/mesh/src/web/components/collections/collection-tabs.tsx index 48a90dd29d..c395e214cc 100644 --- a/apps/mesh/src/web/components/collections/collection-tabs.tsx +++ b/apps/mesh/src/web/components/collections/collection-tabs.tsx @@ -1,5 +1,5 @@ -import { cn } from "@deco/ui/lib/utils.ts"; -import { Badge } from "@deco/ui/components/badge.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Badge } from "@decocms/ui/components/badge.tsx"; export interface CollectionTab { id: string; diff --git a/apps/mesh/src/web/components/collections/collections-list.tsx b/apps/mesh/src/web/components/collections/collections-list.tsx index a710dac226..4df71af5df 100644 --- a/apps/mesh/src/web/components/collections/collections-list.tsx +++ b/apps/mesh/src/web/components/collections/collections-list.tsx @@ -4,14 +4,14 @@ import { CollectionTableWrapper } from "./collection-table-wrapper.tsx"; import { CollectionDisplayButton } from "./collection-display-button.tsx"; import type { CollectionsListProps } from "./types"; import type { TableColumn } from "./collection-table.tsx"; -import { EmptyState } from "@deco/ui/components/empty-state.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +import { EmptyState } from "@decocms/ui/components/empty-state.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { DotsVertical, Eye, diff --git a/apps/mesh/src/web/components/collections/types.ts b/apps/mesh/src/web/components/collections/types.ts index cdf4162c01..eccdf90d42 100644 --- a/apps/mesh/src/web/components/collections/types.ts +++ b/apps/mesh/src/web/components/collections/types.ts @@ -1,6 +1,6 @@ import type { BaseCollectionEntity } from "@decocms/bindings/collections"; import type { ReactNode } from "react"; -import type { Filter } from "@deco/ui/components/filter-bar.tsx"; +import type { Filter } from "@decocms/ui/components/filter-bar.tsx"; import type { TableColumn } from "./collection-table.tsx"; import type { JsonSchema } from "@/web/utils/constants"; diff --git a/apps/mesh/src/web/components/connections/connection-card.tsx b/apps/mesh/src/web/components/connections/connection-card.tsx index 13041f0cff..5478f5049a 100644 --- a/apps/mesh/src/web/components/connections/connection-card.tsx +++ b/apps/mesh/src/web/components/connections/connection-card.tsx @@ -1,5 +1,5 @@ -import { Card } from "@deco/ui/components/card.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Card } from "@decocms/ui/components/card.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { ReactNode } from "react"; import { IntegrationIcon } from "../integration-icon.tsx"; diff --git a/apps/mesh/src/web/components/connections/create-connection-dialog.tsx b/apps/mesh/src/web/components/connections/create-connection-dialog.tsx index da4103a426..50d65f533b 100644 --- a/apps/mesh/src/web/components/connections/create-connection-dialog.tsx +++ b/apps/mesh/src/web/components/connections/create-connection-dialog.tsx @@ -3,7 +3,7 @@ import { useEnabledRegistries } from "@/web/hooks/use-enabled-registries"; import { useMergedStoreDiscovery } from "@/web/hooks/use-merged-store-discovery"; import { authClient } from "@/web/lib/auth-client"; import { useAuthConfig } from "@/web/providers/auth-config-provider"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Dialog, DialogContent, @@ -11,7 +11,7 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Drawer, DrawerClose, @@ -20,8 +20,8 @@ import { DrawerFooter, DrawerHeader, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/drawer.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { Form, FormControl, @@ -29,16 +29,16 @@ import { FormItem, FormLabel, FormMessage, -} from "@deco/ui/components/form.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +} from "@decocms/ui/components/form.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +} from "@decocms/ui/components/select.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { useConnectionActions, useProjectContext } from "@decocms/mesh-sdk"; import { toast } from "sonner"; import { zodResolver } from "@hookform/resolvers/zod"; diff --git a/apps/mesh/src/web/components/create-agent-dropdown.tsx b/apps/mesh/src/web/components/create-agent-dropdown.tsx index 7317f3c464..1c5cbacbf9 100644 --- a/apps/mesh/src/web/components/create-agent-dropdown.tsx +++ b/apps/mesh/src/web/components/create-agent-dropdown.tsx @@ -1,7 +1,7 @@ import { DropdownMenuContent, DropdownMenuItem, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Users03 } from "@untitledui/icons"; import { GitHubIcon } from "@/web/components/icons/github-icon"; import { usePreferences } from "@/web/hooks/use-preferences.ts"; diff --git a/apps/mesh/src/web/components/create-organization-dialog.tsx b/apps/mesh/src/web/components/create-organization-dialog.tsx index c9e642da44..0cdf32b2e9 100644 --- a/apps/mesh/src/web/components/create-organization-dialog.tsx +++ b/apps/mesh/src/web/components/create-organization-dialog.tsx @@ -7,8 +7,8 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Form, FormControl, @@ -17,9 +17,9 @@ import { FormItem, FormLabel, FormMessage, -} from "@deco/ui/components/form.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Spinner } from "@deco/ui/components/spinner.tsx"; +} from "@decocms/ui/components/form.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Spinner } from "@decocms/ui/components/spinner.tsx"; import { zodResolver } from "@hookform/resolvers/zod"; import { useMutation } from "@tanstack/react-query"; import { useForm } from "react-hook-form"; diff --git a/apps/mesh/src/web/components/delete-connection-dialogs.tsx b/apps/mesh/src/web/components/delete-connection-dialogs.tsx index f8873467df..ae3488b70b 100644 --- a/apps/mesh/src/web/components/delete-connection-dialogs.tsx +++ b/apps/mesh/src/web/components/delete-connection-dialogs.tsx @@ -7,7 +7,7 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; import type { DeleteConnectionState } from "@/web/hooks/use-delete-connection"; export function DeleteConnectionDialogs({ diff --git a/apps/mesh/src/web/components/details/connection/collection-tab.tsx b/apps/mesh/src/web/components/details/connection/collection-tab.tsx index 4f807e232a..05790a805a 100644 --- a/apps/mesh/src/web/components/details/connection/collection-tab.tsx +++ b/apps/mesh/src/web/components/details/connection/collection-tab.tsx @@ -20,8 +20,8 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import type { BaseCollectionEntity } from "@decocms/bindings/collections"; import { useCollectionActions, diff --git a/apps/mesh/src/web/components/details/connection/connection-activity.tsx b/apps/mesh/src/web/components/details/connection/connection-activity.tsx index fb41f36949..9d44362c7b 100644 --- a/apps/mesh/src/web/components/details/connection/connection-activity.tsx +++ b/apps/mesh/src/web/components/details/connection/connection-activity.tsx @@ -7,9 +7,9 @@ import { ChartContainer, ChartTooltip, ChartTooltipContent, -} from "@deco/ui/components/chart.tsx"; +} from "@decocms/ui/components/chart.tsx"; import { KEYS } from "@/web/lib/query-keys.ts"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { SELF_MCP_ALIAS_ID, useMCPClient, diff --git a/apps/mesh/src/web/components/details/connection/connection-capabilities.tsx b/apps/mesh/src/web/components/details/connection/connection-capabilities.tsx index 460109aec3..8da4f2986d 100644 --- a/apps/mesh/src/web/components/details/connection/connection-capabilities.tsx +++ b/apps/mesh/src/web/components/details/connection/connection-capabilities.tsx @@ -3,7 +3,7 @@ import { TabsContent, TabsList, TabsTrigger, -} from "@deco/ui/components/tabs.tsx"; +} from "@decocms/ui/components/tabs.tsx"; import { useConnection } from "@decocms/mesh-sdk"; import { getConnectionSlug } from "@/shared/utils/connection-slug"; import { BookOpen01, Columns01, ChevronRight, Tool01 } from "@untitledui/icons"; diff --git a/apps/mesh/src/web/components/details/connection/connection-instances-panel.tsx b/apps/mesh/src/web/components/details/connection/connection-instances-panel.tsx index 20b9a39522..2ab190e3a9 100644 --- a/apps/mesh/src/web/components/details/connection/connection-instances-panel.tsx +++ b/apps/mesh/src/web/components/details/connection/connection-instances-panel.tsx @@ -1,7 +1,7 @@ import { useMCPAuthStatus } from "@/web/hooks/use-mcp-auth-status"; import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { Button } from "@deco/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; import type { ConnectionEntity } from "@decocms/mesh-sdk"; import { Loading01, Plus, Settings02, Trash01 } from "@untitledui/icons"; import { Suspense } from "react"; diff --git a/apps/mesh/src/web/components/details/connection/connection-sidebar.tsx b/apps/mesh/src/web/components/details/connection/connection-sidebar.tsx index 654729eac5..b5cc17e697 100644 --- a/apps/mesh/src/web/components/details/connection/connection-sidebar.tsx +++ b/apps/mesh/src/web/components/details/connection/connection-sidebar.tsx @@ -2,13 +2,13 @@ import type { ConnectionEntity } from "@/tools/connection/schema"; import { parseVirtualUrl } from "@/tools/connection/schema"; import { EnvVarsEditor } from "@/web/components/env-vars-editor"; import { useAuthConfig } from "@/web/providers/auth-config-provider"; -import { Badge } from "@deco/ui/components/badge.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { FormControl, FormDescription, @@ -16,15 +16,15 @@ import { FormItem, FormLabel, FormMessage, -} from "@deco/ui/components/form.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +} from "@decocms/ui/components/form.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; +} from "@decocms/ui/components/select.tsx"; import { CheckCircle, ChevronDown, diff --git a/apps/mesh/src/web/components/details/connection/connection-ui-tab.tsx b/apps/mesh/src/web/components/details/connection/connection-ui-tab.tsx index c192237429..fe3100ac32 100644 --- a/apps/mesh/src/web/components/details/connection/connection-ui-tab.tsx +++ b/apps/mesh/src/web/components/details/connection/connection-ui-tab.tsx @@ -3,7 +3,7 @@ import { MCPAppRenderer } from "@/mcp-apps/mcp-app-renderer.tsx"; import { CollectionSearch } from "@/web/components/collections/collection-search.tsx"; import { EmptyState } from "@/web/components/empty-state.tsx"; import { ToolAnnotationBadges, type Tool } from "@/web/components/tools"; -import { Card } from "@deco/ui/components/card.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import { useConnection, useMCPClient, diff --git a/apps/mesh/src/web/components/details/connection/index.tsx b/apps/mesh/src/web/components/details/connection/index.tsx index 688b66ae08..203508fe35 100644 --- a/apps/mesh/src/web/components/details/connection/index.tsx +++ b/apps/mesh/src/web/components/details/connection/index.tsx @@ -10,21 +10,21 @@ import { connectionImplementsBinding } from "@/web/hooks/use-binding"; import { MCP_BINDING } from "@decocms/bindings/mcp"; import { useMCPAuthStatus } from "@/web/hooks/use-mcp-auth-status"; import { useMembers } from "@/web/hooks/use-members"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; import { authenticateMcp, isConnectionAuthenticated, } from "@/web/lib/mcp-oauth"; import { KEYS } from "@/web/lib/query-keys"; import { ConnectionInstancesPanel } from "./connection-instances-panel.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, -} from "@deco/ui/components/sheet.tsx"; +} from "@decocms/ui/components/sheet.tsx"; import { Form, FormControl, @@ -32,8 +32,8 @@ import { FormItem, FormLabel, FormMessage, -} from "@deco/ui/components/form.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +} from "@decocms/ui/components/form.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { isStdioParameters, useConnectionActions, diff --git a/apps/mesh/src/web/components/details/connection/settings-tab/index.tsx b/apps/mesh/src/web/components/details/connection/settings-tab/index.tsx index 7335e96150..c95ff0de95 100644 --- a/apps/mesh/src/web/components/details/connection/settings-tab/index.tsx +++ b/apps/mesh/src/web/components/details/connection/settings-tab/index.tsx @@ -6,7 +6,7 @@ import { useProjectContext, type ConnectionEntity, } from "@decocms/mesh-sdk"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Key01, File06, Loading01 } from "@untitledui/icons"; import { Suspense } from "react"; import { useWatch, type useForm } from "react-hook-form"; diff --git a/apps/mesh/src/web/components/details/connection/settings-tab/mcp-configuration-form.tsx b/apps/mesh/src/web/components/details/connection/settings-tab/mcp-configuration-form.tsx index 8abca07315..81bd6e78df 100644 --- a/apps/mesh/src/web/components/details/connection/settings-tab/mcp-configuration-form.tsx +++ b/apps/mesh/src/web/components/details/connection/settings-tab/mcp-configuration-form.tsx @@ -6,15 +6,15 @@ import { import { resolveBindingType } from "@/web/hooks/use-binding"; import { useInstallFromRegistry } from "@/web/hooks/use-install-from-registry"; import { Loading01, Plus } from "@untitledui/icons"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/select.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import RjsfForm from "@rjsf/shadcn"; import type { FieldTemplateProps, ObjectFieldTemplateProps } from "@rjsf/utils"; import validator from "@rjsf/validator-ajv8"; diff --git a/apps/mesh/src/web/components/details/layout.tsx b/apps/mesh/src/web/components/details/layout.tsx index f5e9e5a264..d37006145e 100644 --- a/apps/mesh/src/web/components/details/layout.tsx +++ b/apps/mesh/src/web/components/details/layout.tsx @@ -1,5 +1,5 @@ import { Page } from "@/web/components/page"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { createContext, type ReactNode, diff --git a/apps/mesh/src/web/components/details/prompt/index.tsx b/apps/mesh/src/web/components/details/prompt/index.tsx index 5bdec0dd7f..47a8547d9d 100644 --- a/apps/mesh/src/web/components/details/prompt/index.tsx +++ b/apps/mesh/src/web/components/details/prompt/index.tsx @@ -11,9 +11,9 @@ import { FormControl, FormField, FormItem, -} from "@deco/ui/components/form.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +} from "@decocms/ui/components/form.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { PromptSchema } from "@decocms/bindings/prompt"; import { Suspense } from "react"; import { useForm, type UseFormReturn } from "react-hook-form"; diff --git a/apps/mesh/src/web/components/details/tool.tsx b/apps/mesh/src/web/components/details/tool.tsx index 0647ff552c..4a3b8efd92 100644 --- a/apps/mesh/src/web/components/details/tool.tsx +++ b/apps/mesh/src/web/components/details/tool.tsx @@ -4,23 +4,23 @@ import { Alert, AlertDescription, AlertTitle, -} from "@deco/ui/components/alert.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +} from "@decocms/ui/components/alert.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +} from "@decocms/ui/components/select.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { Loading01 } from "@untitledui/icons"; import { Link, useSearch } from "@tanstack/react-router"; import { @@ -30,7 +30,7 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@deco/ui/components/breadcrumb.tsx"; +} from "@decocms/ui/components/breadcrumb.tsx"; import { AlertCircle, Box, diff --git a/apps/mesh/src/web/components/details/workflow/components/executions-list.tsx b/apps/mesh/src/web/components/details/workflow/components/executions-list.tsx index b3659feb1a..35960d9c5e 100644 --- a/apps/mesh/src/web/components/details/workflow/components/executions-list.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/executions-list.tsx @@ -1,6 +1,6 @@ -import { Button } from "@deco/ui/components/button.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { X, Check, diff --git a/apps/mesh/src/web/components/details/workflow/components/input-schema-panel.tsx b/apps/mesh/src/web/components/details/workflow/components/input-schema-panel.tsx index a20790c251..e30983efe8 100644 --- a/apps/mesh/src/web/components/details/workflow/components/input-schema-panel.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/input-schema-panel.tsx @@ -1,13 +1,13 @@ -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/select.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ChevronDown, ChevronUp, Plus, Trash2 } from "lucide-react"; import { useState } from "react"; import { useWorkflow, useWorkflowActions } from "../stores/workflow"; diff --git a/apps/mesh/src/web/components/details/workflow/components/monaco-editor.tsx b/apps/mesh/src/web/components/details/workflow/components/monaco-editor.tsx index 7dd37dffa2..13b0d3908a 100644 --- a/apps/mesh/src/web/components/details/workflow/components/monaco-editor.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/monaco-editor.tsx @@ -5,7 +5,7 @@ import Editor, { type EditorProps, } from "@monaco-editor/react"; import type { Plugin } from "prettier"; -import { Spinner } from "@deco/ui/components/spinner.js"; +import { Spinner } from "@decocms/ui/components/spinner.js"; import { getReturnType } from "./monaco"; // ============================================ diff --git a/apps/mesh/src/web/components/details/workflow/components/step-detail-panel.tsx b/apps/mesh/src/web/components/details/workflow/components/step-detail-panel.tsx index 08f410376e..77b032d965 100644 --- a/apps/mesh/src/web/components/details/workflow/components/step-detail-panel.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/step-detail-panel.tsx @@ -3,11 +3,11 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from "@deco/ui/components/accordion.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { ScrollArea, ScrollBar } from "@deco/ui/components/scroll-area.tsx"; -import { toast } from "@deco/ui/components/sonner.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/accordion.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { ScrollArea, ScrollBar } from "@decocms/ui/components/scroll-area.tsx"; +import { toast } from "@decocms/ui/components/sonner.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Check, CornerDownRight, Repeat03, XClose } from "@untitledui/icons"; import { Box, diff --git a/apps/mesh/src/web/components/details/workflow/components/tool-selection/rjsf/rjsf-templates.tsx b/apps/mesh/src/web/components/details/workflow/components/tool-selection/rjsf/rjsf-templates.tsx index d58ca7126d..ee0ec15e4f 100644 --- a/apps/mesh/src/web/components/details/workflow/components/tool-selection/rjsf/rjsf-templates.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/tool-selection/rjsf/rjsf-templates.tsx @@ -4,7 +4,7 @@ import type { ArrayFieldTemplateProps, TemplatesType, } from "@rjsf/utils"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Type, Hash, @@ -14,7 +14,7 @@ import { X, FileText, } from "lucide-react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function getTypeIcon(type: string | string[] | undefined) { const typeStr = Array.isArray(type) ? type[0] : (type ?? "unknown"); diff --git a/apps/mesh/src/web/components/details/workflow/components/tool-selection/rjsf/rjsf-widgets.tsx b/apps/mesh/src/web/components/details/workflow/components/tool-selection/rjsf/rjsf-widgets.tsx index 3ead021dcf..a2238a0753 100644 --- a/apps/mesh/src/web/components/details/workflow/components/tool-selection/rjsf/rjsf-widgets.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/tool-selection/rjsf/rjsf-widgets.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { WidgetProps, RegistryWidgetsType } from "@rjsf/utils"; import { MentionInput } from "@/web/components/tiptap-mentions-input"; import { useMentions } from "./rjsf-context"; diff --git a/apps/mesh/src/web/components/details/workflow/components/tool-sidebar.tsx b/apps/mesh/src/web/components/details/workflow/components/tool-sidebar.tsx index a39e2bd127..cb0b28f95e 100644 --- a/apps/mesh/src/web/components/details/workflow/components/tool-sidebar.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/tool-sidebar.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { IntegrationIcon } from "@/web/components/integration-icon"; import type { JsonSchema } from "@/web/utils/constants"; import { usePrioritizedList } from "../hooks"; @@ -14,7 +14,7 @@ import { useProjectContext, } from "@decocms/mesh-sdk"; import type { Tool } from "@modelcontextprotocol/sdk/types.js"; -import { Spinner } from "@deco/ui/components/spinner.tsx"; +import { Spinner } from "@decocms/ui/components/spinner.tsx"; interface ToolSidebarProps { className?: string; diff --git a/apps/mesh/src/web/components/details/workflow/components/virtual-mcp-select.tsx b/apps/mesh/src/web/components/details/workflow/components/virtual-mcp-select.tsx index 67e219fe67..5b4d2bfa08 100644 --- a/apps/mesh/src/web/components/details/workflow/components/virtual-mcp-select.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/virtual-mcp-select.tsx @@ -10,8 +10,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/select.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; interface VirtualMCPSelectProps { selectedVirtualMcpId: string | null | undefined; diff --git a/apps/mesh/src/web/components/details/workflow/components/workflow-editor-header.tsx b/apps/mesh/src/web/components/details/workflow/components/workflow-editor-header.tsx index ea470d0c8a..1133e08040 100644 --- a/apps/mesh/src/web/components/details/workflow/components/workflow-editor-header.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/workflow-editor-header.tsx @@ -1,8 +1,8 @@ import { VirtualMCPSelect } from "./virtual-mcp-select"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Spinner } from "@deco/ui/components/spinner.tsx"; -import { ViewModeToggle } from "@deco/ui/components/view-mode-toggle.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Spinner } from "@decocms/ui/components/spinner.tsx"; +import { ViewModeToggle } from "@decocms/ui/components/view-mode-toggle.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ClockFastForward, Code02, @@ -18,7 +18,7 @@ import { TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { usePollingWorkflowExecution, useWorkflowCancel, diff --git a/apps/mesh/src/web/components/details/workflow/components/workflow-input-dialog.tsx b/apps/mesh/src/web/components/details/workflow/components/workflow-input-dialog.tsx index ede8b81261..91b0fd39f7 100644 --- a/apps/mesh/src/web/components/details/workflow/components/workflow-input-dialog.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/workflow-input-dialog.tsx @@ -6,9 +6,9 @@ import { DialogTitle, DialogFooter, DialogDescription, -} from "@deco/ui/components/dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Spinner } from "@deco/ui/components/spinner.tsx"; +} from "@decocms/ui/components/dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Spinner } from "@decocms/ui/components/spinner.tsx"; import { Play } from "@untitledui/icons"; import { ToolInput } from "./tool-selection/components/tool-input"; import type { JsonSchema } from "@/web/utils/constants"; diff --git a/apps/mesh/src/web/components/details/workflow/components/workflow-step-card.tsx b/apps/mesh/src/web/components/details/workflow/components/workflow-step-card.tsx index 5961ec96da..36721e0a25 100644 --- a/apps/mesh/src/web/components/details/workflow/components/workflow-step-card.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/workflow-step-card.tsx @@ -1,5 +1,5 @@ -import { Button } from "@deco/ui/components/button.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { AlertOctagon, Calendar, @@ -18,7 +18,7 @@ import { DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Copy, Trash2 } from "lucide-react"; import type { StepExecutionStatus } from "../hooks/derived/use-step-execution-status"; import { diff --git a/apps/mesh/src/web/components/details/workflow/components/workflow-steps-canvas.tsx b/apps/mesh/src/web/components/details/workflow/components/workflow-steps-canvas.tsx index bc62e0f80c..6ac3279c06 100644 --- a/apps/mesh/src/web/components/details/workflow/components/workflow-steps-canvas.tsx +++ b/apps/mesh/src/web/components/details/workflow/components/workflow-steps-canvas.tsx @@ -1,13 +1,13 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Database01, Plus, Tool01 } from "@untitledui/icons"; import { Code } from "lucide-react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { WORKFLOW_INPUT_VIEW, useCurrentStepName, diff --git a/apps/mesh/src/web/components/details/workflow/index.tsx b/apps/mesh/src/web/components/details/workflow/index.tsx index 346348c809..133d30496d 100644 --- a/apps/mesh/src/web/components/details/workflow/index.tsx +++ b/apps/mesh/src/web/components/details/workflow/index.tsx @@ -16,8 +16,8 @@ import { ResizablePanel, ResizablePanelGroup, } from "@/web/components/resizable"; -import { Badge } from "@deco/ui/components/badge.js"; -import { Button } from "@deco/ui/components/button.js"; +import { Badge } from "@decocms/ui/components/badge.js"; +import { Button } from "@decocms/ui/components/button.js"; import { AlertOctagon, AlertTriangle, @@ -42,7 +42,7 @@ import { useProjectContext, } from "@decocms/mesh-sdk"; -import { EmptyState } from "@deco/ui/components/empty-state.js"; +import { EmptyState } from "@decocms/ui/components/empty-state.js"; import { usePollingWorkflowExecution } from "./hooks"; import { useWorkflowSSE } from "./hooks/use-workflow-sse"; import { InputSchemaPanel } from "./components/input-schema-panel"; diff --git a/apps/mesh/src/web/components/empty-state.tsx b/apps/mesh/src/web/components/empty-state.tsx index a190dcdaff..afecea23c2 100644 --- a/apps/mesh/src/web/components/empty-state.tsx +++ b/apps/mesh/src/web/components/empty-state.tsx @@ -1,5 +1,5 @@ import type { ReactNode } from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; interface EmptyStateProps { image?: ReactNode; diff --git a/apps/mesh/src/web/components/env-vars-editor.tsx b/apps/mesh/src/web/components/env-vars-editor.tsx index b4c95fd84c..78e5d30c7b 100644 --- a/apps/mesh/src/web/components/env-vars-editor.tsx +++ b/apps/mesh/src/web/components/env-vars-editor.tsx @@ -1,5 +1,5 @@ -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Plus, Trash01 } from "@untitledui/icons"; /** diff --git a/apps/mesh/src/web/components/error-boundary.tsx b/apps/mesh/src/web/components/error-boundary.tsx index ceb7d14414..137df81460 100644 --- a/apps/mesh/src/web/components/error-boundary.tsx +++ b/apps/mesh/src/web/components/error-boundary.tsx @@ -1,5 +1,5 @@ import { Component, type ErrorInfo, type ReactNode } from "react"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { AlertTriangle, RefreshCw01 } from "@untitledui/icons"; const CHUNK_RELOAD_KEY = "__mesh_chunk_reload_ts"; diff --git a/apps/mesh/src/web/components/github-repo-picker.tsx b/apps/mesh/src/web/components/github-repo-picker.tsx index d25b9f91b3..8aac6fcace 100644 --- a/apps/mesh/src/web/components/github-repo-picker.tsx +++ b/apps/mesh/src/web/components/github-repo-picker.tsx @@ -3,8 +3,8 @@ import { DialogContent, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; -import { SearchInput } from "@deco/ui/components/search-input.tsx"; +} from "@decocms/ui/components/dialog.tsx"; +import { SearchInput } from "@decocms/ui/components/search-input.tsx"; import { Suspense, useDeferredValue, useState } from "react"; import { useMutation, diff --git a/apps/mesh/src/web/components/home/agents-list.tsx b/apps/mesh/src/web/components/home/agents-list.tsx index 3ae709cecd..f083bc4ca9 100644 --- a/apps/mesh/src/web/components/home/agents-list.tsx +++ b/apps/mesh/src/web/components/home/agents-list.tsx @@ -6,8 +6,8 @@ */ import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { isDecopilot, WELL_KNOWN_AGENT_TEMPLATES, diff --git a/apps/mesh/src/web/components/home/lean-canvas-recruit-modal.tsx b/apps/mesh/src/web/components/home/lean-canvas-recruit-modal.tsx index 59525800cb..f73b85f38c 100644 --- a/apps/mesh/src/web/components/home/lean-canvas-recruit-modal.tsx +++ b/apps/mesh/src/web/components/home/lean-canvas-recruit-modal.tsx @@ -12,15 +12,15 @@ import { DialogContent, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Drawer, DrawerContent, DrawerHeader, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/drawer.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; import { SELF_MCP_ALIAS_ID, diff --git a/apps/mesh/src/web/components/home/site-diagnostics-recruit-modal.tsx b/apps/mesh/src/web/components/home/site-diagnostics-recruit-modal.tsx index 935fcd973c..395805f584 100644 --- a/apps/mesh/src/web/components/home/site-diagnostics-recruit-modal.tsx +++ b/apps/mesh/src/web/components/home/site-diagnostics-recruit-modal.tsx @@ -15,15 +15,15 @@ import { DialogContent, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Drawer, DrawerContent, DrawerHeader, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/drawer.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; import { SELF_MCP_ALIAS_ID, diff --git a/apps/mesh/src/web/components/home/studio-pack-recruit-modal.tsx b/apps/mesh/src/web/components/home/studio-pack-recruit-modal.tsx index 408a888680..28eb93951f 100644 --- a/apps/mesh/src/web/components/home/studio-pack-recruit-modal.tsx +++ b/apps/mesh/src/web/components/home/studio-pack-recruit-modal.tsx @@ -12,15 +12,15 @@ import { DialogContent, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Drawer, DrawerContent, DrawerHeader, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/drawer.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; import { WellKnownOrgMCPId, diff --git a/apps/mesh/src/web/components/icon-picker.tsx b/apps/mesh/src/web/components/icon-picker.tsx index edc1fbd418..74b5b4f3c9 100644 --- a/apps/mesh/src/web/components/icon-picker.tsx +++ b/apps/mesh/src/web/components/icon-picker.tsx @@ -5,15 +5,15 @@ * or remove the current icon. Stores the selection as an icon:// URL string. */ -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; -import { ScrollArea } from "@deco/ui/components/scroll-area.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/popover.tsx"; +import { ScrollArea } from "@decocms/ui/components/scroll-area.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Edit05, SearchMd, Shuffle01, Upload01 } from "@untitledui/icons"; import { useRef, useState } from "react"; import { toast } from "sonner"; diff --git a/apps/mesh/src/web/components/import-from-deco-dialog.tsx b/apps/mesh/src/web/components/import-from-deco-dialog.tsx index 686b6bdb8d..34ac3eb7b8 100644 --- a/apps/mesh/src/web/components/import-from-deco-dialog.tsx +++ b/apps/mesh/src/web/components/import-from-deco-dialog.tsx @@ -13,9 +13,9 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ArrowLeft } from "@untitledui/icons"; import { authClient } from "@/web/lib/auth-client"; import { generatePrefixedId } from "@/shared/utils/generate-id"; diff --git a/apps/mesh/src/web/components/integration-icon.tsx b/apps/mesh/src/web/components/integration-icon.tsx index d73ece8d7c..7a18640f39 100644 --- a/apps/mesh/src/web/components/integration-icon.tsx +++ b/apps/mesh/src/web/components/integration-icon.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Container } from "@untitledui/icons"; import { useState, type ReactNode } from "react"; import { AgentAvatar, type AgentAvatarSize } from "./agent-icon"; diff --git a/apps/mesh/src/web/components/invite-member-dialog.tsx b/apps/mesh/src/web/components/invite-member-dialog.tsx index 57895bfde7..63d0b237dd 100644 --- a/apps/mesh/src/web/components/invite-member-dialog.tsx +++ b/apps/mesh/src/web/components/invite-member-dialog.tsx @@ -10,8 +10,8 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@deco/ui/components/dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +} from "@decocms/ui/components/dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Form, FormControl, @@ -19,15 +19,15 @@ import { FormItem, FormLabel, FormMessage, -} from "@deco/ui/components/form.tsx"; +} from "@decocms/ui/components/form.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +} from "@decocms/ui/components/select.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { authClient } from "@/web/lib/auth-client"; import { useProjectContext } from "@decocms/mesh-sdk"; import { KEYS } from "@/web/lib/query-keys"; diff --git a/apps/mesh/src/web/components/keyboard-shortcuts-dialog.tsx b/apps/mesh/src/web/components/keyboard-shortcuts-dialog.tsx index 3c118ba248..b0c86cf671 100644 --- a/apps/mesh/src/web/components/keyboard-shortcuts-dialog.tsx +++ b/apps/mesh/src/web/components/keyboard-shortcuts-dialog.tsx @@ -3,7 +3,7 @@ import { DialogContent, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { SHORTCUT_GROUPS } from "@/web/lib/keyboard-shortcuts"; export function KeyboardShortcutsDialog({ diff --git a/apps/mesh/src/web/components/logo-upload.tsx b/apps/mesh/src/web/components/logo-upload.tsx index 412a4f7278..98132ab978 100644 --- a/apps/mesh/src/web/components/logo-upload.tsx +++ b/apps/mesh/src/web/components/logo-upload.tsx @@ -1,4 +1,4 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Upload01, X } from "@untitledui/icons"; import { useRef } from "react"; import { toast } from "sonner"; diff --git a/apps/mesh/src/web/components/manage-roles-dialog.tsx b/apps/mesh/src/web/components/manage-roles-dialog.tsx index 915a926b5a..a20e2022d5 100644 --- a/apps/mesh/src/web/components/manage-roles-dialog.tsx +++ b/apps/mesh/src/web/components/manage-roles-dialog.tsx @@ -18,10 +18,10 @@ import { useAiProviderKeys, useSuspenseAiProviderModels, } from "@/web/hooks/collections/use-ai-providers"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Checkbox } from "@deco/ui/components/checkbox.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Checkbox } from "@decocms/ui/components/checkbox.tsx"; import { AlertDialog, AlertDialogAction, @@ -31,18 +31,18 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; import { Dialog, DialogContent, DialogTrigger, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Plus, Lock01, @@ -51,15 +51,15 @@ import { Loading01, X, } from "@untitledui/icons"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { zodResolver } from "@hookform/resolvers/zod"; import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; import { Suspense, useDeferredValue, useState } from "react"; diff --git a/apps/mesh/src/web/components/monitoring/log-row.tsx b/apps/mesh/src/web/components/monitoring/log-row.tsx index 021f0d0a93..cd4be13358 100644 --- a/apps/mesh/src/web/components/monitoring/log-row.tsx +++ b/apps/mesh/src/web/components/monitoring/log-row.tsx @@ -5,11 +5,11 @@ */ import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; import { Container } from "@untitledui/icons"; import type { EnrichedMonitoringLog } from "./types.tsx"; -import { TableCell, TableRow } from "@deco/ui/components/table.tsx"; +import { TableCell, TableRow } from "@decocms/ui/components/table.tsx"; // ============================================================================ // Types diff --git a/apps/mesh/src/web/components/monitoring/monitoring-stats-row.tsx b/apps/mesh/src/web/components/monitoring/monitoring-stats-row.tsx index 0ac2e6c4ee..55565c2200 100644 --- a/apps/mesh/src/web/components/monitoring/monitoring-stats-row.tsx +++ b/apps/mesh/src/web/components/monitoring/monitoring-stats-row.tsx @@ -5,8 +5,8 @@ * Used by both the Monitoring page and the Home page. */ -import { ChartContainer, ChartTooltip } from "@deco/ui/components/chart.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { ChartContainer, ChartTooltip } from "@decocms/ui/components/chart.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Area, AreaChart, diff --git a/apps/mesh/src/web/components/monitoring/types.tsx b/apps/mesh/src/web/components/monitoring/types.tsx index a1dcaaf8f6..f37f28c594 100644 --- a/apps/mesh/src/web/components/monitoring/types.tsx +++ b/apps/mesh/src/web/components/monitoring/types.tsx @@ -5,18 +5,18 @@ */ import { useProjectContext } from "@decocms/mesh-sdk"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { Download01, Check, diff --git a/apps/mesh/src/web/components/page/index.tsx b/apps/mesh/src/web/components/page/index.tsx index 662896e5fe..d6a8ec0912 100644 --- a/apps/mesh/src/web/components/page/index.tsx +++ b/apps/mesh/src/web/components/page/index.tsx @@ -1,5 +1,5 @@ -import { SidebarTrigger } from "@deco/ui/components/sidebar.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { SidebarTrigger } from "@decocms/ui/components/sidebar.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { PropsWithChildren, ReactElement, ReactNode } from "react"; import { Children, createContext, isValidElement, useContext } from "react"; diff --git a/apps/mesh/src/web/components/plugin-not-enabled-empty-state.tsx b/apps/mesh/src/web/components/plugin-not-enabled-empty-state.tsx index 5d104e7c04..b51bd9b1cb 100644 --- a/apps/mesh/src/web/components/plugin-not-enabled-empty-state.tsx +++ b/apps/mesh/src/web/components/plugin-not-enabled-empty-state.tsx @@ -6,7 +6,7 @@ * the plugin without leaving the page. */ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { EmptyState } from "@/web/components/empty-state"; import { useEnablePlugin } from "@/web/hooks/use-enable-plugin"; import { toast } from "sonner"; diff --git a/apps/mesh/src/web/components/project-card.tsx b/apps/mesh/src/web/components/project-card.tsx index 5d9a860d6d..1062c43d09 100644 --- a/apps/mesh/src/web/components/project-card.tsx +++ b/apps/mesh/src/web/components/project-card.tsx @@ -5,14 +5,14 @@ import { useProjectContext } from "@decocms/mesh-sdk"; import type { VirtualMCPEntity } from "@decocms/mesh-sdk/types"; import { AgentAvatar } from "@/web/components/agent-icon"; import { useNavigateToAgent } from "@/web/hooks/use-navigate-to-agent"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; interface ProjectCardProps { project: VirtualMCPEntity; diff --git a/apps/mesh/src/web/components/resizable.tsx b/apps/mesh/src/web/components/resizable.tsx index 3e23a2176f..7abcf025cf 100644 --- a/apps/mesh/src/web/components/resizable.tsx +++ b/apps/mesh/src/web/components/resizable.tsx @@ -8,7 +8,7 @@ export type { ImperativePanelGroupHandle, } from "react-resizable-panels"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function ResizablePanelGroup({ className, diff --git a/apps/mesh/src/web/components/save-actions.tsx b/apps/mesh/src/web/components/save-actions.tsx index d04eaa6d6b..d7f066fb33 100644 --- a/apps/mesh/src/web/components/save-actions.tsx +++ b/apps/mesh/src/web/components/save-actions.tsx @@ -1,4 +1,4 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { FlipBackward, Loading01, Save01 } from "@untitledui/icons"; interface SaveActionsProps { diff --git a/apps/mesh/src/web/components/settings/domain-settings.tsx b/apps/mesh/src/web/components/settings/domain-settings.tsx index d3961392e7..9f33c8739a 100644 --- a/apps/mesh/src/web/components/settings/domain-settings.tsx +++ b/apps/mesh/src/web/components/settings/domain-settings.tsx @@ -6,16 +6,16 @@ import { useMCPClient, useProjectContext, } from "@decocms/mesh-sdk"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, -} from "@deco/ui/components/card.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; +} from "@decocms/ui/components/card.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; import { toast } from "sonner"; diff --git a/apps/mesh/src/web/components/settings/organization-form.tsx b/apps/mesh/src/web/components/settings/organization-form.tsx index fb5ecc6d58..8eea6df636 100644 --- a/apps/mesh/src/web/components/settings/organization-form.tsx +++ b/apps/mesh/src/web/components/settings/organization-form.tsx @@ -1,16 +1,16 @@ import { authClient } from "@/web/lib/auth-client"; import { KEYS } from "@/web/lib/query-keys"; import { useProjectContext } from "@decocms/mesh-sdk"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Card, CardContent, CardFooter, CardHeader, CardTitle, -} from "@deco/ui/components/card.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +} from "@decocms/ui/components/card.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; import { zodResolver } from "@hookform/resolvers/zod"; import { useMutation, useQueryClient } from "@tanstack/react-query"; import { useNavigate } from "@tanstack/react-router"; diff --git a/apps/mesh/src/web/components/settings/project-plugins-form.tsx b/apps/mesh/src/web/components/settings/project-plugins-form.tsx index 7676ebcaff..a2c7397378 100644 --- a/apps/mesh/src/web/components/settings/project-plugins-form.tsx +++ b/apps/mesh/src/web/components/settings/project-plugins-form.tsx @@ -6,7 +6,7 @@ import { SELF_MCP_ALIAS_ID, } from "@decocms/mesh-sdk"; import { KEYS } from "@/web/lib/query-keys"; -import { Switch } from "@deco/ui/components/switch.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; import { toast } from "sonner"; import { Container } from "@untitledui/icons"; import { sourcePlugins } from "@/web/plugins"; diff --git a/apps/mesh/src/web/components/sidebar/agents-section.tsx b/apps/mesh/src/web/components/sidebar/agents-section.tsx index 065775ff6c..cb21a87b5f 100644 --- a/apps/mesh/src/web/components/sidebar/agents-section.tsx +++ b/apps/mesh/src/web/components/sidebar/agents-section.tsx @@ -26,20 +26,20 @@ import { SidebarMenuButton, SidebarMenuItem, useSidebar, -} from "@deco/ui/components/sidebar.tsx"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; +} from "@decocms/ui/components/sidebar.tsx"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { Drawer, DrawerContent, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; -import { CollectionSearch } from "@deco/ui/components/collection-search.tsx"; +} from "@decocms/ui/components/drawer.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; +import { CollectionSearch } from "@decocms/ui/components/collection-search.tsx"; import { FolderPlus, Plus, Settings02, X } from "@untitledui/icons"; import { ContextMenu, @@ -47,7 +47,7 @@ import { ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, -} from "@deco/ui/components/context-menu.tsx"; +} from "@decocms/ui/components/context-menu.tsx"; import { isDecopilot, isStudioPackAgent, @@ -64,8 +64,8 @@ import { AgentAvatar } from "@/web/components/agent-icon"; import { DropdownMenu, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/dropdown-menu.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ImportFromDecoDialog } from "@/web/components/import-from-deco-dialog.tsx"; import { GitHubRepoPicker } from "@/web/components/github-repo-picker.tsx"; import { SiteDiagnosticsRecruitModal } from "@/web/components/home/site-diagnostics-recruit-modal.tsx"; diff --git a/apps/mesh/src/web/components/sidebar/footer/inbox-mobile.tsx b/apps/mesh/src/web/components/sidebar/footer/inbox-mobile.tsx index 4be155c6e8..a03edb6e76 100644 --- a/apps/mesh/src/web/components/sidebar/footer/inbox-mobile.tsx +++ b/apps/mesh/src/web/components/sidebar/footer/inbox-mobile.tsx @@ -5,7 +5,7 @@ import { SidebarMenuButton, SidebarMenuItem, useSidebar, -} from "@deco/ui/components/sidebar.tsx"; +} from "@decocms/ui/components/sidebar.tsx"; import { Settings02 } from "@untitledui/icons"; import { useProjectContext } from "@decocms/mesh-sdk"; import { useNavigate } from "@tanstack/react-router"; diff --git a/apps/mesh/src/web/components/sidebar/footer/inbox.tsx b/apps/mesh/src/web/components/sidebar/footer/inbox.tsx index c7a80e5927..cca25534ab 100644 --- a/apps/mesh/src/web/components/sidebar/footer/inbox.tsx +++ b/apps/mesh/src/web/components/sidebar/footer/inbox.tsx @@ -1,17 +1,17 @@ import { authClient } from "@/web/lib/auth-client"; import { AccountPopover } from "@/web/components/account-popover"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { SidebarFooter, SidebarMenu, SidebarMenuButton, SidebarMenuItem, -} from "@deco/ui/components/sidebar.tsx"; +} from "@decocms/ui/components/sidebar.tsx"; import { Check, Coins04, @@ -21,7 +21,7 @@ import { XClose, } from "@untitledui/icons"; import { AuthUIContext } from "@daveyplate/better-auth-ui"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Component, Suspense, useContext, useState } from "react"; import type { ErrorInfo, ReactNode } from "react"; import { toast } from "sonner"; diff --git a/apps/mesh/src/web/components/sidebar/navigation-mobile.tsx b/apps/mesh/src/web/components/sidebar/navigation-mobile.tsx index da22c37775..1a5cd1ea60 100644 --- a/apps/mesh/src/web/components/sidebar/navigation-mobile.tsx +++ b/apps/mesh/src/web/components/sidebar/navigation-mobile.tsx @@ -8,8 +8,8 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarSeparator, -} from "@deco/ui/components/sidebar.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/sidebar.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { type ReactNode, Suspense } from "react"; import { SidebarCollapsibleGroup } from "./sidebar-group"; import type { NavigationSidebarItem, SidebarSection } from "./types"; diff --git a/apps/mesh/src/web/components/sidebar/navigation.tsx b/apps/mesh/src/web/components/sidebar/navigation.tsx index 3f89e10bf0..09e30faada 100644 --- a/apps/mesh/src/web/components/sidebar/navigation.tsx +++ b/apps/mesh/src/web/components/sidebar/navigation.tsx @@ -9,9 +9,9 @@ import { SidebarMenuItem, SidebarSeparator, useSidebar, -} from "@deco/ui/components/sidebar.tsx"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/sidebar.tsx"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Suspense, type ReactNode } from "react"; import type { NavigationSidebarItem, SidebarSection } from "./types"; import { SidebarCollapsibleGroup } from "./sidebar-group"; diff --git a/apps/mesh/src/web/components/sidebar/sidebar-group.tsx b/apps/mesh/src/web/components/sidebar/sidebar-group.tsx index 1e8b840395..23f7e7093d 100644 --- a/apps/mesh/src/web/components/sidebar/sidebar-group.tsx +++ b/apps/mesh/src/web/components/sidebar/sidebar-group.tsx @@ -2,7 +2,7 @@ import { SidebarGroup as SidebarGroupUI, SidebarGroupContent, SidebarMenu, -} from "@deco/ui/components/sidebar.tsx"; +} from "@decocms/ui/components/sidebar.tsx"; import type { PropsWithChildren } from "react"; interface SidebarCollapsibleGroupProps extends PropsWithChildren { diff --git a/apps/mesh/src/web/components/simple-icon-picker.tsx b/apps/mesh/src/web/components/simple-icon-picker.tsx index 614ac892d9..b9654d74e5 100644 --- a/apps/mesh/src/web/components/simple-icon-picker.tsx +++ b/apps/mesh/src/web/components/simple-icon-picker.tsx @@ -6,14 +6,14 @@ * Stores the selection as "icon://" (no color). */ -import { Input } from "@deco/ui/components/input.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; -import { ScrollArea } from "@deco/ui/components/scroll-area.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/popover.tsx"; +import { ScrollArea } from "@decocms/ui/components/scroll-area.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { LayoutLeft, SearchMd } from "@untitledui/icons"; import { useState } from "react"; import { diff --git a/apps/mesh/src/web/components/sso-required-screen.tsx b/apps/mesh/src/web/components/sso-required-screen.tsx index dd7269ed99..a77114da55 100644 --- a/apps/mesh/src/web/components/sso-required-screen.tsx +++ b/apps/mesh/src/web/components/sso-required-screen.tsx @@ -1,4 +1,4 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Lock01 } from "@untitledui/icons"; export interface SsoRequiredScreenProps { diff --git a/apps/mesh/src/web/components/tag-multi-select.tsx b/apps/mesh/src/web/components/tag-multi-select.tsx index 89aa010b63..744d58dd5b 100644 --- a/apps/mesh/src/web/components/tag-multi-select.tsx +++ b/apps/mesh/src/web/components/tag-multi-select.tsx @@ -9,10 +9,10 @@ */ import { useState } from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Checkbox } from "@deco/ui/components/checkbox.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Checkbox } from "@decocms/ui/components/checkbox.tsx"; import { Command, CommandEmpty, @@ -21,12 +21,12 @@ import { CommandItem, CommandList, CommandSeparator, -} from "@deco/ui/components/command.tsx"; +} from "@decocms/ui/components/command.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { ChevronDown, Plus, XClose, Loading01 } from "@untitledui/icons"; import { useTags, diff --git a/apps/mesh/src/web/components/tiptap-mentions-input.tsx b/apps/mesh/src/web/components/tiptap-mentions-input.tsx index 511457fded..35f189b711 100644 --- a/apps/mesh/src/web/components/tiptap-mentions-input.tsx +++ b/apps/mesh/src/web/components/tiptap-mentions-input.tsx @@ -9,14 +9,14 @@ import { } from "@tiptap/react"; import StarterKit from "@tiptap/starter-kit"; import Mention from "@tiptap/extension-mention"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { createStore } from "zustand"; import { useStore } from "zustand"; import { HoverCard, HoverCardContent, HoverCardTrigger, -} from "@deco/ui/components/hover-card.tsx"; +} from "@decocms/ui/components/hover-card.tsx"; import { createContext, useContext } from "react"; import { useResolvedRefs } from "./details/workflow/components/tool-selector"; diff --git a/apps/mesh/src/web/components/tool-set-selector.tsx b/apps/mesh/src/web/components/tool-set-selector.tsx index e070f5f195..468784814b 100644 --- a/apps/mesh/src/web/components/tool-set-selector.tsx +++ b/apps/mesh/src/web/components/tool-set-selector.tsx @@ -1,10 +1,10 @@ import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; import { useInfiniteScroll } from "@/web/hooks/use-infinite-scroll"; import { KEYS } from "@/web/lib/query-keys"; -import { Checkbox } from "@deco/ui/components/checkbox.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Checkbox } from "@decocms/ui/components/checkbox.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { ArrowLeft, Loading01 } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { CollectionListOutput } from "@decocms/bindings/collections"; import { type ConnectionEntity, diff --git a/apps/mesh/src/web/components/tools/tools-list.tsx b/apps/mesh/src/web/components/tools/tools-list.tsx index 132c1e5fe7..a893f04c6a 100644 --- a/apps/mesh/src/web/components/tools/tools-list.tsx +++ b/apps/mesh/src/web/components/tools/tools-list.tsx @@ -1,10 +1,10 @@ -import { Badge } from "@deco/ui/components/badge.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { getUIResourceUri } from "@/mcp-apps/types.ts"; import type { ToolDefinition } from "@decocms/mesh-sdk"; import { diff --git a/apps/mesh/src/web/components/unified-auth-form.tsx b/apps/mesh/src/web/components/unified-auth-form.tsx index 25e4c66e4b..fddae74ec6 100644 --- a/apps/mesh/src/web/components/unified-auth-form.tsx +++ b/apps/mesh/src/web/components/unified-auth-form.tsx @@ -2,9 +2,9 @@ import { useState } from "react"; import { useMutation } from "@tanstack/react-query"; import { useAuthConfig } from "@/web/providers/auth-config-provider"; import { authClient } from "@/web/lib/auth-client"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; interface UnifiedAuthFormProps { /** diff --git a/apps/mesh/src/web/components/user/user.tsx b/apps/mesh/src/web/components/user/user.tsx index 949b0ff2ec..a5d11438ff 100644 --- a/apps/mesh/src/web/components/user/user.tsx +++ b/apps/mesh/src/web/components/user/user.tsx @@ -5,8 +5,8 @@ * Handles loading and error states gracefully. */ -import { Avatar, type AvatarProps } from "@deco/ui/components/avatar.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Avatar, type AvatarProps } from "@decocms/ui/components/avatar.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useUserById } from "../../hooks/use-user-by-id"; export interface UserProps { diff --git a/apps/mesh/src/web/components/vm/env/env.tsx b/apps/mesh/src/web/components/vm/env/env.tsx index 179938d944..be37430760 100644 --- a/apps/mesh/src/web/components/vm/env/env.tsx +++ b/apps/mesh/src/web/components/vm/env/env.tsx @@ -17,29 +17,29 @@ import { MessageChatCircle, LinkExternal01, } from "@untitledui/icons"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +} from "@decocms/ui/components/select.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useChatBridge } from "@/web/components/chat/context"; import { usePanelActions } from "@/web/layouts/shell-layout"; import { VmErrorState } from "../vm-error-state"; diff --git a/apps/mesh/src/web/components/vm/env/terminal.tsx b/apps/mesh/src/web/components/vm/env/terminal.tsx index 6cc1e77127..b93d6b093a 100644 --- a/apps/mesh/src/web/components/vm/env/terminal.tsx +++ b/apps/mesh/src/web/components/vm/env/terminal.tsx @@ -1,5 +1,5 @@ import { useRef, useEffect } from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Terminal } from "@xterm/xterm"; import { FitAddon } from "@xterm/addon-fit"; import "@xterm/xterm/css/xterm.css"; diff --git a/apps/mesh/src/web/components/vm/preview/preview.tsx b/apps/mesh/src/web/components/vm/preview/preview.tsx index a92f727531..197af8e12b 100644 --- a/apps/mesh/src/web/components/vm/preview/preview.tsx +++ b/apps/mesh/src/web/components/vm/preview/preview.tsx @@ -9,16 +9,16 @@ import { RefreshCw01, Server01, } from "@untitledui/icons"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { ViewModeToggle, type ViewModeOption, -} from "@deco/ui/components/view-mode-toggle.tsx"; +} from "@decocms/ui/components/view-mode-toggle.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { VISUAL_EDITOR_SCRIPT, VisualEditorPayloadSchema, diff --git a/apps/mesh/src/web/components/vm/vm-error-state.tsx b/apps/mesh/src/web/components/vm/vm-error-state.tsx index b234285c68..6223083fea 100644 --- a/apps/mesh/src/web/components/vm/vm-error-state.tsx +++ b/apps/mesh/src/web/components/vm/vm-error-state.tsx @@ -1,4 +1,4 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { toast } from "sonner"; interface VmErrorStateProps { diff --git a/apps/mesh/src/web/components/vm/vm-suspended-state.tsx b/apps/mesh/src/web/components/vm/vm-suspended-state.tsx index 06d2dfe865..6aab95faa7 100644 --- a/apps/mesh/src/web/components/vm/vm-suspended-state.tsx +++ b/apps/mesh/src/web/components/vm/vm-suspended-state.tsx @@ -1,4 +1,4 @@ -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Server01 } from "@untitledui/icons"; interface VmSuspendedStateProps { diff --git a/apps/mesh/src/web/hooks/use-list-state.ts b/apps/mesh/src/web/hooks/use-list-state.ts index d2f5238adb..8404c4f42e 100644 --- a/apps/mesh/src/web/hooks/use-list-state.ts +++ b/apps/mesh/src/web/hooks/use-list-state.ts @@ -1,7 +1,7 @@ -import type { Filter } from "@deco/ui/components/filter-bar.tsx"; -import { usePersistedFilters } from "@deco/ui/hooks/use-persisted-filters.ts"; -import { useSortable } from "@deco/ui/hooks/use-sortable.ts"; -import { useViewMode } from "@deco/ui/hooks/use-view-mode.ts"; +import type { Filter } from "@decocms/ui/components/filter-bar.tsx"; +import { usePersistedFilters } from "@decocms/ui/hooks/use-persisted-filters.ts"; +import { useSortable } from "@decocms/ui/hooks/use-sortable.ts"; +import { useViewMode } from "@decocms/ui/hooks/use-view-mode.ts"; import type { BaseCollectionEntity } from "@decocms/bindings/collections"; import { useDeferredValue, useState } from "react"; diff --git a/apps/mesh/src/web/hooks/use-sound.ts b/apps/mesh/src/web/hooks/use-sound.ts index 0680b05f04..b9929bbe60 100644 --- a/apps/mesh/src/web/hooks/use-sound.ts +++ b/apps/mesh/src/web/hooks/use-sound.ts @@ -1,5 +1,5 @@ -import type { SoundAsset } from "@deco/ui/lib/sound-types.ts"; -import { playSound } from "@deco/ui/lib/sound-engine.ts"; +import type { SoundAsset } from "@decocms/ui/lib/sound-types.ts"; +import { playSound } from "@decocms/ui/lib/sound-engine.ts"; import { usePreferences } from "./use-preferences"; /** diff --git a/apps/mesh/src/web/hooks/use-status-sounds.ts b/apps/mesh/src/web/hooks/use-status-sounds.ts index 09fd2d1bab..35a9e6d5a3 100644 --- a/apps/mesh/src/web/hooks/use-status-sounds.ts +++ b/apps/mesh/src/web/hooks/use-status-sounds.ts @@ -1,5 +1,5 @@ -import { playSound } from "@deco/ui/lib/sound-engine.ts"; -import { question004Sound } from "@deco/ui/lib/question-004.ts"; +import { playSound } from "@decocms/ui/lib/sound-engine.ts"; +import { question004Sound } from "@decocms/ui/lib/question-004.ts"; import { useDecopilotEvents } from "./use-decopilot-events"; import { usePreferences } from "./use-preferences"; diff --git a/apps/mesh/src/web/layouts/agent-shell-layout.tsx b/apps/mesh/src/web/layouts/agent-shell-layout.tsx index ae45acca10..2d23c865b0 100644 --- a/apps/mesh/src/web/layouts/agent-shell-layout.tsx +++ b/apps/mesh/src/web/layouts/agent-shell-layout.tsx @@ -26,15 +26,15 @@ import { SidebarLayout, SidebarProvider, useSidebar, -} from "@deco/ui/components/sidebar.tsx"; -import { Sheet, SheetContent, SheetTitle } from "@deco/ui/components/sheet.tsx"; +} from "@decocms/ui/components/sidebar.tsx"; +import { Sheet, SheetContent, SheetTitle } from "@decocms/ui/components/sheet.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.js"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.js"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { AlertCircle, Browser, @@ -63,7 +63,7 @@ import { } from "@tanstack/react-router"; import { PropsWithChildren, Suspense, useTransition } from "react"; import { useStatusSounds } from "../hooks/use-status-sounds"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { EmptyState } from "@/web/components/empty-state"; import { computeDefaultSizes, diff --git a/apps/mesh/src/web/layouts/plugin-layout.tsx b/apps/mesh/src/web/layouts/plugin-layout.tsx index 7715a17b6f..aa4bb525bf 100644 --- a/apps/mesh/src/web/layouts/plugin-layout.tsx +++ b/apps/mesh/src/web/layouts/plugin-layout.tsx @@ -32,7 +32,7 @@ import { Loading01, Settings02 } from "@untitledui/icons"; import type { ReactNode } from "react"; import { useQuery } from "@tanstack/react-query"; import { KEYS } from "@/web/lib/query-keys"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Page } from "@/web/components/page"; interface PluginLayoutProps { diff --git a/apps/mesh/src/web/layouts/settings-layout.tsx b/apps/mesh/src/web/layouts/settings-layout.tsx index e79dd6c101..95ffd4993d 100644 --- a/apps/mesh/src/web/layouts/settings-layout.tsx +++ b/apps/mesh/src/web/layouts/settings-layout.tsx @@ -4,7 +4,7 @@ import { useRouterState, useParams, } from "@tanstack/react-router"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Sidebar, SidebarContent, @@ -17,8 +17,8 @@ import { SidebarMenuItem, SidebarProvider, useSidebar, -} from "@deco/ui/components/sidebar.tsx"; -import { Sheet, SheetContent, SheetTitle } from "@deco/ui/components/sheet.tsx"; +} from "@decocms/ui/components/sidebar.tsx"; +import { Sheet, SheetContent, SheetTitle } from "@decocms/ui/components/sheet.tsx"; import { PageContentClassNameProvider } from "@/web/components/page"; import { ArrowNarrowLeft, @@ -38,7 +38,7 @@ import { Zap, } from "@untitledui/icons"; import { useProjectContext } from "@decocms/mesh-sdk"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { Suspense } from "react"; import { pluginSettingsSidebarItems } from "@/web/index"; import { useStatusSounds } from "../hooks/use-status-sounds"; diff --git a/apps/mesh/src/web/routes/agent-home.tsx b/apps/mesh/src/web/routes/agent-home.tsx index 8e045d7d16..25943b2396 100644 --- a/apps/mesh/src/web/routes/agent-home.tsx +++ b/apps/mesh/src/web/routes/agent-home.tsx @@ -3,7 +3,7 @@ import { AutomationInlineDetail } from "@/web/views/automations/automations-tab" import { PreviewContent } from "@/web/components/vm/preview/preview"; import { ErrorBoundary } from "@/web/components/error-boundary"; import { EmptyState } from "@/web/components/empty-state"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { MessageChatCircle } from "@untitledui/icons"; import { lazy } from "react"; import { diff --git a/apps/mesh/src/web/routes/agents-list.tsx b/apps/mesh/src/web/routes/agents-list.tsx index 9deb179ee4..20a78198d7 100644 --- a/apps/mesh/src/web/routes/agents-list.tsx +++ b/apps/mesh/src/web/routes/agents-list.tsx @@ -26,14 +26,14 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; -import { SearchInput } from "@deco/ui/components/search-input.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; +import { SearchInput } from "@decocms/ui/components/search-input.tsx"; import { DropdownMenu, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { FolderClosed, Plus } from "@untitledui/icons"; import { toast } from "sonner"; import { GitHubRepoPicker } from "@/web/components/github-repo-picker.tsx"; diff --git a/apps/mesh/src/web/routes/onboarding.tsx b/apps/mesh/src/web/routes/onboarding.tsx index 1949993c44..1db1942567 100644 --- a/apps/mesh/src/web/routes/onboarding.tsx +++ b/apps/mesh/src/web/routes/onboarding.tsx @@ -1,10 +1,10 @@ import RequiredAuthLayout from "@/web/layouts/required-auth-layout"; import { authClient } from "@/web/lib/auth-client"; import { KEYS } from "@/web/lib/query-keys"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Building02, CheckCircle, diff --git a/apps/mesh/src/web/routes/orgs/collection-detail.tsx b/apps/mesh/src/web/routes/orgs/collection-detail.tsx index 8b61d7a3c2..b62c64fbe8 100644 --- a/apps/mesh/src/web/routes/orgs/collection-detail.tsx +++ b/apps/mesh/src/web/routes/orgs/collection-detail.tsx @@ -8,7 +8,7 @@ import { useProjectContext, } from "@decocms/mesh-sdk"; -import { EmptyState } from "@deco/ui/components/empty-state.tsx"; +import { EmptyState } from "@decocms/ui/components/empty-state.tsx"; import { Breadcrumb, BreadcrumbItem, @@ -16,7 +16,7 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@deco/ui/components/breadcrumb.tsx"; +} from "@decocms/ui/components/breadcrumb.tsx"; import { Loading01, Container } from "@untitledui/icons"; import { Link, useParams, useRouter } from "@tanstack/react-router"; import { Suspense, type ComponentType } from "react"; diff --git a/apps/mesh/src/web/routes/orgs/connections.tsx b/apps/mesh/src/web/routes/orgs/connections.tsx index 46f74cff5b..3248434668 100644 --- a/apps/mesh/src/web/routes/orgs/connections.tsx +++ b/apps/mesh/src/web/routes/orgs/connections.tsx @@ -1,6 +1,6 @@ import { generatePrefixedId } from "@/shared/utils/generate-id"; import { CollectionDisplayButton } from "@/web/components/collections/collection-display-button.tsx"; -import { SearchInput } from "@deco/ui/components/search-input.tsx"; +import { SearchInput } from "@decocms/ui/components/search-input.tsx"; import { CollectionTabs } from "@/web/components/collections/collection-tabs.tsx"; import { ConnectionCard } from "@/web/components/connections/connection-card.tsx"; import { EmptyState } from "@/web/components/empty-state.tsx"; @@ -29,9 +29,9 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Checkbox } from "@deco/ui/components/checkbox.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Checkbox } from "@decocms/ui/components/checkbox.tsx"; import { Dialog, DialogContent, @@ -39,7 +39,7 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Drawer, DrawerClose, @@ -48,14 +48,14 @@ import { DrawerFooter, DrawerHeader, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/drawer.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Form, FormControl, @@ -63,17 +63,17 @@ import { FormItem, FormLabel, FormMessage, -} from "@deco/ui/components/form.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +} from "@decocms/ui/components/form.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/select.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { SELF_MCP_ALIAS_ID, useConnectionActions, diff --git a/apps/mesh/src/web/routes/orgs/members.tsx b/apps/mesh/src/web/routes/orgs/members.tsx index e054d4daac..014a8e884a 100644 --- a/apps/mesh/src/web/routes/orgs/members.tsx +++ b/apps/mesh/src/web/routes/orgs/members.tsx @@ -1,5 +1,5 @@ import { CollectionDisplayButton } from "@/web/components/collections/collection-display-button.tsx"; -import { SearchInput } from "@deco/ui/components/search-input.tsx"; +import { SearchInput } from "@decocms/ui/components/search-input.tsx"; import { Page } from "@/web/components/page"; import { CollectionTableWrapper } from "@/web/components/collections/collection-table-wrapper.tsx"; import { ManageRolesDialog } from "@/web/components/manage-roles-dialog"; @@ -20,7 +20,7 @@ import { TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { AlertDialog, AlertDialogAction, @@ -30,11 +30,11 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import type { TableColumn } from "@/web/components/collections/collection-table.tsx"; import { DropdownMenu, @@ -45,7 +45,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { DotsVertical, SwitchHorizontal01, @@ -61,8 +61,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/select.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useMutation, useQueryClient } from "@tanstack/react-query"; import { Suspense, useState } from "react"; import { toast } from "sonner"; diff --git a/apps/mesh/src/web/routes/orgs/monitoring/audit.tsx b/apps/mesh/src/web/routes/orgs/monitoring/audit.tsx index 0907f0c32b..40578d7ad1 100644 --- a/apps/mesh/src/web/routes/orgs/monitoring/audit.tsx +++ b/apps/mesh/src/web/routes/orgs/monitoring/audit.tsx @@ -7,20 +7,20 @@ import type { useConnections, useVirtualMCPs } from "@decocms/mesh-sdk"; import { useMCPClient } from "@decocms/mesh-sdk"; import type { useProjectContext } from "@decocms/mesh-sdk"; import { useQuery, useSuspenseInfiniteQuery } from "@tanstack/react-query"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Sheet, SheetContent, SheetHeader, SheetTitle, -} from "@deco/ui/components/sheet.tsx"; +} from "@decocms/ui/components/sheet.tsx"; import { Table, TableBody, TableHead, TableHeader, TableRow, -} from "@deco/ui/components/table.tsx"; +} from "@decocms/ui/components/table.tsx"; import { ChevronUp, ChevronDown } from "@untitledui/icons"; import { EmptyState } from "@/web/components/empty-state.tsx"; import { LogRow } from "@/web/components/monitoring/log-row.tsx"; diff --git a/apps/mesh/src/web/routes/orgs/monitoring/index.tsx b/apps/mesh/src/web/routes/orgs/monitoring/index.tsx index dc71a91683..9745f20614 100644 --- a/apps/mesh/src/web/routes/orgs/monitoring/index.tsx +++ b/apps/mesh/src/web/routes/orgs/monitoring/index.tsx @@ -4,7 +4,7 @@ * Tab switcher + shared state. Delegates to overview, audit, and threads tabs. */ -import { SearchInput } from "@deco/ui/components/search-input.tsx"; +import { SearchInput } from "@decocms/ui/components/search-input.tsx"; import { Page } from "@/web/components/page"; import { EmptyState } from "@/web/components/empty-state.tsx"; import { ErrorBoundary } from "@/web/components/error-boundary"; @@ -29,43 +29,43 @@ import { useProjectContext, useVirtualMCPs, } from "@decocms/mesh-sdk"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { FilterLines, Container } from "@untitledui/icons"; -import { Input } from "@deco/ui/components/input.tsx"; -import { MultiSelect } from "@deco/ui/components/multi-select.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { MultiSelect } from "@decocms/ui/components/multi-select.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; +} from "@decocms/ui/components/select.tsx"; import { TimeRangePicker, type TimeRange as TimeRangeValue, -} from "@deco/ui/components/time-range-picker.tsx"; -import { expressionToDate } from "@deco/ui/lib/time-expressions.ts"; +} from "@decocms/ui/components/time-range-picker.tsx"; +import { expressionToDate } from "@decocms/ui/lib/time-expressions.ts"; import { useNavigate, useSearch } from "@tanstack/react-router"; import { Suspense, useRef, useState } from "react"; import { Plus, Trash01, Code01, Grid01 } from "@untitledui/icons"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { CollectionTabs } from "@/web/components/collections/collection-tabs.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; import { OverviewTabContent, OverviewTabSkeleton } from "./overview.tsx"; import { AuditTabContent, MonitoringLogsTable } from "./audit.tsx"; diff --git a/apps/mesh/src/web/routes/orgs/monitoring/overview.tsx b/apps/mesh/src/web/routes/orgs/monitoring/overview.tsx index 5e1fd0774b..a1fa920cfc 100644 --- a/apps/mesh/src/web/routes/orgs/monitoring/overview.tsx +++ b/apps/mesh/src/web/routes/orgs/monitoring/overview.tsx @@ -7,15 +7,15 @@ import { useState } from "react"; import type { useConnections } from "@decocms/mesh-sdk"; import { useProjectContext } from "@decocms/mesh-sdk"; import { useNavigate } from "@tanstack/react-router"; -import { Card } from "@deco/ui/components/card.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/select.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Container } from "@untitledui/icons"; import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; import { diff --git a/apps/mesh/src/web/routes/orgs/monitoring/threads.tsx b/apps/mesh/src/web/routes/orgs/monitoring/threads.tsx index debe009543..ec0a677b5c 100644 --- a/apps/mesh/src/web/routes/orgs/monitoring/threads.tsx +++ b/apps/mesh/src/web/routes/orgs/monitoring/threads.tsx @@ -9,28 +9,28 @@ import { useInfiniteQuery, useSuspenseInfiniteQuery, } from "@tanstack/react-query"; -import { Button } from "@deco/ui/components/button.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { Badge } from "@deco/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Badge } from "@decocms/ui/components/badge.tsx"; import { Sheet, SheetContent, SheetHeader, SheetTitle, -} from "@deco/ui/components/sheet.tsx"; +} from "@decocms/ui/components/sheet.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { MultiSelect } from "@deco/ui/components/multi-select.tsx"; +} from "@decocms/ui/components/select.tsx"; +import { MultiSelect } from "@decocms/ui/components/multi-select.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { Table, TableBody, @@ -38,8 +38,8 @@ import { TableHead, TableHeader, TableRow, -} from "@deco/ui/components/table.tsx"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; +} from "@decocms/ui/components/table.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; import { ChevronUp, ChevronDown, diff --git a/apps/mesh/src/web/routes/reset-password.tsx b/apps/mesh/src/web/routes/reset-password.tsx index a5efb7b8d8..39b28e89c9 100644 --- a/apps/mesh/src/web/routes/reset-password.tsx +++ b/apps/mesh/src/web/routes/reset-password.tsx @@ -2,8 +2,8 @@ import { useState } from "react"; import { useMutation } from "@tanstack/react-query"; import { useNavigate, useSearch } from "@tanstack/react-router"; import { authClient } from "@/web/lib/auth-client"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; export default function ResetPasswordRoute() { const { token, error: tokenError } = useSearch({ from: "/reset-password" }); diff --git a/apps/mesh/src/web/views/automations/agent-automations.tsx b/apps/mesh/src/web/views/automations/agent-automations.tsx index c6c6bb0492..8b5964f42a 100644 --- a/apps/mesh/src/web/views/automations/agent-automations.tsx +++ b/apps/mesh/src/web/views/automations/agent-automations.tsx @@ -6,7 +6,7 @@ import { BreadcrumbItem, BreadcrumbList, BreadcrumbPage, -} from "@deco/ui/components/breadcrumb.tsx"; +} from "@decocms/ui/components/breadcrumb.tsx"; import { Loading01 } from "@untitledui/icons"; import { useMatch, useSearch } from "@tanstack/react-router"; import { Suspense } from "react"; diff --git a/apps/mesh/src/web/views/automations/automation-detail.tsx b/apps/mesh/src/web/views/automations/automation-detail.tsx index f14a3fc9c7..832c2f312a 100644 --- a/apps/mesh/src/web/views/automations/automation-detail.tsx +++ b/apps/mesh/src/web/views/automations/automation-detail.tsx @@ -19,14 +19,14 @@ import { } from "@/web/hooks/use-automations"; import { useChatTask, useChatPrefs } from "@/web/components/chat/context"; import { usePreferences } from "@/web/hooks/use-preferences"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { getDecopilotId, useConnections, @@ -80,7 +80,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; +} from "@decocms/ui/components/select.tsx"; // ============================================================================ // Event Trigger Form diff --git a/apps/mesh/src/web/views/automations/automations-tab.tsx b/apps/mesh/src/web/views/automations/automations-tab.tsx index 2919118487..7724fe1d00 100644 --- a/apps/mesh/src/web/views/automations/automations-tab.tsx +++ b/apps/mesh/src/web/views/automations/automations-tab.tsx @@ -22,15 +22,15 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { DotsVertical, Eye, diff --git a/apps/mesh/src/web/views/registry/broken-mcp-list.tsx b/apps/mesh/src/web/views/registry/broken-mcp-list.tsx index 0942e926e8..2fc587712c 100644 --- a/apps/mesh/src/web/views/registry/broken-mcp-list.tsx +++ b/apps/mesh/src/web/views/registry/broken-mcp-list.tsx @@ -1,8 +1,8 @@ import { useState } from "react"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import type { MonitorResult } from "@/web/lib/registry/types"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; export function BrokenMCPList({ results }: { results: MonitorResult[] }) { if (results.length === 0) { diff --git a/apps/mesh/src/web/views/registry/cron-schedule-selector.tsx b/apps/mesh/src/web/views/registry/cron-schedule-selector.tsx index b82a2463cb..e623ba8c87 100644 --- a/apps/mesh/src/web/views/registry/cron-schedule-selector.tsx +++ b/apps/mesh/src/web/views/registry/cron-schedule-selector.tsx @@ -1,5 +1,5 @@ -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; type CronFrequency = "daily" | "weekly" | "biweekly" | "monthly" | "custom"; diff --git a/apps/mesh/src/web/views/registry/csv-import-dialog.tsx b/apps/mesh/src/web/views/registry/csv-import-dialog.tsx index a8e34be032..1cbdfab11e 100644 --- a/apps/mesh/src/web/views/registry/csv-import-dialog.tsx +++ b/apps/mesh/src/web/views/registry/csv-import-dialog.tsx @@ -1,6 +1,6 @@ import { useRef, useState } from "react"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Dialog, DialogContent, @@ -8,7 +8,7 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Table, TableBody, @@ -16,7 +16,7 @@ import { TableHead, TableHeader, TableRow, -} from "@deco/ui/components/table.tsx"; +} from "@decocms/ui/components/table.tsx"; import { AlertCircle, CheckCircle, diff --git a/apps/mesh/src/web/views/registry/delete-confirm-dialog.tsx b/apps/mesh/src/web/views/registry/delete-confirm-dialog.tsx index becab85d05..8b4bfda656 100644 --- a/apps/mesh/src/web/views/registry/delete-confirm-dialog.tsx +++ b/apps/mesh/src/web/views/registry/delete-confirm-dialog.tsx @@ -7,7 +7,7 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; interface DeleteConfirmDialogProps { open: boolean; diff --git a/apps/mesh/src/web/views/registry/image-upload.tsx b/apps/mesh/src/web/views/registry/image-upload.tsx index 37abb9922d..e2b50713dd 100644 --- a/apps/mesh/src/web/views/registry/image-upload.tsx +++ b/apps/mesh/src/web/views/registry/image-upload.tsx @@ -1,7 +1,7 @@ import { useRef, useState } from "react"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; import { ImagePlus, RefreshCcw01, @@ -9,7 +9,7 @@ import { Link01, Loading01, } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; interface ImageUploadProps { value: string; diff --git a/apps/mesh/src/web/views/registry/monitor-configuration.tsx b/apps/mesh/src/web/views/registry/monitor-configuration.tsx index d8b9c5df5b..23ba63a24f 100644 --- a/apps/mesh/src/web/views/registry/monitor-configuration.tsx +++ b/apps/mesh/src/web/views/registry/monitor-configuration.tsx @@ -1,15 +1,15 @@ import { useRef, useState } from "react"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; import { MessageQuestionCircle } from "@untitledui/icons"; import { useMonitorScheduleCancel, diff --git a/apps/mesh/src/web/views/registry/monitor-connections-panel.tsx b/apps/mesh/src/web/views/registry/monitor-connections-panel.tsx index 78bf30d04b..4dd626cbae 100644 --- a/apps/mesh/src/web/views/registry/monitor-connections-panel.tsx +++ b/apps/mesh/src/web/views/registry/monitor-connections-panel.tsx @@ -1,16 +1,16 @@ import { useState } from "react"; import { authenticateMcp, isConnectionAuthenticated } from "@decocms/mesh-sdk"; import { useQuery } from "@tanstack/react-query"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { toast } from "sonner"; import { useSyncMonitorConnections, @@ -20,7 +20,7 @@ import { useUpdateMonitorConnectionAuth, } from "@/web/hooks/registry/use-monitor"; import { KEYS } from "@/web/lib/registry/query-keys"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useRegistryMutations } from "@/web/hooks/registry/use-registry"; import type { MonitorConnectionAuthStatus, diff --git a/apps/mesh/src/web/views/registry/monitor-dashboard.tsx b/apps/mesh/src/web/views/registry/monitor-dashboard.tsx index 9d4e3428d8..312d0e0316 100644 --- a/apps/mesh/src/web/views/registry/monitor-dashboard.tsx +++ b/apps/mesh/src/web/views/registry/monitor-dashboard.tsx @@ -8,10 +8,10 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import { useRegistryMonitorConfig, useMonitorResults, @@ -26,7 +26,7 @@ import type { MonitorResult, MonitorToolResult, } from "@/web/lib/registry/types"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { collapseLatestToolResults, formatMonitorDuration, diff --git a/apps/mesh/src/web/views/registry/monitor-run-detail.tsx b/apps/mesh/src/web/views/registry/monitor-run-detail.tsx index 03983fbee7..fb477e8f11 100644 --- a/apps/mesh/src/web/views/registry/monitor-run-detail.tsx +++ b/apps/mesh/src/web/views/registry/monitor-run-detail.tsx @@ -1,8 +1,8 @@ import { useState } from "react"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useMonitorResults, useMonitorRun, diff --git a/apps/mesh/src/web/views/registry/monitor-run-history.tsx b/apps/mesh/src/web/views/registry/monitor-run-history.tsx index 9bda13ebb9..e76e1cd727 100644 --- a/apps/mesh/src/web/views/registry/monitor-run-history.tsx +++ b/apps/mesh/src/web/views/registry/monitor-run-history.tsx @@ -1,8 +1,8 @@ -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import { useMonitorRuns } from "@/web/hooks/registry/use-monitor"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { formatMonitorDuration, monitorStatusBadgeClass, diff --git a/apps/mesh/src/web/views/registry/registry-item-card.tsx b/apps/mesh/src/web/views/registry/registry-item-card.tsx index 227aae974b..87b87945cb 100644 --- a/apps/mesh/src/web/views/registry/registry-item-card.tsx +++ b/apps/mesh/src/web/views/registry/registry-item-card.tsx @@ -1,12 +1,12 @@ -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { CheckVerified02, DotsVertical, diff --git a/apps/mesh/src/web/views/registry/registry-item-dialog.tsx b/apps/mesh/src/web/views/registry/registry-item-dialog.tsx index 2a9855810e..388009c417 100644 --- a/apps/mesh/src/web/views/registry/registry-item-dialog.tsx +++ b/apps/mesh/src/web/views/registry/registry-item-dialog.tsx @@ -1,6 +1,6 @@ import { useRef, useState } from "react"; -import { Button } from "@deco/ui/components/button.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Dialog, DialogContent, @@ -8,19 +8,19 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +} from "@decocms/ui/components/dialog.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; +} from "@decocms/ui/components/select.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; import { AlertCircle, ArrowLeft, diff --git a/apps/mesh/src/web/views/registry/registry-items-page.tsx b/apps/mesh/src/web/views/registry/registry-items-page.tsx index 44b9e5e19a..c29146dda7 100644 --- a/apps/mesh/src/web/views/registry/registry-items-page.tsx +++ b/apps/mesh/src/web/views/registry/registry-items-page.tsx @@ -1,8 +1,8 @@ import { useDeferredValue, useRef, useState } from "react"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { DropdownMenu, DropdownMenuCheckboxItem, @@ -11,7 +11,7 @@ import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; import { Table, TableBody, @@ -19,12 +19,12 @@ import { TableHead, TableHeader, TableRow, -} from "@deco/ui/components/table.tsx"; +} from "@decocms/ui/components/table.tsx"; import { ToggleGroup, ToggleGroupItem, -} from "@deco/ui/components/toggle-group.tsx"; -import { useViewMode } from "@deco/ui/hooks/use-view-mode.ts"; +} from "@decocms/ui/components/toggle-group.tsx"; +import { useViewMode } from "@decocms/ui/hooks/use-view-mode.ts"; import { toast } from "sonner"; import { DotsVertical, diff --git a/apps/mesh/src/web/views/registry/registry-layout.tsx b/apps/mesh/src/web/views/registry/registry-layout.tsx index 6e77ce3b13..973e0d268d 100644 --- a/apps/mesh/src/web/views/registry/registry-layout.tsx +++ b/apps/mesh/src/web/views/registry/registry-layout.tsx @@ -1,5 +1,5 @@ import { useState, type ComponentType } from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ArrowNarrowLeft, CheckCircle, diff --git a/apps/mesh/src/web/views/registry/registry-monitor-page.tsx b/apps/mesh/src/web/views/registry/registry-monitor-page.tsx index b7f570cf12..8d1d8f6891 100644 --- a/apps/mesh/src/web/views/registry/registry-monitor-page.tsx +++ b/apps/mesh/src/web/views/registry/registry-monitor-page.tsx @@ -1,6 +1,6 @@ import { useState } from "react"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { BrokenMCPList } from "./broken-mcp-list"; import { MonitorConfiguration } from "./monitor-configuration"; import { MonitorConnectionsPanel } from "./monitor-connections-panel"; diff --git a/apps/mesh/src/web/views/registry/registry-requests-page.tsx b/apps/mesh/src/web/views/registry/registry-requests-page.tsx index d7b12eeb0c..793df316f7 100644 --- a/apps/mesh/src/web/views/registry/registry-requests-page.tsx +++ b/apps/mesh/src/web/views/registry/registry-requests-page.tsx @@ -8,11 +8,11 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Checkbox } from "@deco/ui/components/checkbox.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Checkbox } from "@decocms/ui/components/checkbox.tsx"; import { Dialog, DialogContent, @@ -20,8 +20,8 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +} from "@decocms/ui/components/dialog.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; import { Table, TableBody, @@ -29,8 +29,8 @@ import { TableHead, TableHeader, TableRow, -} from "@deco/ui/components/table.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +} from "@decocms/ui/components/table.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { CheckCircle, Eye, diff --git a/apps/mesh/src/web/views/registry/registry-settings-page.tsx b/apps/mesh/src/web/views/registry/registry-settings-page.tsx index 9ee05ff829..3533d8f7d0 100644 --- a/apps/mesh/src/web/views/registry/registry-settings-page.tsx +++ b/apps/mesh/src/web/views/registry/registry-settings-page.tsx @@ -1,9 +1,9 @@ import { useState } from "react"; import { useProjectContext } from "@decocms/mesh-sdk"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { AlertDialog, AlertDialogAction, @@ -13,10 +13,10 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { useCopy } from "@deco/ui/hooks/use-copy.ts"; -import { Label } from "@deco/ui/components/label.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { useCopy } from "@decocms/ui/hooks/use-copy.ts"; +import { Label } from "@decocms/ui/components/label.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; import { Check, Copy01, diff --git a/apps/mesh/src/web/views/registry/tools-editor.tsx b/apps/mesh/src/web/views/registry/tools-editor.tsx index 5d0910c94b..d0fe312a6e 100644 --- a/apps/mesh/src/web/views/registry/tools-editor.tsx +++ b/apps/mesh/src/web/views/registry/tools-editor.tsx @@ -1,6 +1,6 @@ import { useState } from "react"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Badge } from "@deco/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; import { Loading01, RefreshCcw01, diff --git a/apps/mesh/src/web/views/settings/org-ai-providers.tsx b/apps/mesh/src/web/views/settings/org-ai-providers.tsx index db023f7ef2..1fcf2808d1 100644 --- a/apps/mesh/src/web/views/settings/org-ai-providers.tsx +++ b/apps/mesh/src/web/views/settings/org-ai-providers.tsx @@ -14,15 +14,15 @@ import { RefreshCw01, } from "@untitledui/icons"; import { Page } from "@/web/components/page"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { ToggleGroup, ToggleGroupItem, -} from "@deco/ui/components/toggle-group.tsx"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; +} from "@decocms/ui/components/toggle-group.tsx"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; import { Dialog, DialogContent, @@ -30,7 +30,7 @@ import { DialogTitle, DialogDescription, DialogFooter, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { AlertDialog, AlertDialogAction, @@ -40,7 +40,7 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; import { useAiProviders, useAiProviderKeys, @@ -52,7 +52,7 @@ import { useProjectContext, } from "@decocms/mesh-sdk"; import { KEYS } from "@/web/lib/query-keys"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { ErrorBoundary } from "@/web/components/error-boundary"; function ErrorFallback({ error }: { error: Error }) { diff --git a/apps/mesh/src/web/views/settings/org-brand-context.tsx b/apps/mesh/src/web/views/settings/org-brand-context.tsx index 168d8ae4e2..bc130b3df9 100644 --- a/apps/mesh/src/web/views/settings/org-brand-context.tsx +++ b/apps/mesh/src/web/views/settings/org-brand-context.tsx @@ -18,10 +18,10 @@ import { Globe02, Zap, } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { toast } from "sonner"; import { Page } from "@/web/components/page"; import { KEYS } from "@/web/lib/query-keys"; diff --git a/apps/mesh/src/web/views/settings/org-sso.tsx b/apps/mesh/src/web/views/settings/org-sso.tsx index 6e961d453b..004b7bf9ba 100644 --- a/apps/mesh/src/web/views/settings/org-sso.tsx +++ b/apps/mesh/src/web/views/settings/org-sso.tsx @@ -1,10 +1,10 @@ import { useState } from "react"; import { toast } from "sonner"; import { Page } from "@/web/components/page"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; import { useProjectContext } from "@decocms/mesh-sdk"; import { useOrgSsoConfig, diff --git a/apps/mesh/src/web/views/settings/org-store.tsx b/apps/mesh/src/web/views/settings/org-store.tsx index 316ce1a173..5d484b4d77 100644 --- a/apps/mesh/src/web/views/settings/org-store.tsx +++ b/apps/mesh/src/web/views/settings/org-store.tsx @@ -3,17 +3,17 @@ import { useQueryClient, useMutation } from "@tanstack/react-query"; import { useNavigate, useParams } from "@tanstack/react-router"; import { toast } from "sonner"; import { AlertCircle, ChevronRight, Plus, Trash01 } from "@untitledui/icons"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card } from "@deco/ui/components/card.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card } from "@decocms/ui/components/card.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; +} from "@decocms/ui/components/popover.tsx"; import { useProjectContext, WellKnownOrgMCPId, diff --git a/apps/mesh/src/web/views/settings/profile-preferences.tsx b/apps/mesh/src/web/views/settings/profile-preferences.tsx index 056ba3c786..299f516ab5 100644 --- a/apps/mesh/src/web/views/settings/profile-preferences.tsx +++ b/apps/mesh/src/web/views/settings/profile-preferences.tsx @@ -1,27 +1,27 @@ import { useState } from "react"; import { Page } from "@/web/components/page"; -import { Avatar } from "@deco/ui/components/avatar.tsx"; +import { Avatar } from "@decocms/ui/components/avatar.tsx"; import { Card, CardContent, CardFooter, CardHeader, CardTitle, -} from "@deco/ui/components/card.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; +} from "@decocms/ui/components/card.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, -} from "@deco/ui/components/select.tsx"; +} from "@decocms/ui/components/select.tsx"; import { ToggleGroup, ToggleGroupItem, -} from "@deco/ui/components/toggle-group.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +} from "@decocms/ui/components/toggle-group.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; import { Moon01, Monitor01, Play, Sun } from "@untitledui/icons"; import { authClient } from "@/web/lib/auth-client"; import { @@ -29,9 +29,9 @@ import { type ThemeMode, type ToolApprovalLevel, } from "@/web/hooks/use-preferences.ts"; -import { playSound } from "@deco/ui/lib/sound-engine.ts"; -import { question004Sound } from "@deco/ui/lib/question-004.ts"; -import { toast } from "@deco/ui/components/sonner.js"; +import { playSound } from "@decocms/ui/lib/sound-engine.ts"; +import { question004Sound } from "@decocms/ui/lib/question-004.ts"; +import { toast } from "@decocms/ui/components/sonner.js"; function PreferenceRow({ label, diff --git a/apps/mesh/src/web/views/virtual-mcp/add-connection-dialog.tsx b/apps/mesh/src/web/views/virtual-mcp/add-connection-dialog.tsx index 1cfc24fd5d..c8310867d0 100644 --- a/apps/mesh/src/web/views/virtual-mcp/add-connection-dialog.tsx +++ b/apps/mesh/src/web/views/virtual-mcp/add-connection-dialog.tsx @@ -21,15 +21,15 @@ import { import { getGitHubAvatarUrl } from "@/web/utils/github"; import { useEnabledRegistries } from "@/web/hooks/use-enabled-registries"; import { useMergedStoreDiscovery } from "@/web/hooks/use-merged-store-discovery"; -import { Badge } from "@deco/ui/components/badge.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Dialog, DialogContent, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/dialog.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { type ConnectionEntity, SELF_MCP_ALIAS_ID, diff --git a/apps/mesh/src/web/views/virtual-mcp/dependency-selection-dialog.tsx b/apps/mesh/src/web/views/virtual-mcp/dependency-selection-dialog.tsx index c5aede09bc..328307f884 100644 --- a/apps/mesh/src/web/views/virtual-mcp/dependency-selection-dialog.tsx +++ b/apps/mesh/src/web/views/virtual-mcp/dependency-selection-dialog.tsx @@ -3,14 +3,14 @@ import { ToolAnnotationBadges } from "@/web/components/tools"; import { ErrorBoundary } from "@/web/components/error-boundary"; import { IntegrationIcon } from "@/web/components/integration-icon.tsx"; import { useMCPAuthStatus } from "@/web/hooks/use-mcp-auth-status"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Checkbox } from "@deco/ui/components/checkbox.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Checkbox } from "@decocms/ui/components/checkbox.tsx"; import { Dialog, DialogContent, DialogFooter, -} from "@deco/ui/components/dialog.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/dialog.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { useConnection, useMCPClient, diff --git a/apps/mesh/src/web/views/virtual-mcp/index.tsx b/apps/mesh/src/web/views/virtual-mcp/index.tsx index 8ffe8f5ce7..9876a69bdf 100644 --- a/apps/mesh/src/web/views/virtual-mcp/index.tsx +++ b/apps/mesh/src/web/views/virtual-mcp/index.tsx @@ -25,26 +25,26 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@deco/ui/components/alert-dialog.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Card, CardContent, CardHeader } from "@deco/ui/components/card.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { Label } from "@deco/ui/components/label.tsx"; +} from "@decocms/ui/components/alert-dialog.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card, CardContent, CardHeader } from "@decocms/ui/components/card.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from "@deco/ui/components/select.tsx"; -import { Switch } from "@deco/ui/components/switch.tsx"; -import { Textarea } from "@deco/ui/components/textarea.tsx"; +} from "@decocms/ui/components/select.tsx"; +import { Switch } from "@decocms/ui/components/switch.tsx"; +import { Textarea } from "@decocms/ui/components/textarea.tsx"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/tooltip.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { type ConnectionEntity, getDecopilotId, diff --git a/apps/mesh/src/web/views/virtual-mcp/virtual-mcp-share-modal.tsx b/apps/mesh/src/web/views/virtual-mcp/virtual-mcp-share-modal.tsx index c2a9531ce3..820971f696 100644 --- a/apps/mesh/src/web/views/virtual-mcp/virtual-mcp-share-modal.tsx +++ b/apps/mesh/src/web/views/virtual-mcp/virtual-mcp-share-modal.tsx @@ -1,17 +1,17 @@ import { slugify } from "@/shared/utils/slugify"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Dialog, DialogContent, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { Drawer, DrawerContent, DrawerTitle, -} from "@deco/ui/components/drawer.tsx"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; +} from "@decocms/ui/components/drawer.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; import { SELF_MCP_ALIAS_ID, useMCPClient, @@ -19,7 +19,7 @@ import { } from "@decocms/mesh-sdk"; import type { VirtualMCPEntity } from "@decocms/mesh-sdk"; import { Check, Copy01, Key01, Loading01 } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Suspense, useState } from "react"; import { toast } from "sonner"; diff --git a/bun.lock b/bun.lock index 6fca37ca33..c520682fe9 100644 --- a/bun.lock +++ b/bun.lock @@ -53,7 +53,7 @@ }, "apps/mesh": { "name": "decocms", - "version": "2.261.0", + "version": "2.266.0", "bin": { "deco": "./dist/server/cli.js", }, @@ -94,12 +94,12 @@ "@anthropic-ai/claude-agent-sdk": "^0.2.80", "@better-auth/sso": "1.4.1", "@daveyplate/better-auth-ui": "^3.2.7", - "@deco/ui": "workspace:*", "@decocms/better-auth": "1.5.17", "@decocms/bindings": "workspace:*", "@decocms/mcp-utils": "workspace:*", "@decocms/mesh-sdk": "workspace:*", "@decocms/runtime": "workspace:*", + "@decocms/ui": "workspace:*", "@decocms/vite-plugin": "workspace:*", "@electric-sql/pglite": "^0.3.15", "@floating-ui/react": "^0.27.16", @@ -187,6 +187,25 @@ "@duckdb/node-api": "^1.5.0-r.1", }, }, + "apps/ui-playground": { + "name": "@decocms/ui-playground", + "version": "0.0.0", + "dependencies": { + "@decocms/ui": "workspace:*", + "next-themes": "^0.4.6", + "react": "^19.2.0", + "react-dom": "^19.2.0", + }, + "devDependencies": { + "@tailwindcss/vite": "^4.1.17", + "@types/react": "^19.2.0", + "@types/react-dom": "^19.0.4", + "@vitejs/plugin-react": "^5.1.0", + "tailwindcss": "^4.1.17", + "typescript": "^5.9.3", + "vite": "^7.2.1", + }, + }, "packages/bindings": { "name": "@decocms/bindings", "version": "1.4.1", @@ -269,7 +288,7 @@ }, "packages/runtime": { "name": "@decocms/runtime", - "version": "1.4.0", + "version": "1.5.0", "dependencies": { "@ai-sdk/provider": "^3.0.0", "@cloudflare/workers-types": "^4.20250617.0", @@ -309,8 +328,8 @@ }, }, "packages/ui": { - "name": "@deco/ui", - "version": "1.0.0", + "name": "@decocms/ui", + "version": "0.1.0", "dependencies": { "@radix-ui/react-accordion": "^1.2.3", "@radix-ui/react-alert-dialog": "^1.1.6", @@ -346,10 +365,7 @@ "date-fns": "^3.0.0", "embla-carousel-react": "^8.5.2", "input-otp": "^1.4.2", - "next-themes": "^0.4.6", - "react": "^19.2.0", "react-day-picker": "^8.10.1", - "react-dom": "^19.2.0", "react-hook-form": "^7.55.0", "react-markdown": "^10.1.0", "recharts": "2.15.1", @@ -363,6 +379,15 @@ "devDependencies": { "tailwindcss": "^4.1.1", }, + "peerDependencies": { + "next-themes": ">=0.4.0", + "react": ">=19.0.0", + "react-dom": ">=19.0.0", + "tailwindcss": ">=4.0.0", + }, + "optionalPeers": [ + "next-themes", + ], }, "packages/vite-plugin-deco": { "name": "@decocms/vite-plugin", @@ -638,8 +663,6 @@ "@daveyplate/better-auth-ui": ["@daveyplate/better-auth-ui@3.3.15", "", { "dependencies": { "@better-fetch/fetch": "^1.1.21", "@hcaptcha/react-hcaptcha": "^1.17.1", "@noble/hashes": "^2.0.1", "@react-email/components": "^1.0.1", "@wojtekmaj/react-recaptcha-v3": "^0.1.4", "react-google-recaptcha": "^3.1.0", "react-qr-code": "^2.0.18", "ua-parser-js": "^2.0.7", "vaul": "^1.1.2" }, "peerDependencies": { "@better-auth/passkey": ">=1.4.6", "@captchafox/react": "^1.10.0", "@daveyplate/better-auth-tanstack": "^1.3.6", "@hookform/resolvers": ">=5.2.0", "@instantdb/react": ">=0.18.0", "@marsidev/react-turnstile": ">=1.1.0", "@radix-ui/react-avatar": ">=1.1.0", "@radix-ui/react-checkbox": ">=1.1.0", "@radix-ui/react-context": ">=1.1.0", "@radix-ui/react-dialog": ">=1.1.0", "@radix-ui/react-dropdown-menu": ">=2.1.0", "@radix-ui/react-label": ">=2.1.0", "@radix-ui/react-primitive": ">=2.0.0", "@radix-ui/react-select": ">=2.2.0", "@radix-ui/react-separator": ">=1.1.0", "@radix-ui/react-slot": ">=1.1.0", "@radix-ui/react-tabs": ">=1.1.0", "@radix-ui/react-tooltip": ">=1.2.0", "@radix-ui/react-use-callback-ref": ">=1.1.0", "@radix-ui/react-use-layout-effect": ">=1.1.0", "@tanstack/react-query": ">=5.66.0", "@triplit/client": ">=1.0.0", "@triplit/react": ">=1.0.0", "better-auth": "^1.4.6", "class-variance-authority": ">=0.7.0", "clsx": ">=2.1.0", "input-otp": ">=1.4.0", "lucide-react": ">=0.469.0", "react": ">=18.0.0", "react-dom": ">=18.0.0", "react-hook-form": ">=7.55.0", "sonner": ">=1.7.0", "tailwind-merge": ">=2.6.0", "tailwindcss": ">=3.0.0", "zod": ">=3.0.0" } }, "sha512-vvsQ70EJha+WTBKjLbw4U/ycRjL0IgKHZ3RphZAONGnR/2BfdfVn8CEfrrsydmkYKMB8HGxtoMiU7/uu3qD72g=="], - "@deco/ui": ["@deco/ui@workspace:packages/ui"], - "@decocms/benchmark": ["@decocms/benchmark@workspace:apps/benchmark"], "@decocms/better-auth": ["@decocms/better-auth@1.5.17", "", { "dependencies": { "@better-auth/core": "1.4.6-beta.3", "@better-auth/telemetry": "1.4.6-beta.3", "@better-auth/utils": "0.3.0", "@better-fetch/fetch": "1.1.18", "@noble/ciphers": "^2.0.0", "@noble/hashes": "^2.0.0", "better-call": "1.1.5", "defu": "^6.1.4", "jose": "^6.1.0", "kysely": "^0.28.5", "ms": "4.0.0-nightly.202508271359", "nanostores": "^1.0.1", "zod": "^4.1.12" }, "peerDependencies": { "@lynx-js/react": "*", "@sveltejs/kit": "^2.0.0", "@tanstack/react-start": "^1.0.0", "next": "^14.0.0 || ^15.0.0 || ^16.0.0", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0", "solid-js": "^1.0.0", "svelte": "^4.0.0 || ^5.0.0", "vue": "^3.0.0" }, "optionalPeers": ["@lynx-js/react", "@sveltejs/kit", "@tanstack/react-start", "next", "react", "react-dom", "solid-js", "svelte", "vue"] }, "sha512-7AiNXIX51oYMUeNSPNLHDcr/uvQEs+acAfoD2g41Rv+u9DKbOZy6Vh869yAcUNNqzRMWmF4RqvRK3woVUzM5ww=="], @@ -656,6 +679,10 @@ "@decocms/typegen": ["@decocms/typegen@workspace:packages/typegen"], + "@decocms/ui": ["@decocms/ui@workspace:packages/ui"], + + "@decocms/ui-playground": ["@decocms/ui-playground@workspace:apps/ui-playground"], + "@decocms/vite-plugin": ["@decocms/vite-plugin@workspace:packages/vite-plugin-deco"], "@dnd-kit/accessibility": ["@dnd-kit/accessibility@3.1.1", "", { "dependencies": { "tslib": "^2.0.0" }, "peerDependencies": { "react": ">=16.8.0" } }, "sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw=="], diff --git a/packages/mesh-sdk/src/hooks/use-collections.ts b/packages/mesh-sdk/src/hooks/use-collections.ts index 26bb7d853a..333e6b20c2 100644 --- a/packages/mesh-sdk/src/hooks/use-collections.ts +++ b/packages/mesh-sdk/src/hooks/use-collections.ts @@ -38,7 +38,7 @@ export type CollectionEntity = Omit & { }; /** - * Filter definition for collection queries (matches @deco/ui Filter shape) + * Filter definition for collection queries (matches @decocms/ui Filter shape) */ export interface CollectionFilter { /** Field to filter on (must match an entity property) */ diff --git a/packages/mesh-sdk/src/hooks/use-connection.ts b/packages/mesh-sdk/src/hooks/use-connection.ts index 4d8e4ec399..d917f452af 100644 --- a/packages/mesh-sdk/src/hooks/use-connection.ts +++ b/packages/mesh-sdk/src/hooks/use-connection.ts @@ -18,7 +18,7 @@ import { useMCPClient } from "./use-mcp-client"; import { SELF_MCP_ALIAS_ID } from "../lib/constants"; /** - * Filter definition for connections (matches @deco/ui Filter shape) + * Filter definition for connections (matches @decocms/ui Filter shape) */ export type ConnectionFilter = CollectionFilter; diff --git a/packages/mesh-sdk/src/hooks/use-virtual-mcp.ts b/packages/mesh-sdk/src/hooks/use-virtual-mcp.ts index 487634822d..aa81edf019 100644 --- a/packages/mesh-sdk/src/hooks/use-virtual-mcp.ts +++ b/packages/mesh-sdk/src/hooks/use-virtual-mcp.ts @@ -18,7 +18,7 @@ import { useMCPClient } from "./use-mcp-client"; import { SELF_MCP_ALIAS_ID } from "../lib/constants"; /** - * Filter definition for virtual MCPs (matches @deco/ui Filter shape) + * Filter definition for virtual MCPs (matches @decocms/ui Filter shape) */ export type VirtualMCPFilter = CollectionFilter; diff --git a/packages/ui/components.json b/packages/ui/components.json index aa99c50dae..aac95e5341 100644 --- a/packages/ui/components.json +++ b/packages/ui/components.json @@ -11,10 +11,10 @@ "prefix": "" }, "aliases": { - "ui": "@deco/ui/components", - "components": "@deco/ui/components", - "utils": "@deco/ui/lib/utils.ts", - "lib": "@deco/ui/lib", - "hooks": "@deco/ui/hooks" + "ui": "@decocms/ui/components", + "components": "@decocms/ui/components", + "utils": "@decocms/ui/lib/utils.ts", + "lib": "@decocms/ui/lib", + "hooks": "@decocms/ui/hooks" } } diff --git a/packages/ui/src/components/accordion.tsx b/packages/ui/src/components/accordion.tsx index df457cd07b..0d702dec90 100644 --- a/packages/ui/src/components/accordion.tsx +++ b/packages/ui/src/components/accordion.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as AccordionPrimitive from "@radix-ui/react-accordion"; import { ChevronRight } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Accordion({ ...props diff --git a/packages/ui/src/components/alert-dialog.tsx b/packages/ui/src/components/alert-dialog.tsx index 3f0859bced..7fa4ec0755 100644 --- a/packages/ui/src/components/alert-dialog.tsx +++ b/packages/ui/src/components/alert-dialog.tsx @@ -3,8 +3,8 @@ import type * as React from "react"; import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { buttonVariants } from "@deco/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { buttonVariants } from "@decocms/ui/components/button.tsx"; function AlertDialog({ ...props diff --git a/packages/ui/src/components/alert.tsx b/packages/ui/src/components/alert.tsx index 488bf35000..6941988862 100644 --- a/packages/ui/src/components/alert.tsx +++ b/packages/ui/src/components/alert.tsx @@ -1,7 +1,7 @@ import type * as React from "react"; import { cva, type VariantProps } from "class-variance-authority"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; const alertVariants = cva( "relative w-full rounded-lg border px-4 py-3 text-sm flex items-start gap-3 [&>svg]:size-4 [&>svg]:flex-shrink-0 [&>svg]:mt-0.5 [&>svg]:text-current", diff --git a/packages/ui/src/components/badge.tsx b/packages/ui/src/components/badge.tsx index e6ca4b603d..dc4904be6c 100644 --- a/packages/ui/src/components/badge.tsx +++ b/packages/ui/src/components/badge.tsx @@ -2,7 +2,7 @@ import type * as React from "react"; import { Slot } from "@radix-ui/react-slot"; import { cva, type VariantProps } from "class-variance-authority"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; const badgeVariants = cva( "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/20 focus-visible:ring-[2px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", diff --git a/packages/ui/src/components/breadcrumb.tsx b/packages/ui/src/components/breadcrumb.tsx index 402207f860..b1dc5bee82 100644 --- a/packages/ui/src/components/breadcrumb.tsx +++ b/packages/ui/src/components/breadcrumb.tsx @@ -2,7 +2,7 @@ import { Slot } from "@radix-ui/react-slot"; import { ChevronRight, DotsHorizontal } from "@untitledui/icons"; import type * as React from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) { return ( diff --git a/packages/ui/src/components/button-group.tsx b/packages/ui/src/components/button-group.tsx index 2789f2bc3a..5deb9ac54d 100644 --- a/packages/ui/src/components/button-group.tsx +++ b/packages/ui/src/components/button-group.tsx @@ -1,7 +1,7 @@ import { Slot } from "@radix-ui/react-slot"; import { cva, type VariantProps } from "class-variance-authority"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Separator } from "./separator"; const buttonGroupVariants = cva( diff --git a/packages/ui/src/components/button.tsx b/packages/ui/src/components/button.tsx index 1266153b73..6e8aac41e1 100644 --- a/packages/ui/src/components/button.tsx +++ b/packages/ui/src/components/button.tsx @@ -2,7 +2,7 @@ import type * as React from "react"; import { Slot } from "@radix-ui/react-slot"; import { cva, type VariantProps } from "class-variance-authority"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/20 focus-visible:ring-[2px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", diff --git a/packages/ui/src/components/calendar.tsx b/packages/ui/src/components/calendar.tsx index d07e2c4a86..4583ecf0a4 100644 --- a/packages/ui/src/components/calendar.tsx +++ b/packages/ui/src/components/calendar.tsx @@ -4,8 +4,8 @@ import type * as React from "react"; import { ChevronLeft, ChevronRight } from "@untitledui/icons"; import { DayPicker } from "react-day-picker"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { buttonVariants } from "@deco/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { buttonVariants } from "@decocms/ui/components/button.tsx"; function Calendar({ className, diff --git a/packages/ui/src/components/card.tsx b/packages/ui/src/components/card.tsx index 533f14f52e..281e834e3c 100644 --- a/packages/ui/src/components/card.tsx +++ b/packages/ui/src/components/card.tsx @@ -1,6 +1,6 @@ import type * as React from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Card({ className, ...props }: React.ComponentProps<"div">) { return ( diff --git a/packages/ui/src/components/carousel.tsx b/packages/ui/src/components/carousel.tsx index 8b8909a8cd..72b5fa4e63 100644 --- a/packages/ui/src/components/carousel.tsx +++ b/packages/ui/src/components/carousel.tsx @@ -7,8 +7,8 @@ import useEmblaCarousel, { } from "embla-carousel-react"; import { ArrowLeft, ArrowRight } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { Button } from "@deco/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; type CarouselApi = UseEmblaCarouselType[1]; type UseCarouselParameters = Parameters; diff --git a/packages/ui/src/components/chart.tsx b/packages/ui/src/components/chart.tsx index 2b0f60b131..3693a2021b 100644 --- a/packages/ui/src/components/chart.tsx +++ b/packages/ui/src/components/chart.tsx @@ -4,7 +4,7 @@ import * as React from "react"; import * as RechartsPrimitive from "recharts"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; // Format: { THEME_NAME: CSS_SELECTOR } const THEMES = { light: "", dark: ".dark" } as const; diff --git a/packages/ui/src/components/checkbox.tsx b/packages/ui/src/components/checkbox.tsx index 358b175fd3..ac0502af71 100644 --- a/packages/ui/src/components/checkbox.tsx +++ b/packages/ui/src/components/checkbox.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as CheckboxPrimitive from "@radix-ui/react-checkbox"; import { Check } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Checkbox({ className, diff --git a/packages/ui/src/components/collection-search.tsx b/packages/ui/src/components/collection-search.tsx index 51cf32f1d5..bfa2a8d6e0 100644 --- a/packages/ui/src/components/collection-search.tsx +++ b/packages/ui/src/components/collection-search.tsx @@ -1,5 +1,5 @@ import { SearchMd, Loading01 } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; interface CollectionSearchProps { value: string; diff --git a/packages/ui/src/components/combobox.tsx b/packages/ui/src/components/combobox.tsx index 100477549e..364054752c 100644 --- a/packages/ui/src/components/combobox.tsx +++ b/packages/ui/src/components/combobox.tsx @@ -3,7 +3,7 @@ import { Check, ChevronSelectorVertical } from "@untitledui/icons"; import { ReactNode, useState } from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Button } from "./button.tsx"; import { Command, diff --git a/packages/ui/src/components/command.tsx b/packages/ui/src/components/command.tsx index 67efb39063..5098838d64 100644 --- a/packages/ui/src/components/command.tsx +++ b/packages/ui/src/components/command.tsx @@ -3,14 +3,14 @@ import type * as React from "react"; import { Command as CommandPrimitive } from "cmdk"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, -} from "@deco/ui/components/dialog.tsx"; +} from "@decocms/ui/components/dialog.tsx"; import { SearchMd } from "@untitledui/icons"; function Command({ diff --git a/packages/ui/src/components/context-menu.tsx b/packages/ui/src/components/context-menu.tsx index 3c08d3570e..f2b4eff88b 100644 --- a/packages/ui/src/components/context-menu.tsx +++ b/packages/ui/src/components/context-menu.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"; import { Check, ChevronRight, Circle } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function ContextMenu({ ...props diff --git a/packages/ui/src/components/datetime-input.tsx b/packages/ui/src/components/datetime-input.tsx index 64682ff1fd..e1c0507fbb 100644 --- a/packages/ui/src/components/datetime-input.tsx +++ b/packages/ui/src/components/datetime-input.tsx @@ -1,20 +1,20 @@ "use client"; import * as React from "react"; -import { Calendar } from "@deco/ui/components/calendar.tsx"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { Calendar } from "@decocms/ui/components/calendar.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/popover.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Calendar as CalendarIcon } from "@untitledui/icons"; import { expressionToDate, isTimeExpression, -} from "@deco/ui/lib/time-expressions.ts"; +} from "@decocms/ui/lib/time-expressions.ts"; export interface DateTimeInputProps { value: string; diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx index ac8574198a..753e5077c6 100644 --- a/packages/ui/src/components/dialog.tsx +++ b/packages/ui/src/components/dialog.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as DialogPrimitive from "@radix-ui/react-dialog"; import { X } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Dialog({ ...props diff --git a/packages/ui/src/components/drawer.tsx b/packages/ui/src/components/drawer.tsx index 9432c99141..52d3651f9f 100644 --- a/packages/ui/src/components/drawer.tsx +++ b/packages/ui/src/components/drawer.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import { Drawer as DrawerPrimitive } from "vaul"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Drawer({ ...props diff --git a/packages/ui/src/components/dropdown-menu.tsx b/packages/ui/src/components/dropdown-menu.tsx index 61dd16bd99..6bd9568e2b 100644 --- a/packages/ui/src/components/dropdown-menu.tsx +++ b/packages/ui/src/components/dropdown-menu.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"; import { Check, ChevronRight, Circle } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function DropdownMenu({ ...props diff --git a/packages/ui/src/components/email-tags-input.tsx b/packages/ui/src/components/email-tags-input.tsx index 866a3192a0..37b82ad129 100644 --- a/packages/ui/src/components/email-tags-input.tsx +++ b/packages/ui/src/components/email-tags-input.tsx @@ -14,7 +14,7 @@ import { import { z } from "zod"; import { Badge } from "./badge.tsx"; import { Button } from "./button.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { X } from "@untitledui/icons"; // Email validation schema diff --git a/packages/ui/src/components/empty-state.tsx b/packages/ui/src/components/empty-state.tsx index a26698b419..8ea66556a5 100644 --- a/packages/ui/src/components/empty-state.tsx +++ b/packages/ui/src/components/empty-state.tsx @@ -1,7 +1,7 @@ import type { ComponentProps, ReactNode } from "react"; -import { Button } from "@deco/ui/components/button.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; export function EmptyState({ icon, diff --git a/packages/ui/src/components/filter-bar.tsx b/packages/ui/src/components/filter-bar.tsx index 07ad083c3e..771f6a17f4 100644 --- a/packages/ui/src/components/filter-bar.tsx +++ b/packages/ui/src/components/filter-bar.tsx @@ -1,7 +1,7 @@ /* eslint-disable ban-memoization/ban-memoization */ import { useMemo, useState, type ReactNode } from "react"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Command, CommandEmpty, @@ -9,15 +9,15 @@ import { CommandInput, CommandItem, CommandList, -} from "@deco/ui/components/command.tsx"; +} from "@decocms/ui/components/command.tsx"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@deco/ui/components/dropdown-menu.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +} from "@decocms/ui/components/dropdown-menu.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { ArrowLeft, X, Plus } from "@untitledui/icons"; export type FilterOperator = diff --git a/packages/ui/src/components/form.tsx b/packages/ui/src/components/form.tsx index 4017fe448d..fec92c7225 100644 --- a/packages/ui/src/components/form.tsx +++ b/packages/ui/src/components/form.tsx @@ -1,7 +1,7 @@ "use client"; -import { Label } from "@deco/ui/components/label.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Label } from "@decocms/ui/components/label.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type * as LabelPrimitive from "@radix-ui/react-label"; import { Slot } from "@radix-ui/react-slot"; import * as React from "react"; diff --git a/packages/ui/src/components/hover-card.tsx b/packages/ui/src/components/hover-card.tsx index 3fcd7f4f4f..5bb3147aa8 100644 --- a/packages/ui/src/components/hover-card.tsx +++ b/packages/ui/src/components/hover-card.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as HoverCardPrimitive from "@radix-ui/react-hover-card"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function HoverCard({ ...props diff --git a/packages/ui/src/components/input-otp.tsx b/packages/ui/src/components/input-otp.tsx index ef32d35d77..dfe285fbb6 100644 --- a/packages/ui/src/components/input-otp.tsx +++ b/packages/ui/src/components/input-otp.tsx @@ -4,7 +4,7 @@ import * as React from "react"; import { OTPInput, OTPInputContext } from "input-otp"; import { Minus } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function InputOTP({ className, diff --git a/packages/ui/src/components/input.tsx b/packages/ui/src/components/input.tsx index 3b91e94d41..5700c0b6c4 100644 --- a/packages/ui/src/components/input.tsx +++ b/packages/ui/src/components/input.tsx @@ -1,6 +1,6 @@ import type * as React from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Input({ className, type, ...props }: React.ComponentProps<"input">) { return ( diff --git a/packages/ui/src/components/label.tsx b/packages/ui/src/components/label.tsx index f50a969bd5..438eb5cfe9 100644 --- a/packages/ui/src/components/label.tsx +++ b/packages/ui/src/components/label.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as LabelPrimitive from "@radix-ui/react-label"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Label({ className, diff --git a/packages/ui/src/components/menubar.tsx b/packages/ui/src/components/menubar.tsx index 763ab6e8a6..05070adc1f 100644 --- a/packages/ui/src/components/menubar.tsx +++ b/packages/ui/src/components/menubar.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as MenubarPrimitive from "@radix-ui/react-menubar"; import { Check, ChevronRight, Circle } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Menubar({ className, diff --git a/packages/ui/src/components/navigation-menu.tsx b/packages/ui/src/components/navigation-menu.tsx index 9bf8132fdf..d2cf2652db 100644 --- a/packages/ui/src/components/navigation-menu.tsx +++ b/packages/ui/src/components/navigation-menu.tsx @@ -3,7 +3,7 @@ import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"; import { cva } from "class-variance-authority"; import { ChevronDown } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function NavigationMenu({ className, diff --git a/packages/ui/src/components/pagination.tsx b/packages/ui/src/components/pagination.tsx index f041218bf9..396002f686 100644 --- a/packages/ui/src/components/pagination.tsx +++ b/packages/ui/src/components/pagination.tsx @@ -1,8 +1,8 @@ import type * as React from "react"; import { ChevronLeft, ChevronRight, DotsHorizontal } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { type Button, buttonVariants } from "@deco/ui/components/button.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { type Button, buttonVariants } from "@decocms/ui/components/button.tsx"; function Pagination({ className, ...props }: React.ComponentProps<"nav">) { return ( diff --git a/packages/ui/src/components/password-input.tsx b/packages/ui/src/components/password-input.tsx index 1eb0b36720..6b4c433b21 100644 --- a/packages/ui/src/components/password-input.tsx +++ b/packages/ui/src/components/password-input.tsx @@ -1,8 +1,8 @@ /* oxlint-disable no-explicit-any */ import { useState } from "react"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Eye, EyeOff, Check, Copy01 } from "@untitledui/icons"; interface PasswordInputProps { diff --git a/packages/ui/src/components/popover.tsx b/packages/ui/src/components/popover.tsx index 3b7b912036..87ac55002c 100644 --- a/packages/ui/src/components/popover.tsx +++ b/packages/ui/src/components/popover.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as PopoverPrimitive from "@radix-ui/react-popover"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Popover({ ...props diff --git a/packages/ui/src/components/progress.tsx b/packages/ui/src/components/progress.tsx index e0ce766a4a..e3290b2e9e 100644 --- a/packages/ui/src/components/progress.tsx +++ b/packages/ui/src/components/progress.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as ProgressPrimitive from "@radix-ui/react-progress"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Progress({ className, diff --git a/packages/ui/src/components/radio-group.tsx b/packages/ui/src/components/radio-group.tsx index 9629100834..cf0cc38844 100644 --- a/packages/ui/src/components/radio-group.tsx +++ b/packages/ui/src/components/radio-group.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"; import { Circle } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function RadioGroup({ className, diff --git a/packages/ui/src/components/scroll-area.tsx b/packages/ui/src/components/scroll-area.tsx index a101990fdc..3f5b7603fe 100644 --- a/packages/ui/src/components/scroll-area.tsx +++ b/packages/ui/src/components/scroll-area.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function ScrollArea({ className, diff --git a/packages/ui/src/components/search-input.tsx b/packages/ui/src/components/search-input.tsx index 55bcb7d03f..795e13c069 100644 --- a/packages/ui/src/components/search-input.tsx +++ b/packages/ui/src/components/search-input.tsx @@ -1,5 +1,5 @@ import { SearchMd, Loading01 } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; interface SearchInputProps { value: string; diff --git a/packages/ui/src/components/select.tsx b/packages/ui/src/components/select.tsx index fa120a9f8e..94396f7109 100644 --- a/packages/ui/src/components/select.tsx +++ b/packages/ui/src/components/select.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as SelectPrimitive from "@radix-ui/react-select"; import { Check, ChevronDown, ChevronUp } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Select({ ...props diff --git a/packages/ui/src/components/separator.tsx b/packages/ui/src/components/separator.tsx index 74fe6d6248..8839244b1b 100644 --- a/packages/ui/src/components/separator.tsx +++ b/packages/ui/src/components/separator.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as SeparatorPrimitive from "@radix-ui/react-separator"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Separator({ className, diff --git a/packages/ui/src/components/sheet.tsx b/packages/ui/src/components/sheet.tsx index 7ad6047c85..77e21ed520 100644 --- a/packages/ui/src/components/sheet.tsx +++ b/packages/ui/src/components/sheet.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as SheetPrimitive from "@radix-ui/react-dialog"; import { X } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Sheet({ ...props }: React.ComponentProps) { return ; diff --git a/packages/ui/src/components/sidebar.tsx b/packages/ui/src/components/sidebar.tsx index 8572052c12..53bcdcc1a5 100644 --- a/packages/ui/src/components/sidebar.tsx +++ b/packages/ui/src/components/sidebar.tsx @@ -6,24 +6,24 @@ import { Slot } from "@radix-ui/react-slot"; import { cva, type VariantProps } from "class-variance-authority"; import { LayoutLeft } from "@untitledui/icons"; -import { useIsMobile } from "@deco/ui/hooks/use-mobile.ts"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { Button } from "@deco/ui/components/button.tsx"; -import { Input } from "@deco/ui/components/input.tsx"; +import { useIsMobile } from "@decocms/ui/hooks/use-mobile.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, -} from "@deco/ui/components/sheet.tsx"; -import { Skeleton } from "@deco/ui/components/skeleton.tsx"; +} from "@decocms/ui/components/sheet.tsx"; +import { Skeleton } from "@decocms/ui/components/skeleton.tsx"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; const SIDEBAR_WIDTH = "15rem"; const SIDEBAR_WIDTH_MOBILE = "18rem"; diff --git a/packages/ui/src/components/skeleton.tsx b/packages/ui/src/components/skeleton.tsx index 77097fbe80..0d84b9540f 100644 --- a/packages/ui/src/components/skeleton.tsx +++ b/packages/ui/src/components/skeleton.tsx @@ -1,4 +1,4 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Skeleton({ className, ...props }: React.ComponentProps<"div">) { return ( diff --git a/packages/ui/src/components/slider.tsx b/packages/ui/src/components/slider.tsx index 93285284cf..f841432462 100644 --- a/packages/ui/src/components/slider.tsx +++ b/packages/ui/src/components/slider.tsx @@ -4,7 +4,7 @@ import * as React from "react"; import * as SliderPrimitive from "@radix-ui/react-slider"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Slider({ className, diff --git a/packages/ui/src/components/spinner.tsx b/packages/ui/src/components/spinner.tsx index da1d060882..b60096a17c 100644 --- a/packages/ui/src/components/spinner.tsx +++ b/packages/ui/src/components/spinner.tsx @@ -1,6 +1,6 @@ import { cva, type VariantProps } from "class-variance-authority"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; const variants = cva("animate-spin", { variants: { diff --git a/packages/ui/src/components/step-indicator.tsx b/packages/ui/src/components/step-indicator.tsx index c66afb8ded..4888db0a87 100644 --- a/packages/ui/src/components/step-indicator.tsx +++ b/packages/ui/src/components/step-indicator.tsx @@ -1,6 +1,6 @@ import { Check } from "@untitledui/icons"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; interface Step { id: string; diff --git a/packages/ui/src/components/switch.tsx b/packages/ui/src/components/switch.tsx index 1c6b50aa6a..d335e83f55 100644 --- a/packages/ui/src/components/switch.tsx +++ b/packages/ui/src/components/switch.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as SwitchPrimitive from "@radix-ui/react-switch"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Switch({ className, diff --git a/packages/ui/src/components/table.tsx b/packages/ui/src/components/table.tsx index a93bd318ed..72b6c07249 100644 --- a/packages/ui/src/components/table.tsx +++ b/packages/ui/src/components/table.tsx @@ -2,7 +2,7 @@ import type * as React from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Table({ className, ...props }: React.ComponentProps<"table">) { return ( diff --git a/packages/ui/src/components/tabs.tsx b/packages/ui/src/components/tabs.tsx index 64346ab943..2b28a0eb1e 100644 --- a/packages/ui/src/components/tabs.tsx +++ b/packages/ui/src/components/tabs.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as TabsPrimitive from "@radix-ui/react-tabs"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; type TabsVariant = "pill" | "underline" | "canvas"; diff --git a/packages/ui/src/components/textarea.tsx b/packages/ui/src/components/textarea.tsx index c2fef299bd..ffd41d4a48 100644 --- a/packages/ui/src/components/textarea.tsx +++ b/packages/ui/src/components/textarea.tsx @@ -1,6 +1,6 @@ import type * as React from "react"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function Textarea({ className, ...props }: React.ComponentProps<"textarea">) { return ( diff --git a/packages/ui/src/components/time-range-picker.tsx b/packages/ui/src/components/time-range-picker.tsx index 99f267ce77..182f16ccf1 100644 --- a/packages/ui/src/components/time-range-picker.tsx +++ b/packages/ui/src/components/time-range-picker.tsx @@ -1,22 +1,22 @@ "use client"; import * as React from "react"; -import { Button } from "@deco/ui/components/button.tsx"; +import { Button } from "@decocms/ui/components/button.tsx"; import { Popover, PopoverContent, PopoverTrigger, -} from "@deco/ui/components/popover.tsx"; -import { ScrollArea } from "@deco/ui/components/scroll-area.tsx"; -import { cn } from "@deco/ui/lib/utils.ts"; +} from "@decocms/ui/components/popover.tsx"; +import { ScrollArea } from "@decocms/ui/components/scroll-area.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; import { Clock, ChevronDown } from "@untitledui/icons"; -import { DateTimeInput } from "@deco/ui/components/datetime-input.tsx"; +import { DateTimeInput } from "@decocms/ui/components/datetime-input.tsx"; import { QUICK_RANGES, expressionToDate, getTimeRangeDisplayText, type QuickRange, -} from "@deco/ui/lib/time-expressions.ts"; +} from "@decocms/ui/lib/time-expressions.ts"; export interface TimeRange { from: string; diff --git a/packages/ui/src/components/toggle-group.tsx b/packages/ui/src/components/toggle-group.tsx index 2537e22e4f..563128e9fc 100644 --- a/packages/ui/src/components/toggle-group.tsx +++ b/packages/ui/src/components/toggle-group.tsx @@ -4,8 +4,8 @@ import * as React from "react"; import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"; import type { VariantProps } from "class-variance-authority"; -import { cn } from "@deco/ui/lib/utils.ts"; -import { toggleVariants } from "@deco/ui/components/toggle.tsx"; +import { cn } from "@decocms/ui/lib/utils.ts"; +import { toggleVariants } from "@decocms/ui/components/toggle.tsx"; const ToggleGroupContext = React.createContext< VariantProps diff --git a/packages/ui/src/components/toggle.tsx b/packages/ui/src/components/toggle.tsx index 1e809ef8ca..4d6710db4c 100644 --- a/packages/ui/src/components/toggle.tsx +++ b/packages/ui/src/components/toggle.tsx @@ -4,7 +4,7 @@ import type * as React from "react"; import * as TogglePrimitive from "@radix-ui/react-toggle"; import { cva, type VariantProps } from "class-variance-authority"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; const toggleVariants = cva( "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/20 focus-visible:ring-[2px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", diff --git a/packages/ui/src/components/tooltip.tsx b/packages/ui/src/components/tooltip.tsx index e348934e79..0a13752e22 100644 --- a/packages/ui/src/components/tooltip.tsx +++ b/packages/ui/src/components/tooltip.tsx @@ -3,7 +3,7 @@ import type * as React from "react"; import * as TooltipPrimitive from "@radix-ui/react-tooltip"; -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; function TooltipProvider({ delayDuration = 0, diff --git a/packages/ui/src/components/view-mode-toggle.tsx b/packages/ui/src/components/view-mode-toggle.tsx index 256ee28933..3131d9b290 100644 --- a/packages/ui/src/components/view-mode-toggle.tsx +++ b/packages/ui/src/components/view-mode-toggle.tsx @@ -1,11 +1,11 @@ -import { cn } from "@deco/ui/lib/utils.ts"; +import { cn } from "@decocms/ui/lib/utils.ts"; import type { ReactNode } from "react"; import { useEffect, useRef, useState } from "react"; import { Tooltip, TooltipContent, TooltipTrigger, -} from "@deco/ui/components/tooltip.tsx"; +} from "@decocms/ui/components/tooltip.tsx"; export interface ViewModeOption { value: T; diff --git a/packages/ui/src/hooks/use-persisted-filters.ts b/packages/ui/src/hooks/use-persisted-filters.ts index 8e829eaf4b..7819cc371f 100644 --- a/packages/ui/src/hooks/use-persisted-filters.ts +++ b/packages/ui/src/hooks/use-persisted-filters.ts @@ -1,6 +1,6 @@ import { useState } from "react"; -import type { Filter } from "@deco/ui/components/filter-bar.tsx"; +import type { Filter } from "@decocms/ui/components/filter-bar.tsx"; export function usePersistedFilters( key: string, diff --git a/packages/ui/src/styles/global.css b/packages/ui/src/styles/global.css index 7ed4da7cf0..fe6fa0d84f 100644 --- a/packages/ui/src/styles/global.css +++ b/packages/ui/src/styles/global.css @@ -28,7 +28,7 @@ @import "tailwindcss"; @import "tw-animate-css"; -/* Explicitly scan @deco/ui components for Tailwind classes */ +/* Explicitly scan @decocms/ui components for Tailwind classes */ @source "../components/**/*.tsx"; @custom-variant dark (&:is(.dark *)); From 2a6663ffca4310ba061367a5933c2229ca0d072d Mon Sep 17 00:00:00 2001 From: rafavalls Date: Tue, 21 Apr 2026 18:52:43 -0300 Subject: [PATCH 2/4] feat(ui): prepare @decocms/ui for npm publishing MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Restructure package.json following the @decocms/mesh-sdk pattern: remove "private", add publishConfig, files, repository, license - Move react/react-dom/tailwindcss/next-themes to peerDependencies (prevents dual-instance bugs and enforces consumer version ownership) - Bump version to 0.1.0 to signal this is a new distribution milestone - Add README covering install, setup, tokens, customization, release flow - Add publish workflow (.github/workflows/publish-ui-npm.yaml) mirroring the existing @decocms/runtime pattern — publishes automatically when the version in package.json changes on main Requires NPM_TOKEN secret in repo settings before first release. Co-Authored-By: Claude Opus 4.7 (1M context) --- .github/workflows/publish-ui-npm.yaml | 80 ++++++++++++ packages/ui/README.md | 168 ++++++++++++++++++++++++++ packages/ui/package.json | 50 ++++++-- 3 files changed, 291 insertions(+), 7 deletions(-) create mode 100644 .github/workflows/publish-ui-npm.yaml create mode 100644 packages/ui/README.md diff --git a/.github/workflows/publish-ui-npm.yaml b/.github/workflows/publish-ui-npm.yaml new file mode 100644 index 0000000000..bdd3bff08a --- /dev/null +++ b/.github/workflows/publish-ui-npm.yaml @@ -0,0 +1,80 @@ +name: Publish @decocms/ui + +on: + push: + branches: [main] + paths: + - "packages/ui/**" + workflow_dispatch: + +permissions: + contents: write + id-token: write + +jobs: + publish: + runs-on: ubuntu-latest + steps: + - name: Checkout code + uses: actions/checkout@v4 + with: + fetch-depth: 0 + + - name: Setup Bun + uses: oven-sh/setup-bun@v2 + + - name: Setup Node.js for npm registry + uses: actions/setup-node@v4 + with: + node-version: "24" + registry-url: "https://registry.npmjs.org" + + - name: Install dependencies + run: bun install + + - name: Check if version changed + id: version-check + run: | + CURRENT_VERSION=$(node -e "console.log(require('./package.json').version)") + + if npm view @decocms/ui@$CURRENT_VERSION version >/dev/null 2>&1; then + echo "version-changed=false" >> $GITHUB_OUTPUT + echo "⏭️ Version $CURRENT_VERSION already published, skipping publish" + else + echo "version-changed=true" >> $GITHUB_OUTPUT + echo "✅ Version $CURRENT_VERSION not found in npm, will publish" + fi + + echo "current-version=$CURRENT_VERSION" >> $GITHUB_OUTPUT + + if [[ "$CURRENT_VERSION" == *-* ]]; then + echo "npm-tag=next" >> $GITHUB_OUTPUT + echo "📦 Prerelease version detected, will publish with tag 'next'" + else + echo "npm-tag=latest" >> $GITHUB_OUTPUT + echo "📦 Stable version detected, will publish with tag 'latest'" + fi + working-directory: packages/ui + + - name: Publish to npm + if: steps.version-check.outputs.version-changed == 'true' + run: npm publish --access public --tag ${{ steps.version-check.outputs.npm-tag }} --provenance + working-directory: packages/ui + env: + NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} + + - name: Create Release + if: steps.version-check.outputs.version-changed == 'true' + env: + GH_TOKEN: ${{ secrets.GITHUB_TOKEN }} + run: | + gh release create "ui-v${{ steps.version-check.outputs.current-version }}" \ + --title "@decocms/ui v${{ steps.version-check.outputs.current-version }}" \ + --notes "## Changes + + Automated release of @decocms/ui package. + + ### Installation + \`\`\`bash + npm install @decocms/ui + \`\`\`" diff --git a/packages/ui/README.md b/packages/ui/README.md new file mode 100644 index 0000000000..ca799e2fc6 --- /dev/null +++ b/packages/ui/README.md @@ -0,0 +1,168 @@ +# @decocms/ui + +The Deco design system. Shadcn-based React 19 components, semantic color tokens, Tailwind v4 theme, self-hosted typography. + +Single source of truth for UI across all Deco products. Update once here, every product gets the change on its next release. + +## Install + +```bash +bun add @decocms/ui +# or: npm install @decocms/ui / pnpm add @decocms/ui +``` + +### Peer dependencies + +You need these in your app: + +- `react >= 19`, `react-dom >= 19` +- `tailwindcss >= 4` +- `next-themes >= 0.4` (optional — only if you use the theme provider) + +## Setup + +### 1. Import the theme + +In your app's global CSS (e.g. `index.css`): + +```css +@import "@decocms/ui/styles/global.css"; +``` + +This brings: font-face declarations (Inter var, CommitMono), all design tokens (colors, radius, spacing, motion, shadows), light + dark variants, and base element styles. + +### 2. Tell Tailwind to scan the components + +Tailwind v4 does not scan `node_modules` by default. Add this to your global CSS so utility classes used inside `@decocms/ui` get emitted: + +```css +@source "../../node_modules/@decocms/ui/src/**/*.{ts,tsx}"; +``` + +Adjust the relative path to match where your CSS file lives. + +### 3. Use components + +```tsx +import { Button } from "@decocms/ui/components/button.tsx"; +import { Card, CardContent, CardHeader, CardTitle } from "@decocms/ui/components/card.tsx"; + +export function Example() { + return ( + + + Hello + + + + + + ); +} +``` + +> **Note:** import paths include the `.tsx` extension. The package ships raw source files, so your `tsconfig.json` needs `"allowImportingTsExtensions": true` and `"moduleResolution": "bundler"` (or "NodeNext"). See "Known limitations" below. + +## Exports + +``` +@decocms/ui/components/* React components (71 total) +@decocms/ui/hooks/* React hooks +@decocms/ui/lib/* Utilities (cn, etc.) +@decocms/ui/providers/* Theme provider +@decocms/ui/styles/* global.css +@decocms/ui/assets/* Fonts +``` + +## Customization + +The design system ships with semantic tokens. Customize by overriding CSS variables in your app, **before** the `@import`: + +```css +:root { + --radius: 0.5rem; /* bump all radius tokens */ + --spacing: 0.3rem; /* bump the whole spacing scale */ + --brand: #ff00aa; /* override brand color */ + --primary: oklch(0.3 0.2 300); /* override primary */ +} + +@import "@decocms/ui/styles/global.css"; +``` + +Most product-level visual variation should happen here. If you find yourself forking components, consider whether a token is missing. + +### Semantic color tokens + +| Token | Purpose | +| ------------------ | -------------------------------- | +| `background` / `foreground` | Page canvas + text | +| `card` | Elevated surfaces | +| `popover` | Floating surfaces | +| `primary` | Primary action color | +| `secondary` | Secondary action color | +| `muted` | Low-emphasis surfaces | +| `accent` | Hover / selection surfaces | +| `destructive` | Errors, destructive actions | +| `success` / `warning` | Status colors | +| `border` / `input` / `ring` | Form primitives | +| `brand` | Marketing / identity surfaces | +| `sidebar-*` | Sidebar-specific variants | +| `chart-1..5` | Chart series colors | + +All have dark-mode variants. All paired with a `*-foreground` text color. + +## Releasing a new version + +The package is published automatically on push to `main` when anything under `packages/ui/**` changes. The publish workflow checks if the `version` in `packages/ui/package.json` already exists on npm; if it does, it skips. If not, it publishes. + +To release: + +1. Bump `packages/ui/package.json` version (`0.1.0` → `0.1.1` patch, `0.2.0` minor, etc.). +2. Merge to `main`. +3. The workflow (`.github/workflows/publish-ui-npm.yaml`) publishes and creates a GitHub release. + +For prereleases, use a hyphenated version (`0.2.0-rc.1`). It will publish under the `next` tag instead of `latest`. + +### One-time setup required + +An `NPM_TOKEN` secret must be configured in repo settings for the publish workflow to authenticate with npm. + +## Local validation + +Before publishing a breaking change, validate the package works as a real consumer would: + +```bash +# 1. Pack the package +cd packages/ui +bun pack + +# 2. Install the tarball into the playground +cd ../../apps/ui-playground +bun add file:../../packages/ui/decocms-ui-$VERSION.tgz + +# 3. Run the playground +bun run dev +``` + +The playground (`apps/ui-playground`) is a minimal Vite app that imports only from `@decocms/ui`. Good for catching: missing files in the tarball, broken relative paths (fonts!), Tailwind not scanning, dark mode not flipping. + +## Contributing + +Components live in `packages/ui/src/components/`. Follow the house rules: + +- Use **semantic tokens only** (`bg-primary`, `text-destructive`) — not raw Tailwind palette (`bg-red-500`). Palette colors are reserved for intentional identity surfaces (avatar colors, role badges). +- Never hardcode hex or rgb in components. If a value isn't in `global.css`, add it there first. +- Use `class-variance-authority` for variant APIs. +- Keep component files single-file and readable — this package ships raw source, not bundled output. +- React 19 / React Compiler — do not use `useEffect`, `useMemo`, `useCallback`, or `memo`. The compiler handles memoization. + +## Known limitations + +- **Raw source, no compiled output.** The package ships `.tsx` files directly; there is no build step. Consumers must use a bundler that understands TS/JSX (Vite, Next.js, etc.) and a tsconfig with `allowImportingTsExtensions` + bundler/NodeNext resolution. A future version may add a build step with proper `.d.ts` emission to allow extension-free imports. +- **Tailwind v4 required.** The theme relies on v4-only features (`@theme inline`, `oklch()` color space). Not compatible with Tailwind v3. +- **React 19 required.** Uses React 19 features; older React versions are not supported. +- **No tree-shakeable barrel.** Every component must be imported by its own subpath (no `@decocms/ui` root export). This is intentional — keeps bundle size predictable. + +## License + +MIT. diff --git a/packages/ui/package.json b/packages/ui/package.json index 0047c1240e..0dc6342ee6 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -1,8 +1,12 @@ { - "name": "@deco/ui", - "private": true, - "version": "1.0.0", + "name": "@decocms/ui", + "version": "0.1.0", + "description": "Deco CMS design system — shadcn-based React 19 components, tokens, and Tailwind v4 theme.", "type": "module", + "scripts": { + "check": "tsc --noEmit", + "test": "bun test" + }, "exports": { "./components/*": "./src/components/*", "./hooks/*": "./src/hooks/*", @@ -11,6 +15,11 @@ "./assets/*": "./src/assets/*", "./providers/*": "./src/providers/*" }, + "files": [ + "src", + "components.json", + "README.md" + ], "dependencies": { "@radix-ui/react-accordion": "^1.2.3", "@radix-ui/react-alert-dialog": "^1.1.6", @@ -46,10 +55,7 @@ "date-fns": "^3.0.0", "embla-carousel-react": "^8.5.2", "input-otp": "^1.4.2", - "next-themes": "^0.4.6", - "react": "^19.2.0", "react-day-picker": "^8.10.1", - "react-dom": "^19.2.0", "react-hook-form": "^7.55.0", "react-markdown": "^10.1.0", "recharts": "2.15.1", @@ -60,8 +66,38 @@ "vaul": "^1.1.2", "zod": "^4.0.0" }, - "packageManager": "npm@10.5.0", + "peerDependencies": { + "next-themes": ">=0.4.0", + "react": ">=19.0.0", + "react-dom": ">=19.0.0", + "tailwindcss": ">=4.0.0" + }, + "peerDependenciesMeta": { + "next-themes": { + "optional": true + } + }, "devDependencies": { "tailwindcss": "^4.1.1" + }, + "engines": { + "node": ">=20.0.0" + }, + "keywords": [ + "design-system", + "react", + "shadcn", + "tailwind", + "radix", + "deco" + ], + "repository": { + "type": "git", + "url": "git+https://github.com/decocms/studio.git", + "directory": "packages/ui" + }, + "license": "MIT", + "publishConfig": { + "access": "public" } } From 9ac14c65a2478752a495b98bee8dfb59a2630b2f Mon Sep 17 00:00:00 2001 From: rafavalls Date: Tue, 21 Apr 2026 18:53:00 -0300 Subject: [PATCH 3/4] feat(ui-playground): add local validation app for @decocms/ui Minimal Vite + React 19 + Tailwind v4 app that imports only from @decocms/ui. Surfaces tokens, typography, and core components in light and dark mode. Use it to: - Verify new components before publishing - Catch packaging bugs (missing fonts, Tailwind not scanning, dark mode) - Validate tarball output after `bun pack` before releasing to npm Run with `bun run --cwd apps/ui-playground dev` (port 4100). Co-Authored-By: Claude Opus 4.7 (1M context) --- apps/ui-playground/index.html | 24 +++ apps/ui-playground/package.json | 27 ++++ apps/ui-playground/src/App.tsx | 234 ++++++++++++++++++++++++++++++ apps/ui-playground/src/main.tsx | 10 ++ apps/ui-playground/src/styles.css | 7 + apps/ui-playground/tsconfig.json | 21 +++ apps/ui-playground/vite.config.ts | 8 + 7 files changed, 331 insertions(+) create mode 100644 apps/ui-playground/index.html create mode 100644 apps/ui-playground/package.json create mode 100644 apps/ui-playground/src/App.tsx create mode 100644 apps/ui-playground/src/main.tsx create mode 100644 apps/ui-playground/src/styles.css create mode 100644 apps/ui-playground/tsconfig.json create mode 100644 apps/ui-playground/vite.config.ts diff --git a/apps/ui-playground/index.html b/apps/ui-playground/index.html new file mode 100644 index 0000000000..3d34fc3f25 --- /dev/null +++ b/apps/ui-playground/index.html @@ -0,0 +1,24 @@ + + + + + + @decocms/ui playground + + + +
+ + + diff --git a/apps/ui-playground/package.json b/apps/ui-playground/package.json new file mode 100644 index 0000000000..fca797bcf1 --- /dev/null +++ b/apps/ui-playground/package.json @@ -0,0 +1,27 @@ +{ + "name": "@decocms/ui-playground", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite --port 4100", + "build": "vite build", + "preview": "vite preview --port 4100", + "check": "tsc --noEmit" + }, + "dependencies": { + "@decocms/ui": "workspace:*", + "next-themes": "^0.4.6", + "react": "^19.2.0", + "react-dom": "^19.2.0" + }, + "devDependencies": { + "@tailwindcss/vite": "^4.1.17", + "@types/react": "^19.2.0", + "@types/react-dom": "^19.0.4", + "@vitejs/plugin-react": "^5.1.0", + "tailwindcss": "^4.1.17", + "typescript": "^5.9.3", + "vite": "^7.2.1" + } +} diff --git a/apps/ui-playground/src/App.tsx b/apps/ui-playground/src/App.tsx new file mode 100644 index 0000000000..b01a510a1e --- /dev/null +++ b/apps/ui-playground/src/App.tsx @@ -0,0 +1,234 @@ +import { useState } from "react"; +import { Button } from "@decocms/ui/components/button.tsx"; +import { Input } from "@decocms/ui/components/input.tsx"; +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@decocms/ui/components/card.tsx"; +import { Badge } from "@decocms/ui/components/badge.tsx"; +import { Label } from "@decocms/ui/components/label.tsx"; +import { + Select, + SelectContent, + SelectItem, + SelectTrigger, + SelectValue, +} from "@decocms/ui/components/select.tsx"; + +type Theme = "light" | "dark" | "system"; + +const THEME_KEY = "playground:theme"; + +function applyTheme(theme: Theme) { + const root = document.documentElement; + const resolved = + theme === "system" + ? window.matchMedia("(prefers-color-scheme: dark)").matches + ? "dark" + : "light" + : theme; + root.classList.toggle("dark", resolved === "dark"); +} + +function useTheme(): [Theme, (t: Theme) => void] { + const [theme, setThemeState] = useState(() => { + return (localStorage.getItem(THEME_KEY) as Theme) || "system"; + }); + const setTheme = (t: Theme) => { + setThemeState(t); + localStorage.setItem(THEME_KEY, t); + applyTheme(t); + }; + return [theme, setTheme]; +} + +const COLOR_TOKENS = [ + "background", + "foreground", + "card", + "card-foreground", + "popover", + "popover-foreground", + "primary", + "primary-foreground", + "secondary", + "secondary-foreground", + "muted", + "muted-foreground", + "accent", + "accent-foreground", + "border", + "input", + "ring", + "destructive", + "destructive-foreground", + "success", + "success-foreground", + "warning", + "warning-foreground", + "brand", + "brand-foreground", +] as const; + +const RADIUS_TOKENS = [ + "none", + "xs", + "sm", + "md", + "lg", + "xl", + "2xl", + "3xl", + "4xl", + "full", +] as const; + +export function App() { + const [theme, setTheme] = useTheme(); + + return ( +
+
+
+

@decocms/ui playground

+

+ Local validation surface for the design system. Ephemeral — use to + catch issues before publishing. +

+
+ +
+ + + + Color tokens + Semantic tokens from global.css. + + +
+ {COLOR_TOKENS.map((t) => ( +
+
+
+ --{t} +
+
+ ))} +
+ + + + + + Radius scale + + +
+ {RADIUS_TOKENS.map((r) => ( +
+
+
+ {r} +
+
+ ))} +
+ + + + + + Typography + + +

+ Sans (Inter var) — The quick brown fox jumps over the lazy dog. +

+

+ Serif — The quick brown fox jumps over the lazy dog. +

+

+ Mono (CommitMono) — The quick brown fox jumps over the lazy dog. +

+
+ {[300, 400, 500, 600, 650].map((w) => ( + + {w} + + ))} +
+ + + + + + Buttons + + + + + + + + + + + + + + + Badges + + + Default + Secondary + Outline + Destructive + + + + + + Form primitives + + +
+ + +
+
+ + +
+
+ + +
+ + + +
+ Active theme: {theme}. Validate: + tokens render, fonts load, components interactive, dark mode flips. +
+
+ ); +} diff --git a/apps/ui-playground/src/main.tsx b/apps/ui-playground/src/main.tsx new file mode 100644 index 0000000000..98911296da --- /dev/null +++ b/apps/ui-playground/src/main.tsx @@ -0,0 +1,10 @@ +import { StrictMode } from "react"; +import { createRoot } from "react-dom/client"; +import { App } from "./App"; +import "./styles.css"; + +createRoot(document.getElementById("root")!).render( + + + , +); diff --git a/apps/ui-playground/src/styles.css b/apps/ui-playground/src/styles.css new file mode 100644 index 0000000000..cf5a0758a1 --- /dev/null +++ b/apps/ui-playground/src/styles.css @@ -0,0 +1,7 @@ +@import "@decocms/ui/styles/global.css"; + +@layer base { + body { + @apply bg-background text-foreground min-h-screen; + } +} diff --git a/apps/ui-playground/tsconfig.json b/apps/ui-playground/tsconfig.json new file mode 100644 index 0000000000..38346a5e82 --- /dev/null +++ b/apps/ui-playground/tsconfig.json @@ -0,0 +1,21 @@ +{ + "compilerOptions": { + "target": "ESNext", + "lib": ["ESNext", "DOM", "DOM.Iterable"], + "module": "ESNext", + "moduleResolution": "bundler", + "jsx": "react-jsx", + "allowImportingTsExtensions": true, + "allowJs": true, + "resolveJsonModule": true, + "strict": true, + "skipLibCheck": true, + "esModuleInterop": true, + "allowSyntheticDefaultImports": true, + "isolatedModules": true, + "noEmit": true, + "forceConsistentCasingInFileNames": true, + "baseUrl": "." + }, + "include": ["src", "vite.config.ts"] +} diff --git a/apps/ui-playground/vite.config.ts b/apps/ui-playground/vite.config.ts new file mode 100644 index 0000000000..4f86d01129 --- /dev/null +++ b/apps/ui-playground/vite.config.ts @@ -0,0 +1,8 @@ +import { defineConfig } from "vite"; +import react from "@vitejs/plugin-react"; +import tailwindcss from "@tailwindcss/vite"; + +export default defineConfig({ + plugins: [react(), tailwindcss()], + server: { port: 4100 }, +}); From 6ab4797f47d1792835185a54951fee086484c504 Mon Sep 17 00:00:00 2001 From: rafavalls Date: Tue, 21 Apr 2026 18:53:18 -0300 Subject: [PATCH 4/4] style: apply biome formatting to layout files touched by rename Co-Authored-By: Claude Opus 4.7 (1M context) --- apps/mesh/src/web/layouts/agent-shell-layout.tsx | 6 +++++- apps/mesh/src/web/layouts/settings-layout.tsx | 6 +++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/apps/mesh/src/web/layouts/agent-shell-layout.tsx b/apps/mesh/src/web/layouts/agent-shell-layout.tsx index 2d23c865b0..55850f14e3 100644 --- a/apps/mesh/src/web/layouts/agent-shell-layout.tsx +++ b/apps/mesh/src/web/layouts/agent-shell-layout.tsx @@ -27,7 +27,11 @@ import { SidebarProvider, useSidebar, } from "@decocms/ui/components/sidebar.tsx"; -import { Sheet, SheetContent, SheetTitle } from "@decocms/ui/components/sheet.tsx"; +import { + Sheet, + SheetContent, + SheetTitle, +} from "@decocms/ui/components/sheet.tsx"; import { Tooltip, TooltipContent, diff --git a/apps/mesh/src/web/layouts/settings-layout.tsx b/apps/mesh/src/web/layouts/settings-layout.tsx index 95ffd4993d..3751d16bcd 100644 --- a/apps/mesh/src/web/layouts/settings-layout.tsx +++ b/apps/mesh/src/web/layouts/settings-layout.tsx @@ -18,7 +18,11 @@ import { SidebarProvider, useSidebar, } from "@decocms/ui/components/sidebar.tsx"; -import { Sheet, SheetContent, SheetTitle } from "@decocms/ui/components/sheet.tsx"; +import { + Sheet, + SheetContent, + SheetTitle, +} from "@decocms/ui/components/sheet.tsx"; import { PageContentClassNameProvider } from "@/web/components/page"; import { ArrowNarrowLeft,