@hed-hog/core 0.0.297 → 0.0.299

package/hedhog/frontend/app/dashboard/components/widgets/oauth-config.tsx.ejs

@@ -1,296 +0,0 @@
-'use client';
-
-import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from '@/components/ui/collapsible';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Switch } from '@/components/ui/switch';
-import {
-  CheckCircle2,
-  ChevronDown,
-  ExternalLink,
-  KeyRound,
-  XCircle,
-} from 'lucide-react';
-import { useState } from 'react';
-
-interface OAuthProvider {
-  id: string;
-  name: string;
-  color: string;
-  bgColor: string;
-  icon: React.ReactNode;
-  enabled: boolean;
-  clientId: string;
-  clientSecret: string;
-  callbackUrl: string;
-  scopes: string;
-  docUrl: string;
-}
-
-const googleSvg = (
-  <svg className="h-4 w-4" viewBox="0 0 24 24">
-    <path
-      d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"
-      fill="#4285F4"
-    />
-    <path
-      d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-      fill="#34A853"
-    />
-    <path
-      d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-      fill="#FBBC05"
-    />
-    <path
-      d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-      fill="#EA4335"
-    />
-  </svg>
-);
-
-const githubSvg = (
-  <svg className="h-4 w-4" viewBox="0 0 24 24" fill="currentColor">
-    <path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.2 11.39.6.11.82-.26.82-.58v-2.03c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.74.08-.73.08-.73 1.2.08 1.84 1.24 1.84 1.24 1.07 1.83 2.81 1.3 3.5 1 .11-.78.42-1.3.76-1.6-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.3 1.23a11.5 11.5 0 0 1 6.02 0c2.28-1.55 3.29-1.23 3.29-1.23.66 1.66.25 2.88.12 3.18.77.84 1.24 1.91 1.24 3.22 0 4.61-2.81 5.63-5.48 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.7.82.58C20.57 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z" />
-  </svg>
-);
-
-const facebookSvg = (
-  <svg className="h-4 w-4" viewBox="0 0 24 24" fill="#1877F2">
-    <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" />
-  </svg>
-);
-
-const microsoftSvg = (
-  <svg className="h-4 w-4" viewBox="0 0 24 24">
-    <rect width="10.5" height="10.5" x="1" y="1" fill="#F25022" />
-    <rect width="10.5" height="10.5" x="12.5" y="1" fill="#7FBA00" />
-    <rect width="10.5" height="10.5" x="1" y="12.5" fill="#00A4EF" />
-    <rect width="10.5" height="10.5" x="12.5" y="12.5" fill="#FFB900" />
-  </svg>
-);
-
-const initialProviders: OAuthProvider[] = [
-  {
-    id: 'google',
-    name: 'Google',
-    color: 'text-foreground',
-    bgColor: 'bg-red-50',
-    icon: googleSvg,
-    enabled: true,
-    clientId: '123456789.apps.googleusercontent.com',
-    clientSecret: '',
-    callbackUrl: 'https://app.heroadmin.com/auth/callback/google',
-    scopes: 'openid email profile',
-    docUrl: 'https://console.cloud.google.com/apis/credentials',
-  },
-  {
-    id: 'github',
-    name: 'GitHub',
-    color: 'text-foreground',
-    bgColor: 'bg-gray-50',
-    icon: githubSvg,
-    enabled: true,
-    clientId: 'Iv1.abc123def456',
-    clientSecret: '',
-    callbackUrl: 'https://app.heroadmin.com/auth/callback/github',
-    scopes: 'read:user user:email',
-    docUrl: 'https://github.com/settings/developers',
-  },
-  {
-    id: 'facebook',
-    name: 'Facebook',
-    color: 'text-foreground',
-    bgColor: 'bg-blue-50',
-    icon: facebookSvg,
-    enabled: false,
-    clientId: '',
-    clientSecret: '',
-    callbackUrl: 'https://app.heroadmin.com/auth/callback/facebook',
-    scopes: 'email public_profile',
-    docUrl: 'https://developers.facebook.com/apps/',
-  },
-  {
-    id: 'microsoft',
-    name: 'Microsoft',
-    color: 'text-foreground',
-    bgColor: 'bg-sky-50',
-    icon: microsoftSvg,
-    enabled: false,
-    clientId: '',
-    clientSecret: '',
-    callbackUrl: 'https://app.heroadmin.com/auth/callback/microsoft',
-    scopes: 'openid email profile User.Read',
-    docUrl:
-      'https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationsListBlade',
-  },
-];
-
-export default function OAuthConfig() {
-  const [providers, setProviders] = useState(initialProviders);
-  const [openId, setOpenId] = useState<string | null>(null);
-
-  function updateProvider(id: string, updates: Partial<OAuthProvider>) {
-    setProviders((prev) =>
-      prev.map((p) => (p.id === id ? { ...p, ...updates } : p))
-    );
-  }
-
-  return (
-    <Card className="h-full">
-      <CardHeader>
-        <div className="flex items-center gap-3">
-          <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-amber-50">
-            <KeyRound className="h-5 w-5 text-amber-600" />
-          </div>
-          <div>
-            <CardTitle className="text-base">Autenticacao OAuth2</CardTitle>
-            <CardDescription>
-              Configure provedores de login social
-            </CardDescription>
-          </div>
-        </div>
-      </CardHeader>
-      <CardContent className="space-y-3">
-        {providers.map((p) => (
-          <Collapsible
-            key={p.id}
-            open={openId === p.id}
-            onOpenChange={(isOpen) => setOpenId(isOpen ? p.id : null)}
-          >
-            <div className="rounded-lg border">
-              <CollapsibleTrigger asChild>
-                <button
-                  type="button"
-                  className="flex w-full items-center gap-3 p-4 text-left transition-colors hover:bg-muted/50"
-                >
-                  <div
-                    className={`flex h-9 w-9 items-center justify-center rounded-lg ${p.bgColor}`}
-                  >
-                    {p.icon}
-                  </div>
-                  <div className="flex-1">
-                    <div className="flex items-center gap-2">
-                      <span className="text-sm font-medium">{p.name}</span>
-                      {p.enabled ? (
-                        <Badge
-                          variant="secondary"
-                          className="bg-emerald-50 text-emerald-700 text-[10px]"
-                        >
-                          <CheckCircle2 className="mr-1 h-2.5 w-2.5" />
-                          Ativo
-                        </Badge>
-                      ) : (
-                        <Badge
-                          variant="secondary"
-                          className="text-[10px] text-muted-foreground"
-                        >
-                          <XCircle className="mr-1 h-2.5 w-2.5" />
-                          Inativo
-                        </Badge>
-                      )}
-                    </div>
-                    <span className="text-xs text-muted-foreground">
-                      {p.clientId
-                        ? `Client ID: ${p.clientId.slice(0, 16)}...`
-                        : 'Nao configurado'}
-                    </span>
-                  </div>
-                  <ChevronDown
-                    className={`h-4 w-4 text-muted-foreground transition-transform ${openId === p.id ? 'rotate-180' : ''}`}
-                  />
-                </button>
-              </CollapsibleTrigger>
-              <CollapsibleContent>
-                <div className="border-t px-4 pb-4 pt-4 space-y-4">
-                  <div className="flex items-center justify-between">
-                    <Label htmlFor={`${p.id}-enabled`} className="text-sm">
-                      Habilitar {p.name}
-                    </Label>
-                    <Switch
-                      id={`${p.id}-enabled`}
-                      checked={p.enabled}
-                      onCheckedChange={(checked) =>
-                        updateProvider(p.id, { enabled: checked })
-                      }
-                    />
-                  </div>
-                  <div className="space-y-2">
-                    <Label htmlFor={`${p.id}-client-id`}>Client ID</Label>
-                    <Input
-                      id={`${p.id}-client-id`}
-                      value={p.clientId}
-                      onChange={(e) =>
-                        updateProvider(p.id, { clientId: e.target.value })
-                      }
-                      className="font-mono text-sm"
-                    />
-                  </div>
-                  <div className="space-y-2">
-                    <Label htmlFor={`${p.id}-client-secret`}>
-                      Client Secret
-                    </Label>
-                    <Input
-                      id={`${p.id}-client-secret`}
-                      type="password"
-                      value={p.clientSecret}
-                      onChange={(e) =>
-                        updateProvider(p.id, { clientSecret: e.target.value })
-                      }
-                      className="font-mono text-sm"
-                      placeholder="********"
-                    />
-                  </div>
-                  <div className="space-y-2">
-                    <Label htmlFor={`${p.id}-callback`}>Callback URL</Label>
-                    <Input
-                      id={`${p.id}-callback`}
-                      value={p.callbackUrl}
-                      readOnly
-                      className="bg-muted font-mono text-sm"
-                    />
-                  </div>
-                  <div className="space-y-2">
-                    <Label htmlFor={`${p.id}-scopes`}>Scopes</Label>
-                    <Input
-                      id={`${p.id}-scopes`}
-                      value={p.scopes}
-                      onChange={(e) =>
-                        updateProvider(p.id, { scopes: e.target.value })
-                      }
-                      className="font-mono text-sm"
-                    />
-                  </div>
-                  <div className="flex items-center justify-between border-t pt-3">
-                    <a
-                      href={p.docUrl}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
-                    >
-                      <ExternalLink className="h-3 w-3" />
-                      Abrir console do provedor
-                    </a>
-                    <Button size="sm">Salvar</Button>
-                  </div>
-                </div>
-              </CollapsibleContent>
-            </div>
-          </Collapsible>
-        ))}
-      </CardContent>
-    </Card>
-  );
-}

package/hedhog/frontend/app/dashboard/components/widgets/storage-config.tsx.ejs

@@ -1,340 +0,0 @@
-'use client';
-
-import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select';
-import {
-  AlertCircle,
-  CheckCircle2,
-  Cloud,
-  FolderOpen,
-  HardDrive,
-} from 'lucide-react';
-import { useState } from 'react';
-
-type StorageProvider = 'local' | 's3' | 'gcs' | 'azure';
-
-const providerList: {
-  value: StorageProvider;
-  label: string;
-  icon: React.ReactNode;
-  description: string;
-}[] = [
-  {
-    value: 'local',
-    label: 'Local',
-    icon: <FolderOpen className="h-4 w-4" />,
-    description: 'Disco do servidor',
-  },
-  {
-    value: 's3',
-    label: 'AWS S3',
-    icon: <Cloud className="h-4 w-4" />,
-    description: 'Amazon S3 Bucket',
-  },
-  {
-    value: 'gcs',
-    label: 'Google Cloud',
-    icon: <Cloud className="h-4 w-4" />,
-    description: 'Google Cloud Storage',
-  },
-  {
-    value: 'azure',
-    label: 'Azure Blob',
-    icon: <Cloud className="h-4 w-4" />,
-    description: 'Azure Blob Storage',
-  },
-];
-
-export default function StorageConfig() {
-  const [provider, setProvider] = useState<StorageProvider>('local');
-  const [localPath, setLocalPath] = useState('/var/data/uploads');
-  const [localMaxSize, setLocalMaxSize] = useState('50');
-
-  const [s3Bucket, setS3Bucket] = useState('');
-  const [s3Region, setS3Region] = useState('us-east-1');
-  const [s3AccessKey, setS3AccessKey] = useState('');
-  const [s3SecretKey, setS3SecretKey] = useState('');
-  const [s3Prefix, setS3Prefix] = useState('uploads/');
-
-  const [gcsBucket, setGcsBucket] = useState('');
-  const [gcsProjectId, setGcsProjectId] = useState('');
-  const [gcsKeyFile, setGcsKeyFile] = useState('');
-
-  const [azureAccount, setAzureAccount] = useState('');
-  const [azureKey, setAzureKey] = useState('');
-  const [azureContainer, setAzureContainer] = useState('');
-  const [azureEndpoint, setAzureEndpoint] = useState('');
-
-  return (
-    <Card className="h-full">
-      <CardHeader>
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-3">
-            <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-violet-50">
-              <HardDrive className="h-5 w-5 text-violet-600" />
-            </div>
-            <div>
-              <CardTitle className="text-base">
-                Armazenamento de Arquivos
-              </CardTitle>
-              <CardDescription>
-                Configure onde os arquivos do sistema serao armazenados
-              </CardDescription>
-            </div>
-          </div>
-          <Badge variant="secondary" className="bg-emerald-50 text-emerald-700">
-            <CheckCircle2 className="mr-1 h-3 w-3" />
-            Configurado
-          </Badge>
-        </div>
-      </CardHeader>
-      <CardContent className="space-y-6">
-        {/* Provider Selector */}
-        <div className="grid grid-cols-2 gap-3 sm:grid-cols-4">
-          {providerList.map((p) => (
-            <button
-              key={p.value}
-              type="button"
-              onClick={() => setProvider(p.value)}
-              className={`flex flex-col items-center gap-1.5 rounded-lg border-2 p-3 text-center transition-all ${
-                provider === p.value
-                  ? 'border-foreground bg-foreground/3'
-                  : 'border-border hover:border-foreground/20'
-              }`}
-            >
-              <div
-                className={`flex h-8 w-8 items-center justify-center rounded-full ${
-                  provider === p.value
-                    ? 'bg-foreground text-background'
-                    : 'bg-muted text-muted-foreground'
-                }`}
-              >
-                {p.icon}
-              </div>
-              <span className="text-xs font-medium">{p.label}</span>
-            </button>
-          ))}
-        </div>
-
-        {/* Local Fields */}
-        {provider === 'local' && (
-          <div className="space-y-4">
-            <div className="space-y-2">
-              <Label htmlFor="local-path">Caminho do diretorio</Label>
-              <Input
-                id="local-path"
-                value={localPath}
-                onChange={(e) => setLocalPath(e.target.value)}
-                placeholder="/var/data/uploads"
-                className="font-mono text-sm"
-              />
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="local-max-size">
-                Tamanho maximo por arquivo (MB)
-              </Label>
-              <Input
-                id="local-max-size"
-                type="number"
-                value={localMaxSize}
-                onChange={(e) => setLocalMaxSize(e.target.value)}
-              />
-            </div>
-            <div className="rounded-lg border border-blue-200 bg-blue-50 p-3">
-              <div className="flex items-start gap-2">
-                <AlertCircle className="mt-0.5 h-4 w-4 text-blue-600" />
-                <p className="text-xs text-blue-800">
-                  Certifique-se de que o diretorio existe e que o servidor tem
-                  permissoes de leitura e escrita.
-                </p>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* AWS S3 Fields */}
-        {provider === 's3' && (
-          <div className="space-y-4">
-            <div className="grid gap-4 sm:grid-cols-2">
-              <div className="space-y-2">
-                <Label htmlFor="s3-bucket">Bucket</Label>
-                <Input
-                  id="s3-bucket"
-                  value={s3Bucket}
-                  onChange={(e) => setS3Bucket(e.target.value)}
-                  placeholder="meu-bucket"
-                  className="font-mono text-sm"
-                />
-              </div>
-              <div className="space-y-2">
-                <Label>Regiao</Label>
-                <Select value={s3Region} onValueChange={setS3Region}>
-                  <SelectTrigger>
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="us-east-1">
-                      US East (N. Virginia)
-                    </SelectItem>
-                    <SelectItem value="us-west-2">US West (Oregon)</SelectItem>
-                    <SelectItem value="eu-west-1">EU (Ireland)</SelectItem>
-                    <SelectItem value="eu-central-1">EU (Frankfurt)</SelectItem>
-                    <SelectItem value="sa-east-1">
-                      South America (Sao Paulo)
-                    </SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="s3-access-key">Access Key ID</Label>
-              <Input
-                id="s3-access-key"
-                value={s3AccessKey}
-                onChange={(e) => setS3AccessKey(e.target.value)}
-                placeholder="AKIAIOSFODNN7EXAMPLE"
-                className="font-mono text-sm"
-              />
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="s3-secret-key">Secret Access Key</Label>
-              <Input
-                id="s3-secret-key"
-                type="password"
-                value={s3SecretKey}
-                onChange={(e) => setS3SecretKey(e.target.value)}
-                className="font-mono text-sm"
-              />
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="s3-prefix">Prefixo (pasta)</Label>
-              <Input
-                id="s3-prefix"
-                value={s3Prefix}
-                onChange={(e) => setS3Prefix(e.target.value)}
-                placeholder="uploads/"
-                className="font-mono text-sm"
-              />
-            </div>
-          </div>
-        )}
-
-        {/* Google Cloud Storage Fields */}
-        {provider === 'gcs' && (
-          <div className="space-y-4">
-            <div className="grid gap-4 sm:grid-cols-2">
-              <div className="space-y-2">
-                <Label htmlFor="gcs-project-id">Project ID</Label>
-                <Input
-                  id="gcs-project-id"
-                  value={gcsProjectId}
-                  onChange={(e) => setGcsProjectId(e.target.value)}
-                  placeholder="meu-projeto-123"
-                  className="font-mono text-sm"
-                />
-              </div>
-              <div className="space-y-2">
-                <Label htmlFor="gcs-bucket">Bucket</Label>
-                <Input
-                  id="gcs-bucket"
-                  value={gcsBucket}
-                  onChange={(e) => setGcsBucket(e.target.value)}
-                  placeholder="meu-bucket-gcs"
-                  className="font-mono text-sm"
-                />
-              </div>
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="gcs-key-file">
-                Chave JSON da Service Account
-              </Label>
-              <textarea
-                id="gcs-key-file"
-                className="flex min-h-[100px] w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
-                value={gcsKeyFile}
-                onChange={(e) => setGcsKeyFile(e.target.value)}
-                placeholder='{"type": "service_account", ...}'
-              />
-            </div>
-          </div>
-        )}
-
-        {/* Azure Blob Storage Fields */}
-        {provider === 'azure' && (
-          <div className="space-y-4">
-            <div className="grid gap-4 sm:grid-cols-2">
-              <div className="space-y-2">
-                <Label htmlFor="azure-account">Storage Account Name</Label>
-                <Input
-                  id="azure-account"
-                  value={azureAccount}
-                  onChange={(e) => setAzureAccount(e.target.value)}
-                  placeholder="meuaccount"
-                  className="font-mono text-sm"
-                />
-              </div>
-              <div className="space-y-2">
-                <Label htmlFor="azure-container">Container</Label>
-                <Input
-                  id="azure-container"
-                  value={azureContainer}
-                  onChange={(e) => setAzureContainer(e.target.value)}
-                  placeholder="arquivos"
-                  className="font-mono text-sm"
-                />
-              </div>
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="azure-key">Access Key</Label>
-              <Input
-                id="azure-key"
-                type="password"
-                value={azureKey}
-                onChange={(e) => setAzureKey(e.target.value)}
-                className="font-mono text-sm"
-              />
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="azure-endpoint">
-                Endpoint personalizado (opcional)
-              </Label>
-              <Input
-                id="azure-endpoint"
-                value={azureEndpoint}
-                onChange={(e) => setAzureEndpoint(e.target.value)}
-                placeholder="https://meuaccount.blob.core.windows.net"
-                className="font-mono text-sm"
-              />
-            </div>
-          </div>
-        )}
-
-        {/* Actions */}
-        <div className="flex items-center justify-end border-t pt-4">
-          <div className="flex gap-2">
-            <Button variant="outline" size="sm">
-              Testar conexao
-            </Button>
-            <Button size="sm">Salvar</Button>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}