@agentuity/auth 0.0.96

package/README.md

@@ -0,0 +1,360 @@
+# @agentuity/auth
+
+Drop-in authentication helpers for popular identity providers (Clerk, WorkOS, Auth0, Better Auth, etc.).
+
+## Features
+
+- ✅ **Zero Configuration**: Drop-in components that work out of the box
+- ✅ **Provider Agnostic**: Generic interfaces allow routes to be provider-independent
+- ✅ **Tree Shakeable**: Import only the providers you use (`@agentuity/auth/clerk`)
+- ✅ **Type Safe**: Full TypeScript support with proper type inference
+- ✅ **Automatic Token Injection**: Seamless integration with `useAPI` and `useWebsocket`
+- ✅ **Server Validation**: Easy middleware for token validation and user context
+
+## Installation
+
+```bash
+bun add @agentuity/auth
+```
+
+## Supported Providers
+
+- **Clerk** - `@agentuity/auth/clerk`
+- WorkOS - Coming soon
+- Auth0 - Coming soon
+- Better Auth - Coming soon
+
+## Quick Start
+
+### Clerk Integration
+
+#### 1. Install Clerk
+
+```bash
+bun add @clerk/clerk-react @clerk/backend
+```
+
+#### 2. Client Setup (React)
+
+```tsx
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { ClerkProvider, useAuth } from '@clerk/clerk-react';
+import { AgentuityProvider } from '@agentuity/react';
+import { AgentuityClerk } from '@agentuity/auth/clerk';
+import { App } from './App';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+	<React.StrictMode>
+		<ClerkProvider publishableKey={process.env.AGENTUITY_PUBLIC_CLERK_PUBLISHABLE_KEY!}>
+			<AgentuityProvider>
+				<AgentuityClerk useAuth={useAuth}>
+					<App />
+				</AgentuityClerk>
+			</AgentuityProvider>
+		</ClerkProvider>
+	</React.StrictMode>
+);
+```
+
+#### 3. Server Setup (Hono)
+
+```typescript
+import { createRouter } from '@agentuity/runtime';
+import { createMiddleware } from '@agentuity/auth/clerk';
+
+const router = createRouter();
+
+// Protected route
+router.get('/profile', createMiddleware(), async (c) => {
+	const user = await c.var.auth.requireUser();
+	return c.json({
+		id: user.id,
+		name: user.name,
+		email: user.email,
+	});
+});
+
+export default router;
+```
+
+#### 4. Environment Variables
+
+Create a `.env` file:
+
+```env
+# Client-side (bundled into frontend)
+AGENTUITY_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_...
+
+# Server-side (kept secret)
+CLERK_SECRET_KEY=sk_test_...
+```
+
+Get your keys from [Clerk Dashboard](https://dashboard.clerk.com).
+
+## Usage
+
+### Client Side
+
+Once you wrap your app with `AgentuityClerk`, all `useAPI` and `useWebsocket` calls automatically include the auth token:
+
+```tsx
+import { useAPI, useAgentuity } from '@agentuity/react';
+
+function MyComponent() {
+	const { isAuthenticated, authLoading } = useAgentuity();
+	const { data, invoke } = useAPI('POST /api/users');
+
+	if (authLoading) {
+		return <div>Loading...</div>;
+	}
+
+	if (!isAuthenticated) {
+		return <div>Please sign in</div>;
+	}
+
+	return <button onClick={() => invoke({ name: 'Alice' })}>Create User</button>;
+}
+```
+
+### Server Side
+
+#### Basic Protection
+
+```typescript
+import { createMiddleware } from '@agentuity/auth/clerk';
+
+// Protect a single route
+router.post('/admin', createMiddleware(), async (c) => {
+	const user = await c.var.auth.requireUser();
+	return c.json({ admin: true, userId: user.id });
+});
+```
+
+#### Global Middleware
+
+```typescript
+// Protect all routes under /api
+router.use('/api/*', createMiddleware());
+
+router.get('/api/profile', async (c) => {
+	const user = await c.var.auth.requireUser();
+	return c.json({ email: user.email });
+});
+```
+
+#### Access Provider-Specific Data
+
+```typescript
+router.get('/profile', createMiddleware(), async (c) => {
+	const user = await c.var.auth.requireUser();
+
+	// Access generic fields
+	console.log(user.id, user.email, user.name);
+
+	// Access Clerk-specific fields (fully typed)
+	const clerkUser = user.raw; // Type: User from @clerk/backend
+	console.log(clerkUser.imageUrl);
+	console.log(clerkUser.publicMetadata);
+
+	// Access JWT payload
+	const payload = c.var.auth.raw; // Type: ClerkJWTPayload
+	console.log(payload.sub);
+
+	return c.json({ user });
+});
+```
+
+#### Custom Middleware Options
+
+```typescript
+import { createMiddleware } from '@agentuity/auth/clerk';
+
+router.use(
+	'/api/*',
+	createMiddleware({
+		secretKey: 'custom-secret',
+		publishableKey: 'custom-publishable',
+		getToken: (authHeader) => authHeader.replace('Custom ', ''),
+	})
+);
+```
+
+## API Reference
+
+### Client Components
+
+#### `AgentuityClerk`
+
+React component that integrates Clerk with Agentuity context.
+
+**Props:**
+
+- `useAuth: UseAuth` - Clerk's `useAuth` hook from `@clerk/clerk-react`
+- `children: React.ReactNode` - Your app components
+- `refreshInterval?: number` - Token refresh interval in ms (default: 60000)
+
+**Example:**
+
+```tsx
+<AgentuityClerk useAuth={useAuth} refreshInterval={30000}>
+	<App />
+</AgentuityClerk>
+```
+
+### Server Middleware
+
+#### `createMiddleware(options?)`
+
+Creates Hono middleware for Clerk authentication.
+
+**Options:**
+
+- `secretKey?: string` - Clerk secret key (defaults to `process.env.CLERK_SECRET_KEY`)
+- `publishableKey?: string` - Clerk publishable key (defaults to `process.env.AGENTUITY_PUBLIC_CLERK_PUBLISHABLE_KEY` or `process.env.CLERK_PUBLISHABLE_KEY`)
+- `getToken?: (authHeader: string) => string` - Custom token extractor
+
+**Returns:** Hono `MiddlewareHandler`
+
+**Behavior:**
+
+- Returns 401 if Authorization header is missing
+- Returns 401 if token is invalid
+- Sets `c.var.auth` with authenticated user context
+
+### Context Hook
+
+#### `useAgentuity()`
+
+Hook to access Agentuity context (from `@agentuity/react`).
+
+**Returns:**
+
+```typescript
+{
+  baseUrl: string;
+  authHeader?: string | null;
+  authLoading?: boolean;
+  isAuthenticated: boolean; // Convenience: !authLoading && authHeader !== null
+  setAuthHeader?: (token: string | null) => void;
+  setAuthLoading?: (loading: boolean) => void;
+}
+```
+
+### Types
+
+#### `AgentuityAuthUser<T>`
+
+Generic authenticated user interface.
+
+```typescript
+interface AgentuityAuthUser<T = unknown> {
+	id: string;
+	name?: string;
+	email?: string;
+	raw: T; // Provider-specific user object
+}
+```
+
+#### `AgentuityAuth<TUser, TRaw>`
+
+Generic authentication interface exposed on Hono context.
+
+```typescript
+interface AgentuityAuth<TUser = unknown, TRaw = unknown> {
+	requireUser(): Promise<AgentuityAuthUser<TUser>>;
+	getToken(): Promise<string | null>;
+	raw: TRaw; // Provider-specific auth object (e.g., JWT payload)
+}
+```
+
+## Templates
+
+Get started quickly with the Clerk template:
+
+```bash
+bunx agentuity create my-app --template clerk
+cd my-app
+cp .env.example .env
+# Add your Clerk keys to .env
+bun dev
+```
+
+## Security Best Practices
+
+1. **Never log tokens** - Avoid logging `authHeader` or JWT tokens
+2. **Use HTTPS in production** - Always use TLS for production deployments
+3. **Validate on every request** - Middleware validates tokens on each request
+4. **Keep secrets secret** - Never commit `.env` files or expose `CLERK_SECRET_KEY`
+5. **Use environment variables** - Store all keys in environment variables, not code
+
+## Troubleshooting
+
+### "Unauthorized" errors when signed in
+
+**Check:**
+
+1. Authorization header is present in request (browser DevTools → Network tab)
+2. `CLERK_SECRET_KEY` is set in server environment
+3. Token is being fetched (check console for "Failed to get Clerk token")
+
+**Debug:**
+
+```tsx
+const { authHeader, authLoading, isAuthenticated } = useAgentuity();
+console.log({ authHeader, authLoading, isAuthenticated });
+```
+
+### "Clerk secret key is required" error
+
+Set `CLERK_SECRET_KEY` in your `.env` file:
+
+```env
+CLERK_SECRET_KEY=sk_test_...
+```
+
+### Token not being sent in requests
+
+Ensure `AgentuityClerk` is a **child** of `AgentuityProvider`:
+
+```tsx
+// ✅ CORRECT
+<AgentuityProvider>
+  <AgentuityClerk useAuth={useAuth}>
+    <App />
+  </AgentuityClerk>
+</AgentuityProvider>
+
+// ❌ WRONG
+<AgentuityClerk useAuth={useAuth}>
+  <AgentuityProvider>
+    <App />
+  </AgentuityProvider>
+</AgentuityClerk>
+```
+
+## Examples
+
+See the [Clerk template](../../templates/clerk/) for a complete working example with:
+
+- Sign-in/out UI
+- Protected routes
+- Public routes
+- Conditional rendering based on auth state
+
+## Contributing
+
+This package follows the [Agentuity SDK contributing guidelines](../../AGENTS.md).
+
+To add a new provider:
+
+1. Create `src/<provider>/` directory
+2. Implement `client.tsx` and `server.ts`
+3. Export from `src/<provider>/index.ts`
+4. Add export path to `package.json`
+5. Add peer dependencies
+6. Write tests in `test/<provider>-*.test.ts`
+
+## License
+
+MIT

package/dist/clerk/client.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Clerk client-side authentication provider for React.
+ *
+ * @module clerk/client
+ */
+import React from 'react';
+import type { useAuth as ClerkUseAuth } from '@clerk/clerk-react';
+type UseAuth = typeof ClerkUseAuth;
+export interface AgentuityClerkProps {
+    /** React children to render */
+    children: React.ReactNode;
+    /** Clerk's useAuth hook from @clerk/clerk-react */
+    useAuth: UseAuth;
+    /** Token refresh interval in milliseconds (default: 60000 = 1 minute) */
+    refreshInterval?: number;
+}
+/**
+ * Agentuity authentication provider for Clerk.
+ *
+ * This component integrates Clerk authentication with Agentuity's context,
+ * automatically injecting auth tokens into API calls via useAPI and useWebsocket.
+ *
+ * Must be a child of both ClerkProvider and AgentuityProvider.
+ *
+ * @example
+ * ```tsx
+ * import { ClerkProvider, useAuth } from '@clerk/clerk-react';
+ * import { AgentuityProvider } from '@agentuity/react';
+ * import { AgentuityClerk } from '@agentuity/auth/clerk';
+ *
+ * <ClerkProvider publishableKey={key}>
+ *   <AgentuityProvider>
+ *     <AgentuityClerk useAuth={useAuth}>
+ *       <App />
+ *     </AgentuityClerk>
+ *   </AgentuityProvider>
+ * </ClerkProvider>
+ * ```
+ */
+export declare function AgentuityClerk({ children, useAuth, refreshInterval, }: AgentuityClerkProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=client.d.ts.map

package/dist/clerk/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/clerk/client.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlE,KAAK,OAAO,GAAG,OAAO,YAAY,CAAC;AAEnC,MAAM,WAAW,mBAAmB;IACnC,+BAA+B;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,mDAAmD;IACnD,OAAO,EAAE,OAAO,CAAC;IAEjB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,eAAuB,GACvB,EAAE,mBAAmB,2CAmCrB"}

package/dist/clerk/client.js

@@ -0,0 +1,65 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Clerk client-side authentication provider for React.
+ *
+ * @module clerk/client
+ */
+import { useEffect } from 'react';
+import { useAgentuity } from '@agentuity/react';
+/**
+ * Agentuity authentication provider for Clerk.
+ *
+ * This component integrates Clerk authentication with Agentuity's context,
+ * automatically injecting auth tokens into API calls via useAPI and useWebsocket.
+ *
+ * Must be a child of both ClerkProvider and AgentuityProvider.
+ *
+ * @example
+ * ```tsx
+ * import { ClerkProvider, useAuth } from '@clerk/clerk-react';
+ * import { AgentuityProvider } from '@agentuity/react';
+ * import { AgentuityClerk } from '@agentuity/auth/clerk';
+ *
+ * <ClerkProvider publishableKey={key}>
+ *   <AgentuityProvider>
+ *     <AgentuityClerk useAuth={useAuth}>
+ *       <App />
+ *     </AgentuityClerk>
+ *   </AgentuityProvider>
+ * </ClerkProvider>
+ * ```
+ */
+export function AgentuityClerk({ children, useAuth, refreshInterval = 60000, }) {
+    const { getToken, isLoaded } = useAuth();
+    const { setAuthHeader, setAuthLoading } = useAgentuity();
+    // Fetch and update token in AgentuityContext
+    useEffect(() => {
+        if (!isLoaded || !setAuthHeader || !setAuthLoading) {
+            if (setAuthLoading) {
+                setAuthLoading(true);
+            }
+            return;
+        }
+        const fetchToken = async () => {
+            try {
+                setAuthLoading(true);
+                const token = await getToken();
+                setAuthHeader(token ? `Bearer ${token}` : null);
+            }
+            catch (error) {
+                console.error('Failed to get Clerk token:', error);
+                setAuthHeader(null);
+            }
+            finally {
+                setAuthLoading(false);
+            }
+        };
+        fetchToken();
+        // Clerk handles token expiry internally, we refresh periodically
+        const interval = setInterval(fetchToken, refreshInterval);
+        return () => clearInterval(interval);
+    }, [getToken, isLoaded, setAuthHeader, setAuthLoading, refreshInterval]);
+    // Render children directly - auth header is now in AgentuityContext
+    return _jsx(_Fragment, { children: children });
+}
+//# sourceMappingURL=client.js.map

package/dist/clerk/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/clerk/client.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAehD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,eAAe,GAAG,KAAK,GACF;IACrB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IACzC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAEzD,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc,EAAE,CAAC;YACpD,IAAI,cAAc,EAAE,CAAC;gBACpB,cAAc,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;YACD,OAAO;QACR,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI,CAAC;gBACJ,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,MAAM,KAAK,GAAG,MAAM,QAAQ,EAAE,CAAC;gBAC/B,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACjD,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBAChB,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;gBACnD,aAAa,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC;oBAAS,CAAC;gBACV,cAAc,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACF,CAAC,CAAC;QAEF,UAAU,EAAE,CAAC;QAEb,iEAAiE;QACjE,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzE,oEAAoE;IACpE,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACxB,CAAC"}

package/dist/clerk/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Clerk authentication provider for Agentuity.
+ *
+ * Provides both client-side (React) and server-side (Hono) authentication.
+ *
+ * @example Client-side
+ * ```tsx
+ * import { ClerkProvider, useAuth } from '@clerk/clerk-react';
+ * import { AgentuityProvider } from '@agentuity/react';
+ * import { AgentuityClerk } from '@agentuity/auth/clerk';
+ *
+ * <ClerkProvider publishableKey={key}>
+ *   <AgentuityProvider>
+ *     <AgentuityClerk useAuth={useAuth}>
+ *       <App />
+ *     </AgentuityClerk>
+ *   </AgentuityProvider>
+ * </ClerkProvider>
+ * ```
+ *
+ * @example Server-side
+ * ```typescript
+ * import { createMiddleware } from '@agentuity/auth/clerk';
+ *
+ * router.get('/api/profile', createMiddleware(), async (c) => {
+ *   const user = await c.var.auth.requireUser();
+ *   return c.json({ email: user.email });
+ * });
+ * ```
+ *
+ * @module clerk
+ */
+export { AgentuityClerk } from './client';
+export type { AgentuityClerkProps } from './client';
+export { createMiddleware } from './server';
+export type { ClerkMiddlewareOptions, ClerkJWTPayload } from './server';
+//# sourceMappingURL=index.d.ts.map

package/dist/clerk/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/clerk/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/dist/clerk/index.js

@@ -0,0 +1,35 @@
+/**
+ * Clerk authentication provider for Agentuity.
+ *
+ * Provides both client-side (React) and server-side (Hono) authentication.
+ *
+ * @example Client-side
+ * ```tsx
+ * import { ClerkProvider, useAuth } from '@clerk/clerk-react';
+ * import { AgentuityProvider } from '@agentuity/react';
+ * import { AgentuityClerk } from '@agentuity/auth/clerk';
+ *
+ * <ClerkProvider publishableKey={key}>
+ *   <AgentuityProvider>
+ *     <AgentuityClerk useAuth={useAuth}>
+ *       <App />
+ *     </AgentuityClerk>
+ *   </AgentuityProvider>
+ * </ClerkProvider>
+ * ```
+ *
+ * @example Server-side
+ * ```typescript
+ * import { createMiddleware } from '@agentuity/auth/clerk';
+ *
+ * router.get('/api/profile', createMiddleware(), async (c) => {
+ *   const user = await c.var.auth.requireUser();
+ *   return c.json({ email: user.email });
+ * });
+ * ```
+ *
+ * @module clerk
+ */
+export { AgentuityClerk } from './client';
+export { createMiddleware } from './server';
+//# sourceMappingURL=index.js.map

package/dist/clerk/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/clerk/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

package/dist/clerk/server.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Clerk server-side authentication middleware for Hono.
+ *
+ * @module clerk/server
+ */
+import type { MiddlewareHandler } from 'hono';
+import type { User } from '@clerk/backend';
+import type { AgentuityAuth } from '../types';
+/**
+ * Clerk JWT payload structure.
+ */
+export interface ClerkJWTPayload {
+    /** Subject (user ID) */
+    sub: string;
+    /** Additional claims */
+    [key: string]: unknown;
+}
+/**
+ * Options for Clerk middleware.
+ */
+export interface ClerkMiddlewareOptions {
+    /** Clerk secret key (defaults to process.env.CLERK_SECRET_KEY) */
+    secretKey?: string;
+    /** Custom token extractor function */
+    getToken?: (authHeader: string) => string;
+    /** Clerk publishable key for token verification */
+    publishableKey?: string;
+}
+/**
+ * Create Hono middleware for Clerk authentication.
+ *
+ * This middleware:
+ * - Extracts and validates JWT tokens from Authorization header
+ * - Returns 401 if token is missing or invalid
+ * - Exposes authenticated user via c.var.auth
+ *
+ * @example
+ * ```typescript
+ * import { createMiddleware } from '@agentuity/auth/clerk';
+ *
+ * router.get('/api/profile', createMiddleware(), async (c) => {
+ *   const user = await c.var.auth.requireUser();
+ *   return c.json({ email: user.email });
+ * });
+ * ```
+ */
+export declare function createMiddleware(options?: ClerkMiddlewareOptions): MiddlewareHandler;
+/**
+ * Augment Hono's context types to include auth.
+ */
+declare module 'hono' {
+    interface ContextVariableMap {
+        auth: AgentuityAuth<User, ClerkJWTPayload>;
+    }
+}
+//# sourceMappingURL=server.d.ts.map

package/dist/clerk/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/clerk/server.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAE9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,UAAU,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,wBAAwB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAE1C,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,sBAA2B,GAAG,iBAAiB,CA6FxF;AAcD;;GAEG;AACH,OAAO,QAAQ,MAAM,CAAC;IACrB,UAAU,kBAAkB;QAC3B,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;KAC3C;CACD"}