import { AIPromptPanel } from '@repo/view-builder/ai/AIPromptPanel';
import { SchemaProvider } from '@repo/view-builder/hooks/useSchemaState';

function MyAIAssistant() {
  return (
    <SchemaProvider>
      <AIPromptPanel />
    </SchemaProvider>
  );
}

<AIPromptPanel
  theme="light"
  placeholderText="Describe your view here..."
  suggestedPrompts={[
    "Create a login form",
    "Build a product catalog table",
    "Generate a user profile view"
  ]}
  maxTokens={1000}
/>

import { AIPromptPanel } from '@repo/view-builder/ai/AIPromptPanel';
import { useSchemaState } from '@repo/view-builder/hooks/useSchemaState';

function AISchemaGenerator() {
  const { setSchema } = useSchemaState();
  
  const handleSchemaGenerated = (newSchema) => {
    setSchema(newSchema);
  };
  
  return <AIPromptPanel onSchemaGenerated={handleSchemaGenerated} />;
}

import { AIPromptPanel } from '@repo/view-builder/ai/AIPromptPanel';

const promptTemplates = [
  {
    name: 'Contact Form',
    prompt: 'Create a contact form with name, email, subject, and message fields. Add appropriate validation for each field.'
  },
  {
    name: 'Product Table',
    prompt: 'Build a table for managing products with columns for ID, name, category, price, and inventory. Include sorting and filtering options.'
  },
  {
    name: 'User Profile',
    prompt: 'Generate a detail view for user profiles with sections for personal information, contact details, and account settings.'
  }
];

function TemplatedAIPanel() {
  return <AIPromptPanel promptTemplates={promptTemplates} />;
}

import { AIPromptPanel } from '@repo/view-builder/ai/AIPromptPanel';
import { useSchemaState } from '@repo/view-builder/hooks/useSchemaState';

function SchemaEnhancer() {
  const { schema, setSchema } = useSchemaState();
  
  const handleEnhance = async (enhancementPrompt) => {
    // Example: "Add validation to all fields" or "Organize fields into sections"
    const enhancedSchema = await enhanceSchemaWithAI(schema, enhancementPrompt);
    setSchema(enhancedSchema);
  };
  
  return (
    <div>
      <h3>Enhance Schema</h3>
      <AIPromptPanel 
        mode="enhance" 
        existingSchema={schema} 
        onSchemaGenerated={setSchema}
        suggestedPrompts={[
          "Add validation to all fields",
          "Organize fields into logical sections",
          "Add internationalization support"
        ]}
      />
    </div>
  );
}

import { AIPromptPanel } from '@repo/view-builder/ai/AIPromptPanel';

function MultilingualAIPanel() {
  return (
    <AIPromptPanel 
      i18nSupport={true}
      supportedLocales={['en', 'tr', 'es', 'de']}
      defaultLocale="en"
    />
  );
}