@djangocfg/ext-support 1.0.6 → 1.0.8

package/dist/index.js

@@ -2,13 +2,15 @@ import { createConsola, consola } from 'consola';
 import pRetry, { AbortError } from 'p-retry';
 import { z } from 'zod';
 import { createExtensionAPI } from '@djangocfg/ext-base/api';
+import { ArrowLeft, LifeBuoy, Plus, MessageSquare, Loader2, Send, Headphones, User, Clock } from 'lucide-react';
 import React7, { createContext, useState, useCallback, useEffect, useContext, useRef } from 'react';
+import { Button, ResizablePanelGroup, ResizablePanel, ResizableHandle, Skeleton, ScrollArea, useToast, Textarea, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Form, FormField, FormItem, FormLabel, FormControl, Input, FormMessage, Avatar, AvatarImage, AvatarFallback, Card, CardContent, Badge } from '@djangocfg/ui-nextjs';
 import useSWR, { useSWRConfig } from 'swr';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import moment2 from 'moment';
+import { cn } from '@djangocfg/ui-core/lib';
 import { useAuth } from '@djangocfg/api/auth';
 import useSWRInfinite from 'swr/infinite';
-import { Button, ResizablePanelGroup, ResizablePanel, ResizableHandle, Skeleton, ScrollArea, useToast, Textarea, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Form, FormField, FormItem, FormLabel, FormControl, Input, FormMessage, Avatar, AvatarImage, AvatarFallback, Card, CardContent, cn, Badge } from '@djangocfg/ui-nextjs';
-import { ArrowLeft, LifeBuoy, Plus, MessageSquare, Loader2, Send, Headphones, User, Clock } from 'lucide-react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { createExtensionConfig } from '@djangocfg/ext-base';
@@ -1775,6 +1777,67 @@ function useSupportContext() {
   }
   return context;
 }
+var getStatusBadgeVariant = (status) => {
+  switch (status) {
+    case "open":
+      return "default";
+    case "waiting_for_user":
+      return "secondary";
+    case "waiting_for_admin":
+      return "outline";
+    case "resolved":
+      return "outline";
+    case "closed":
+      return "secondary";
+    default:
+      return "default";
+  }
+};
+var formatRelativeTime = (date) => {
+  if (!date) return "N/A";
+  const m = moment2.utc(date).local();
+  const now = moment2();
+  const diffInSeconds = now.diff(m, "seconds");
+  if (diffInSeconds < 60) return "Just now";
+  if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m ago`;
+  if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h ago`;
+  if (diffInSeconds < 604800) return `${Math.floor(diffInSeconds / 86400)}d ago`;
+  return m.format("MMM D, YYYY");
+};
+var TicketCard = ({ ticket, isSelected, onClick }) => {
+  return /* @__PURE__ */ jsx(
+    Card,
+    {
+      className: cn(
+        "cursor-pointer transition-all duration-200 ease-out",
+        "hover:bg-accent/50 hover:shadow-md hover:scale-[1.02]",
+        "active:scale-[0.98]",
+        isSelected && "bg-accent border-primary shadow-sm"
+      ),
+      onClick,
+      children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm line-clamp-2 flex-1", children: ticket.subject }),
+          (ticket.unanswered_messages_count || 0) > 0 && /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "destructive",
+              className: "ml-2 shrink-0 animate-pulse",
+              children: ticket.unanswered_messages_count
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: getStatusBadgeVariant(ticket.status || "open"), className: "text-xs", children: ticket.status || "open" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx("span", { children: formatRelativeTime(ticket.created_at) })
+          ] })
+        ] }) })
+      ] })
+    }
+  );
+};
 
 // src/layouts/SupportLayout/events.ts
 var SUPPORT_LAYOUT_EVENTS = {
@@ -2039,71 +2102,6 @@ function useSupportLayoutContext() {
   }
   return context;
 }
-var getStatusBadgeVariant = (status) => {
-  switch (status) {
-    case "open":
-      return "default";
-    case "waiting_for_user":
-      return "secondary";
-    case "waiting_for_admin":
-      return "outline";
-    case "resolved":
-      return "outline";
-    case "closed":
-      return "secondary";
-    default:
-      return "default";
-  }
-};
-var formatRelativeTime = (date) => {
-  if (!date) return "N/A";
-  const now = /* @__PURE__ */ new Date();
-  const messageDate = new Date(date);
-  const diffInSeconds = Math.floor((now.getTime() - messageDate.getTime()) / 1e3);
-  if (diffInSeconds < 60) return "Just now";
-  if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m ago`;
-  if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h ago`;
-  if (diffInSeconds < 604800) return `${Math.floor(diffInSeconds / 86400)}d ago`;
-  return new Date(date).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  });
-};
-var TicketCard = ({ ticket, isSelected, onClick }) => {
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      className: cn(
-        "cursor-pointer transition-all duration-200 ease-out",
-        "hover:bg-accent/50 hover:shadow-md hover:scale-[1.02]",
-        "active:scale-[0.98]",
-        isSelected && "bg-accent border-primary shadow-sm"
-      ),
-      onClick,
-      children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm line-clamp-2 flex-1", children: ticket.subject }),
-          (ticket.unanswered_messages_count || 0) > 0 && /* @__PURE__ */ jsx(
-            Badge,
-            {
-              variant: "destructive",
-              className: "ml-2 shrink-0 animate-pulse",
-              children: ticket.unanswered_messages_count
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx(Badge, { variant: getStatusBadgeVariant(ticket.status || "open"), className: "text-xs", children: ticket.status || "open" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx("span", { children: formatRelativeTime(ticket.created_at) })
-          ] })
-        ] }) })
-      ] })
-    }
-  );
-};
 var TicketList = () => {
   const { selectedTicket, selectTicket } = useSupportLayoutContext();
   const {
@@ -2209,28 +2207,23 @@ var TicketList = () => {
 };
 var formatTime = (date) => {
   if (!date) return "";
-  return new Date(date).toLocaleTimeString("en-US", {
-    hour: "2-digit",
-    minute: "2-digit"
-  });
+  return moment2.utc(date).local().format("hh:mm A");
 };
 var formatDate = (date) => {
   if (!date) return "";
-  return new Date(date).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  });
+  return moment2.utc(date).local().format("MMM D, YYYY");
 };
 var MessageBubble = ({ message, isFromUser, currentUser }) => {
   const sender = message.sender;
+  const senderInitial = sender?.display_username?.charAt(0)?.toUpperCase() || sender?.initials || "S";
+  const userInitial = currentUser?.display_username?.charAt(0)?.toUpperCase() || currentUser?.email?.charAt(0)?.toUpperCase() || currentUser?.initials || null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: `flex gap-3 ${isFromUser ? "justify-end" : "justify-start"}
                  animate-in fade-in slide-in-from-bottom-2 duration-300`,
       children: [
-        !isFromUser && /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 shrink-0", children: sender?.avatar ? /* @__PURE__ */ jsx(AvatarImage, { src: sender.avatar, alt: sender.display_username || "Support" }) : /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary text-primary-foreground", children: sender?.is_staff ? /* @__PURE__ */ jsx(Headphones, { className: "h-4 w-4" }) : sender?.display_username?.charAt(0)?.toUpperCase() || sender?.initials || "S" }) }),
+        !isFromUser && /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 shrink-0", children: sender?.avatar ? /* @__PURE__ */ jsx(AvatarImage, { src: sender.avatar, alt: sender.display_username || "Support" }) : /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary text-primary-foreground", children: sender?.is_staff ? /* @__PURE__ */ jsx(Headphones, { className: "h-4 w-4" }) : senderInitial }) }),
         /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-1 flex-1 max-w-[80%] ${isFromUser ? "items-end" : "items-start"}`, children: [
           !isFromUser && sender && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground px-1", children: [
             sender.display_username || sender.email || "Support Team",
@@ -2245,7 +2238,7 @@ var MessageBubble = ({ message, isFromUser, currentUser }) => {
           ),
           /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground px-1", children: formatTime(message.created_at) })
         ] }),
-        isFromUser && /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 shrink-0", children: currentUser?.avatar ? /* @__PURE__ */ jsx(AvatarImage, { src: currentUser.avatar, alt: currentUser.display_username || currentUser.email || "You" }) : /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary/10 text-primary font-semibold", children: currentUser?.display_username?.charAt(0)?.toUpperCase() || currentUser?.email?.charAt(0)?.toUpperCase() || currentUser?.initials || /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }) }) })
+        isFromUser && /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 shrink-0", children: currentUser?.avatar ? /* @__PURE__ */ jsx(AvatarImage, { src: currentUser.avatar, alt: currentUser.display_username || currentUser.email || "You" }) : /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary/10 text-primary font-semibold", children: userInitial || /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }) }) })
       ]
     }
   );
@@ -2363,7 +2356,7 @@ var MessageList = () => {
     messages.map((message, index) => {
       const isFromUser = message.sender?.id && user?.id && String(message.sender.id) === String(user.id) || message.sender?.email && user?.email && message.sender.email === user.email || message.is_from_author && selectedTicket?.user && user?.id && String(selectedTicket.user) === String(user.id);
       const previousMessage = index > 0 ? messages[index - 1] : null;
-      const showDateSeparator = previousMessage && new Date(previousMessage.created_at || "").toDateString() !== new Date(message.created_at || "").toDateString();
+      const showDateSeparator = previousMessage && moment2.utc(previousMessage.created_at || "").format("YYYY-MM-DD") !== moment2.utc(message.created_at || "").format("YYYY-MM-DD");
       return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
         showDateSeparator && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 my-4", children: [
           /* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-border" }),
@@ -2400,17 +2393,10 @@ var MessageInput = () => {
     try {
       await sendMessage(message.trim());
       setMessage("");
-      toast({
-        title: "Success",
-        description: "Message sent successfully"
-      });
+      toast.success("Message sent successfully");
     } catch (error) {
       supportLogger.error("Failed to send message:", error);
-      toast({
-        title: "Error",
-        description: "Failed to send message",
-        variant: "destructive"
-      });
+      toast.error("Failed to send message");
     } finally {
       setIsSending(false);
     }
@@ -2631,7 +2617,7 @@ var SupportLayout = () => {
 // package.json
 var package_default = {
   name: "@djangocfg/ext-support",
-  version: "1.0.6",
+  version: "1.0.8",
   description: "Support ticket system extension for DjangoCFG",
   keywords: [
     "django",
@@ -2692,9 +2678,11 @@ var package_default = {
   peerDependencies: {
     "@djangocfg/api": "workspace:*",
     "@djangocfg/ext-base": "workspace:*",
+    "@djangocfg/ui-core": "workspace:*",
     "@djangocfg/ui-nextjs": "workspace:*",
     consola: "^3.4.2",
     "lucide-react": "^0.545.0",
+    moment: "^2.30.1",
     next: "^15.5.7",
     "p-retry": "^7.0.0",
     react: "^18 || ^19",
@@ -2709,6 +2697,7 @@ var package_default = {
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     consola: "^3.4.2",
+    moment: "^2.30.1",
     "p-retry": "^7.0.0",
     swr: "^2.3.7",
     tsup: "^8.5.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ext-support",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Support ticket system extension for DjangoCFG",
   "keywords": [
     "django",
@@ -59,11 +59,13 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.37",
-    "@djangocfg/ext-base": "^1.0.6",
-    "@djangocfg/ui-nextjs": "^2.1.37",
+    "@djangocfg/api": "^2.1.91",
+    "@djangocfg/ext-base": "^1.0.8",
+    "@djangocfg/ui-core": "^2.1.91",
+    "@djangocfg/ui-nextjs": "^2.1.91",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
+    "moment": "^2.30.1",
     "next": "^15.5.7",
     "p-retry": "^7.0.0",
     "react": "^18 || ^19",
@@ -72,12 +74,13 @@
     "zod": "^4.1.13"
   },
   "devDependencies": {
-    "@djangocfg/api": "^2.1.37",
-    "@djangocfg/ext-base": "^1.0.6",
-    "@djangocfg/typescript-config": "^2.1.37",
+    "@djangocfg/api": "^2.1.91",
+    "@djangocfg/ext-base": "^1.0.8",
+    "@djangocfg/typescript-config": "^2.1.91",
     "@types/node": "^24.7.2",
     "@types/react": "^19.0.0",
     "consola": "^3.4.2",
+    "moment": "^2.30.1",
     "p-retry": "^7.0.0",
     "swr": "^2.3.7",
     "tsup": "^8.5.0",

package/src/api/generated/ext_support/CLAUDE.md

@@ -0,0 +1,80 @@
+# Django CFG API - Typescript Client
+
+Auto-generated. **Do not edit manually.**
+
+```bash
+python manage.py generate_client --groups ext_support --typescript
+```
+
+## Stats
+
+| | |
+|---|---|
+| Version | 3.0.3 |
+| Operations | 12 |
+| Schemas | 11 |
+
+## Resources
+
+- **support** (12 ops)
+
+## Operations
+
+**support:**
+- `POST` /cfg/support/tickets/ → `cfg_support_tickets_create`
+- `DELETE` /cfg/support/tickets/{uuid}/ → `cfg_support_tickets_destroy`
+- `GET` /cfg/support/tickets/ → `cfg_support_tickets_list`
+- `POST` /cfg/support/tickets/{ticket_uuid}/messages/ → `cfg_support_tickets_messages_create`
+- `DELETE` /cfg/support/tickets/{ticket_uuid}/messages/{uuid}/ → `cfg_support_tickets_messages_destroy`
+- `GET` /cfg/support/tickets/{ticket_uuid}/messages/ → `cfg_support_tickets_messages_list`
+- `PATCH` /cfg/support/tickets/{ticket_uuid}/messages/{uuid}/ → `cfg_support_tickets_messages_partial_update`
+- `GET` /cfg/support/tickets/{ticket_uuid}/messages/{uuid}/ → `cfg_support_tickets_messages_retrieve`
+- `PUT` /cfg/support/tickets/{ticket_uuid}/messages/{uuid}/ → `cfg_support_tickets_messages_update`
+- `PATCH` /cfg/support/tickets/{uuid}/ → `cfg_support_tickets_partial_update`
+- `GET` /cfg/support/tickets/{uuid}/ → `cfg_support_tickets_retrieve`
+- `PUT` /cfg/support/tickets/{uuid}/ → `cfg_support_tickets_update`
+
+## Usage
+
+```typescript
+import { APIClient } from './';
+
+const client = new APIClient({ baseUrl, token });
+
+await client.support.list();
+await client.support.retrieve({ id: 1 });
+await client.support.create({ ... });
+```
+
+**SWR Hooks:**
+```typescript
+import { useSupportList } from './hooks';
+const { data, isLoading } = useSupportList();
+```
+
+## How It Works
+
+```
+DRF ViewSets → drf-spectacular → OpenAPI → IR Parser → Generator → This Client
+```
+
+**Configuration** (`api/config.py`):
+```python
+openapi_client = OpenAPIClientConfig(
+    enabled=True,
+    groups=[OpenAPIGroupConfig(name="ext_support", apps=["..."])],
+    generate_zod_schemas=True,  # → schemas.ts
+    generate_fetchers=True,     # → fetchers.ts
+    generate_swr_hooks=True,    # → hooks.ts
+)
+```
+
+**Copy to Next.js** (if `nextjs_admin` configured):
+```python
+nextjs_admin = NextJsAdminConfig(
+    project_path="../frontend/apps/...",
+    api_output_path="app/_lib/api/generated",
+)
+```
+
+@see https://djangocfg.com/docs/features/api-generation

package/src/api/generated/ext_support/_utils/fetchers/ext_support__support.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * Typed fetchers for Support
  *

package/src/api/generated/ext_support/_utils/fetchers/index.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * Typed Fetchers - Universal API functions
  *

package/src/api/generated/ext_support/_utils/hooks/ext_support__support.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 'use client';
 
 /**

package/src/api/generated/ext_support/_utils/hooks/index.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 'use client';
 
 /**

package/src/api/generated/ext_support/_utils/schemas/index.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * Zod Schemas - Runtime validation and type inference
  *

package/src/api/generated/ext_support/api-instance.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * Global API Instance - Singleton configuration
  *

package/src/api/generated/ext_support/enums.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * * `open` - Open
  * * `waiting_for_user` - Waiting for User

package/src/api/generated/ext_support/errors.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * API Error Classes
  *

package/src/api/generated/ext_support/ext_support__support/index.ts

@@ -1,10 +1,3 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 export * from "./client";
 export * as Models from "./models";

package/src/api/generated/ext_support/ext_support__support/models.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 import * as Enums from "../enums";
 
 /**

package/src/api/generated/ext_support/http.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * HTTP Client Adapter Pattern
  *

package/src/api/generated/ext_support/index.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * Django CFG API - API Client with JWT Management
  *

package/src/api/generated/ext_support/logger.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * API Logger with Consola
  * Beautiful console logging for API requests and responses

package/src/api/generated/ext_support/retry.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * Retry Configuration and Utilities
  *

package/src/api/generated/ext_support/storage.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * Storage adapters for cross-platform token storage.
  *

package/src/api/generated/ext_support/validation-events.ts

@@ -1,11 +1,4 @@
-/**
- * AUTO-GENERATED FILE - DO NOT EDIT
- *
- * This file is automatically generated by DjangoCFG.
- * Any manual changes will be lost when the code is regenerated.
- *
- * @see https://djangocfg.com/docs/features/modules/django-client/overview/
- */
+// Auto-generated by DjangoCFG - see CLAUDE.md
 /**
  * Zod Validation Events - Browser CustomEvent integration
  *

package/src/api/index.ts

@@ -1,9 +1,10 @@
+import { createExtensionAPI } from '@djangocfg/ext-base/api';
+
 /**
  * Support Extension API
  *
  * Pre-configured API instance with shared authentication
  */
 import { API } from './generated/ext_support';
-import { createExtensionAPI } from '@djangocfg/ext-base/api';
 
 export const apiSupport = createExtensionAPI(API);

package/src/config.ts

@@ -3,6 +3,7 @@
  */
 
 import { createExtensionConfig } from '@djangocfg/ext-base';
+
 import packageJson from '../package.json';
 
 export const extensionConfig = createExtensionConfig(packageJson, {

package/src/contexts/SupportContext.tsx

@@ -1,20 +1,16 @@
 'use client';
 
-import React, { createContext, useContext, type ReactNode } from 'react';
+import React, { createContext, ReactNode, useContext } from 'react';
+
 import {
-  useSupportTicketsList,
-  useSupportTicketsRetrieve,
-  useCreateSupportTicketsCreate,
-  useUpdateSupportTicketsUpdate,
-  usePartialUpdateSupportTicketsPartialUpdate,
-  useDeleteSupportTicketsDestroy,
-  useSupportTicketsMessagesList,
-  useSupportTicketsMessagesRetrieve,
-  useCreateSupportTicketsMessagesCreate,
-  useUpdateSupportTicketsMessagesUpdate,
-  usePartialUpdateSupportTicketsMessagesPartialUpdate,
-  useDeleteSupportTicketsMessagesDestroy,
+    useCreateSupportTicketsCreate, useCreateSupportTicketsMessagesCreate,
+    useDeleteSupportTicketsDestroy, useDeleteSupportTicketsMessagesDestroy,
+    usePartialUpdateSupportTicketsMessagesPartialUpdate,
+    usePartialUpdateSupportTicketsPartialUpdate, useSupportTicketsList,
+    useSupportTicketsMessagesList, useSupportTicketsMessagesRetrieve, useSupportTicketsRetrieve,
+    useUpdateSupportTicketsMessagesUpdate, useUpdateSupportTicketsUpdate
 } from '../api/generated/ext_support/_utils/hooks';
+
 import type {
   Ticket,
   TicketRequest,