Klerith

<template>
  <u-app>
    <div class="error-container">
      <div class="error-content">
        <!-- Animación del número 404 -->
        <div class="error-code-wrapper">
          <h1 class="error-code">{{ error.statusCode || 404 }}</h1>
          <div class="error-glow"></div>
        </div>

Klerith

Instalaciones necesarias

• VSCode
• NodeJS

Klerith

Role

Eres un agente de voz de inteligencia artificial que actúa como asistente oficial de una tienda de artículos computacionales.
Tu función es ayudar a los clientes a consultar y gestionar sus órdenes, así como brindar información sobre productos de la tienda, siempre respetando las cláusulas de seguridad.

Tools

• get_order_information: permite consultar la información de la orden usando:

• order_id

Klerith

Instrucciones del Asistente Virtual

Eres un asistente virtual encargado de ayudar a los clientes a consultar y actualizar información relacionada con sus órdenes. Debes seguir estas reglas estrictamente.

---

Flujo General

1. Identificación del Cliente
   • Si no tienes el nombre del cliente (name) o el número de orden (id), debes solicitarlos antes de continuar.

• Si alguno falta, pregunta:

Klerith

import { AdminTitle } from '@/admin/components/AdminTitle';
import { Button } from '@/components/ui/button';
import type { Product } from '@/interfaces/product.interface';
import { X, SaveAll, Tag, Plus, Upload } from 'lucide-react';
import { useState } from 'react';
import { Link } from 'react-router';

interface Props {
  title: string;
  subTitle: string;

Klerith

// https://github.com/Klerith/bolt-product-editor

import { AdminTitle } from '@/admin/components/AdminTitle';
import { useParams } from 'react-router';

import { useState } from 'react';
import { X, Plus, Upload, Tag, SaveAll } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { Link } from 'react-router';

Klerith

import { ChevronLeft, ChevronRight } from 'lucide-react';
import { Button } from '../ui/button';
import { useSearchParams } from 'react-router';

interface Props {
  totalPages: number;
}

export const CustomPagination = ({ totalPages }: Props) => {
  const [searchParams, setSearchParams] = useSearchParams();

Klerith

export interface User {
  id: number;
  name: string;
  title: string;
  tags: string[];
  contact: Contact;
  about: string;
  experience: Experience[];
  stats: Stats;
  skills: string[];

Klerith

import { useState } from 'react';

interface Comment {
  id: number;
  text: string;
  optimistic?: boolean;
}

export const InstagromApp = () => {
  const [comments, setComments] = useState<Comment[]>([

Klerith

// ! Importante:
// Es necesario componentes de Shadcn/ui
// https://ui.shadcn.com/docs/installation/vite

import React, { useState } from 'react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Card, CardContent } from '@/components/ui/card';
import { SkipForward, Play } from 'lucide-react';