chore(ui): upgrade Sandbox UI dependencies

apps/tangle-cloud/src/components/sandbox/SandboxUi.tsx

@@ -42,10 +42,7 @@ import {
   type ReactNode,
 } from 'react';
 
-// Re-export the canonical tangle-cloud Text from the dedicated module so we
-// preserve the existing import surface (`import { Text } from '...sandbox/SandboxUi'`)
-// while routing through a single Text implementation that consumes
-// @tangle-network/brand 0.3 tokens.
+// Re-export the canonical tangle-cloud Text from the dedicated module.
 export { Text } from '../Text';
 export type { TextProps, TextVariant } from '../Text';
 
@@ -397,8 +394,9 @@ export const Chip: FC<{
   className?: string;
   children: ReactNode;
 }> = ({ color, className, children }) => {
-  const variant =
-    (color && CHIP_COLOR_TO_VARIANT[color.toLowerCase()]) ?? 'outline';
+  const variant = color
+    ? (CHIP_COLOR_TO_VARIANT[color.toLowerCase()] ?? 'outline')
+    : 'outline';
 
   return (
     <Badge variant={variant} className={className}>

apps/tangle-cloud/src/containers/payments/FundCreditsContainer.tsx

@@ -70,7 +70,7 @@ const FundCreditsContainer: FC = () => {
           value={label}
           onChange={setLabel}
           isControlled
-          isDisabled={isGenerating || !isUnlocked}
+          disabled={isGenerating || !isUnlocked}
         />
       </div>
 

apps/tangle-cloud/src/pages/instances/Instances/UpdateBlueprintModel/AssetCommitmentFormItem.tsx

@@ -34,7 +34,7 @@ export const AssetCommitmentFormItem: FC<AssetCommitmentFormItemProps> = ({
           isControlled
           value={assetId ?? ''}
           className="hidden"
-          isDisabled
+          disabled
         />
         <div className="flex items-center gap-2">
           <LsTokenIcon

apps/tangle-cloud/src/pages/instances/page.tsx

@@ -137,7 +137,7 @@ const Page = () => {
         }
         action={
           !isConnected ? (
-            <div className="flex gap-2">
+            <div className="grid w-full grid-cols-2 gap-2 sm:flex sm:w-auto">
               <Button
                 variant="secondary"
                 size="sm"

apps/tangle-cloud/tsconfig.json

@@ -4,6 +4,7 @@
     "allowJs": false,
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
+    "moduleResolution": "bundler",
     "strict": true,
     "types": ["vite/client", "vitest"]
   },

package.json

@@ -99,10 +99,11 @@
     "@radix-ui/react-tooltip": "^1.2.10",
     "@solana/wallet-adapter-react": "^0.15.39",
     "@solana/web3.js": "^1.98.4",
+    "@tangle-network/agent-interface": "0.36.0",
     "@tangle-network/blueprint-ui": "^0.1.2",
-    "@tangle-network/brand": "^0.3.0",
-    "@tangle-network/sandbox-ui": "^0.15.3",
-    "@tangle-network/ui": "^1.0.1",
+    "@tangle-network/brand": "1.1.0",
+    "@tangle-network/sandbox-ui": "0.90.3",
+    "@tangle-network/ui": "11.2.1",
     "@tanstack/react-query": "^5.101.0",
     "@walletconnect/ethereum-provider": "^2.23.9",
     "blo": "^2.0.0",

types/global.d.ts

@@ -12,54 +12,3 @@ declare module '*.svg?url' {
   const content: string;
   export default content;
 }
-
-declare module '@tangle-network/sandbox-ui/primitives' {
-  export {
-    Avatar,
-    AvatarFallback,
-    Badge,
-    Button,
-    type ButtonProps,
-    Card,
-    CardContent,
-    CardDescription,
-    CardFooter,
-    CardHeader,
-    CardTitle,
-    Dialog,
-    DialogClose,
-    DialogContent,
-    DialogDescription,
-    DialogFooter,
-    DialogHeader,
-    DialogTitle,
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuLabel,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-    Input,
-    type InputProps,
-    Select,
-    SelectContent,
-    SelectItem,
-    SelectTrigger,
-    SelectValue,
-    Skeleton,
-    Table,
-    TableBody,
-    TableCell,
-    TableHead,
-    TableHeader,
-    TableRow,
-    Tabs,
-    TabsContent,
-    TabsList,
-    TabsTrigger,
-    TangleKnot,
-    Textarea,
-    type TextareaProps,
-    ToastProvider,
-  } from '@tangle-network/sandbox-ui';
-}