spine-framework 0.1.61 → 0.2.0

package/.framework/seeds/types/funnel_signal_use.json

@@ -0,0 +1,98 @@
+{
+  "slug": "funnel_signal_use",
+  "kind": "item",
+  "name": "Usage Signal",
+  "description": "Tracks CLI and app usage signals from npm installations",
+  "design_schema": {
+    "fields": {
+      "title": {
+        "data_type": "text",
+        "label": "Title",
+        "required": true,
+        "system": true
+      },
+      "source": {
+        "data_type": "select",
+        "label": "Source",
+        "required": true,
+        "options": ["use"]
+      },
+      "stage": {
+        "data_type": "select",
+        "label": "Stage",
+        "required": true,
+        "options": ["installed", "claimed", "active"]
+      },
+      "action_type": {
+        "data_type": "text",
+        "label": "Action Type",
+        "required": true
+      },
+      "action_value": {
+        "data_type": "number",
+        "label": "Action Value",
+        "required": true
+      },
+      "serial": {
+        "data_type": "text",
+        "label": "Install Serial",
+        "required": true
+      },
+      "app_slug": {
+        "data_type": "select",
+        "label": "App",
+        "required": false,
+        "options": ["framework", "cortex", "portal"]
+      },
+      "app_version": {
+        "data_type": "text",
+        "label": "App Version",
+        "required": false
+      }
+    },
+    "views": {
+      "default_list": {
+        "type": "list",
+        "display": "table",
+        "label": "Usage Signals",
+        "fields": {
+          "title": { "sortable": true, "display_type": "text" },
+          "action_type": { "sortable": true, "display_type": "badge" },
+          "stage": { "sortable": true, "display_type": "badge" },
+          "serial": { "sortable": true, "display_type": "text" },
+          "created_at": { "sortable": true, "display_type": "timestamp" }
+        }
+      },
+      "default_detail": {
+        "type": "detail",
+        "label": "Signal Detail",
+        "sections": [
+          {
+            "title": "Signal",
+            "fields": {
+              "action_type": { "display_type": "input" },
+              "action_value": { "display_type": "input" },
+              "stage": { "display_type": "select" }
+            }
+          },
+          {
+            "title": "Instance",
+            "fields": {
+              "serial": { "display_type": "input" },
+              "app_slug": { "display_type": "select" },
+              "app_version": { "display_type": "input" }
+            }
+          }
+        ]
+      }
+    },
+    "record_permissions": {
+      "system-admin": ["create", "read", "update", "delete"],
+      "support": ["create", "read", "update"],
+      "member": ["create", "read"]
+    }
+  },
+  "validation_schema": {},
+  "ownership": "pack",
+  "is_active": true
+}

package/.framework/seeds/types/spine_instance.json

@@ -0,0 +1,109 @@
+{
+  "slug": "spine_instance",
+  "kind": "item",
+  "name": "CLI Instance",
+  "description": "Tracks npm package installations per device",
+  "design_schema": {
+    "fields": {
+      "title": {
+        "data_type": "text",
+        "label": "Title",
+        "required": true,
+        "system": true
+      },
+      "serial": {
+        "data_type": "text",
+        "label": "Install Serial",
+        "required": true,
+        "validation": {
+          "pattern": "^sf_inst_[a-z0-9-]+$"
+        }
+      },
+      "app_slug": {
+        "data_type": "select",
+        "label": "App",
+        "required": true,
+        "options": ["framework", "cortex", "portal"]
+      },
+      "version": {
+        "data_type": "text",
+        "label": "Version",
+        "required": true
+      },
+      "claimed_by_person_id": {
+        "data_type": "reference",
+        "label": "Claimed By",
+        "required": false,
+        "validation": {
+          "reference_kind": "person"
+        }
+      },
+      "claimed_at": {
+        "data_type": "datetime",
+        "label": "Claimed At",
+        "required": false
+      },
+      "first_seen_at": {
+        "data_type": "datetime",
+        "label": "First Seen",
+        "required": true
+      },
+      "last_signal_at": {
+        "data_type": "datetime",
+        "label": "Last Signal",
+        "required": false
+      }
+    },
+    "views": {
+      "default_list": {
+        "type": "list",
+        "display": "table",
+        "label": "CLI Instances",
+        "fields": {
+          "title": { "sortable": true, "display_type": "text" },
+          "app_slug": { "sortable": true, "display_type": "badge" },
+          "version": { "sortable": true, "display_type": "text" },
+          "claimed_at": { "sortable": true, "display_type": "timestamp" },
+          "last_signal_at": { "sortable": true, "display_type": "timestamp" }
+        },
+        "default_sort": { "field": "created_at", "direction": "desc" }
+      },
+      "default_detail": {
+        "type": "detail",
+        "label": "Instance Detail",
+        "sections": [
+          {
+            "title": "Instance",
+            "fields": {
+              "serial": { "display_type": "input" },
+              "app_slug": { "display_type": "select" },
+              "version": { "display_type": "input" }
+            }
+          },
+          {
+            "title": "Claim",
+            "fields": {
+              "claimed_by_person_id": { "display_type": "reference_picker" },
+              "claimed_at": { "display_type": "timestamp" }
+            }
+          },
+          {
+            "title": "Activity",
+            "fields": {
+              "first_seen_at": { "display_type": "timestamp" },
+              "last_signal_at": { "display_type": "timestamp" }
+            }
+          }
+        ]
+      }
+    },
+    "record_permissions": {
+      "system-admin": ["create", "read", "update", "delete"],
+      "support": ["create", "read", "update"],
+      "member": ["create", "read", "update"]
+    }
+  },
+  "validation_schema": {},
+  "ownership": "pack",
+  "is_active": true
+}

package/.framework/src/App.tsx

@@ -3,7 +3,6 @@ import { Routes, Route, Navigate } from 'react-router-dom'
 import { useAuth } from './contexts/AuthContext'
 import { LoadingSpinner } from './components/ui/LoadingSpinner'
 import { LoginPage } from './pages/auth/LoginPage'
-import { RegisterPage } from './pages/auth/RegisterPage'
 import { NotFoundPage } from './pages/NotFoundPage'
 import { DashboardPage } from './pages/DashboardPage'
 import { AppWrapper } from './components/AppWrapper'
@@ -34,7 +33,6 @@ function App() {
       {!user ? (
         <Routes>
           <Route path="/login" element={<LoginPage />} />
-          <Route path="/register" element={<RegisterPage />} />
           <Route path="*" element={<Navigate to="/login" replace />} />
         </Routes>
       ) : (
@@ -67,11 +65,15 @@ function AuthenticatedRouter() {
       return (b.route_prefix?.length || 0) - (a.route_prefix?.length || 0)
     })
 
+  // Determine default redirect: first app with a route_prefix, or fall back to dashboard
+  const defaultApp = sorted.find(app => app.route_prefix && app.route_prefix !== '/')
+  const defaultRedirect = defaultApp?.route_prefix || '/dashboard'
+
   return (
     <Suspense fallback={<div className="min-h-screen flex items-center justify-center"><LoadingSpinner /></div>}>
       <Routes>
-        {/* Default redirect */}
-        <Route path="/" element={<Navigate to="/dashboard" replace />} />
+        {/* Default redirect to first available app, or dashboard if no apps */}
+        <Route path="/" element={<Navigate to={defaultRedirect} replace />} />
         <Route path="/dashboard" element={<DashboardPage />} />
         
         {/* Login route for authenticated users (redirects to qualified app) */}

package/.framework/src/components/ui/accordion.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { Accordion as AccordionPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"

package/.framework/src/components/ui/alert-dialog.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"

package/.framework/src/components/ui/aspect-ratio.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
+import { AspectRatio as AspectRatioPrimitive } from "radix-ui"
 
 function AspectRatio({
   ...props

package/.framework/src/components/ui/avatar.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
+import { Avatar as AvatarPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/badge.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from "@radix-ui/react-slot"
+import { Slot } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 
@@ -34,7 +34,7 @@ function Badge({
   ...props
 }: React.ComponentProps<"span"> &
   VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "span"
+  const Comp = asChild ? Slot.Root : "span"
 
   return (
     <Comp

package/.framework/src/components/ui/breadcrumb.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
+import { Slot } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
@@ -45,7 +45,7 @@ function BreadcrumbLink({
 }: React.ComponentProps<"a"> & {
   asChild?: boolean
 }) {
-  const Comp = asChild ? Slot : "a"
+  const Comp = asChild ? Slot.Root : "a"
 
   return (
     <Comp

package/.framework/src/components/ui/button-group.tsx

@@ -1,5 +1,5 @@
 import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from "@radix-ui/react-slot"
+import { Slot } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { Separator } from "@/components/ui/separator"
@@ -44,7 +44,7 @@ function ButtonGroupText({
 }: React.ComponentProps<"div"> & {
   asChild?: boolean
 }) {
-  const Comp = asChild ? Slot : "div"
+  const Comp = asChild ? Slot.Root : "div"
 
   return (
     <Comp

package/.framework/src/components/ui/button.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from "@radix-ui/react-slot"
+import { Slot } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 
@@ -49,7 +49,7 @@ function Button({
   VariantProps<typeof buttonVariants> & {
     asChild?: boolean
   }) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? Slot.Root : "button"
 
   return (
     <Comp

package/.framework/src/components/ui/chart.tsx

@@ -2,6 +2,7 @@
 
 import * as React from "react"
 import * as RechartsPrimitive from "recharts"
+import type { TooltipValueType } from "recharts"
 
 import { cn } from "@/lib/utils"
 
@@ -9,6 +10,7 @@ import { cn } from "@/lib/utils"
 const THEMES = { light: "", dark: ".dark" } as const
 
 const INITIAL_DIMENSION = { width: 320, height: 200 } as const
+type TooltipNameType = number | string
 
 export type ChartConfig = Record<
   string,
@@ -136,7 +138,10 @@ function ChartTooltipContent({
     nameKey?: string
     labelKey?: string
   } & Omit<
-    RechartsPrimitive.TooltipContentProps,
+    RechartsPrimitive.DefaultTooltipContentProps<
+      TooltipValueType,
+      TooltipNameType
+    >,
     "accessibilityLayer"
   >) {
   const { config } = useChart()

package/.framework/src/components/ui/checkbox.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Checkbox as CheckboxPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { CheckIcon } from "lucide-react"

package/.framework/src/components/ui/collapsible.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+import { Collapsible as CollapsiblePrimitive } from "radix-ui"
 
 function Collapsible({
   ...props

package/.framework/src/components/ui/context-menu.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { ChevronRightIcon, CheckIcon } from "lucide-react"

package/.framework/src/components/ui/dialog.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { Dialog as DialogPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"

package/.framework/src/components/ui/direction.tsx

@@ -1,6 +1,22 @@
 "use client"
 
 import * as React from "react"
-import { DirectionProvider, useDirection } from "@radix-ui/react-direction"
+import { Direction } from "radix-ui"
+
+function DirectionProvider({
+  dir,
+  direction,
+  children,
+}: React.ComponentProps<typeof Direction.DirectionProvider> & {
+  direction?: React.ComponentProps<typeof Direction.DirectionProvider>["dir"]
+}) {
+  return (
+    <Direction.DirectionProvider dir={direction ?? dir}>
+      {children}
+    </Direction.DirectionProvider>
+  )
+}
+
+const useDirection = Direction.useDirection
 
 export { DirectionProvider, useDirection }

package/.framework/src/components/ui/dropdown-menu.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { CheckIcon, ChevronRightIcon } from "lucide-react"

package/.framework/src/components/ui/hover-card.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+import { HoverCard as HoverCardPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/item.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from "@radix-ui/react-slot"
+import { Slot } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { Separator } from "@/components/ui/separator"
@@ -63,7 +63,7 @@ function Item({
   ...props
 }: React.ComponentProps<"div"> &
   VariantProps<typeof itemVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div"
+  const Comp = asChild ? Slot.Root : "div"
   return (
     <Comp
       data-slot="item"

package/.framework/src/components/ui/label.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
+import { Label as LabelPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/menubar.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import * as MenubarPrimitive from "@radix-ui/react-menubar"
+import { Menubar as MenubarPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { CheckIcon, ChevronRightIcon } from "lucide-react"

package/.framework/src/components/ui/navigation-menu.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import { cva } from "class-variance-authority"
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { ChevronDownIcon } from "lucide-react"

package/.framework/src/components/ui/popover.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as PopoverPrimitive from "@radix-ui/react-popover"
+import { Popover as PopoverPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/progress.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import * as ProgressPrimitive from "@radix-ui/react-progress"
+import { Progress as ProgressPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/radio-group.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/scroll-area.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/select.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import * as SelectPrimitive from "@radix-ui/react-select"
+import { Select as SelectPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react"

package/.framework/src/components/ui/separator.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as SeparatorPrimitive from "@radix-ui/react-separator"
+import { Separator as SeparatorPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/sheet.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { Dialog as SheetPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"

package/.framework/src/components/ui/sidebar.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
-import { Slot } from "@radix-ui/react-slot"
+import { Slot } from "radix-ui"
 
 import { useIsMobile } from "@/hooks/use-mobile"
 import { cn } from "@/lib/utils"
@@ -398,7 +398,7 @@ function SidebarGroupLabel({
   asChild = false,
   ...props
 }: React.ComponentProps<"div"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div"
+  const Comp = asChild ? Slot.Root : "div"
 
   return (
     <Comp
@@ -418,7 +418,7 @@ function SidebarGroupAction({
   asChild = false,
   ...props
 }: React.ComponentProps<"button"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? Slot.Root : "button"
 
   return (
     <Comp
@@ -504,7 +504,7 @@ function SidebarMenuButton({
   isActive?: boolean
   tooltip?: string | React.ComponentProps<typeof TooltipContent>
 } & VariantProps<typeof sidebarMenuButtonVariants>) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? Slot.Root : "button"
   const { isMobile, state } = useSidebar()
 
   const button = (
@@ -550,7 +550,7 @@ function SidebarMenuAction({
   asChild?: boolean
   showOnHover?: boolean
 }) {
-  const Comp = asChild ? Slot : "button"
+  const Comp = asChild ? Slot.Root : "button"
 
   return (
     <Comp
@@ -661,7 +661,7 @@ function SidebarMenuSubButton({
   size?: "sm" | "md"
   isActive?: boolean
 }) {
-  const Comp = asChild ? Slot : "a"
+  const Comp = asChild ? Slot.Root : "a"
 
   return (
     <Comp

package/.framework/src/components/ui/slider.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import * as SliderPrimitive from "@radix-ui/react-slider"
+import { Slider as SliderPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/switch.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import * as SwitchPrimitive from "@radix-ui/react-switch"
+import { Switch as SwitchPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

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

@@ -2,7 +2,7 @@
 
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
+import { Tabs as TabsPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 

package/.framework/src/components/ui/toggle-group.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react"
 import { type VariantProps } from "class-variance-authority"
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { toggleVariants } from "@/components/ui/toggle"