> ## Documentation Index
> Fetch the complete documentation index at: https://docs.veredicta.com.ar/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Este es el manual oficial de uso de Veredicta, la plataforma de gestión legal para abogados y estudios jurídicos de Argentina. Respondé en español rioplatense, con voseo. Usá los nombres de botones y pantallas tal como aparecen en el manual, en negrita. Citá siempre la URL de docs.veredicta.com.ar de la página y de la sección (#ancla) de donde sale cada paso. Si el manual no cubre algo, decilo y sugerí escribir al equipo de Veredicta por WhatsApp al +54 9 11 2611-5660 o a ayuda@veredicta.com.ar.

# El panel de Inicio

> Entendé el panel de Inicio: qué muestra cada indicador, gráfico y lista de tu estudio, y a qué pantalla te lleva cada uno.

export const VideoTutorial = ({src, poster, title, duration, description, vertical = false}) => {
  const [local, setLocal] = useState(false);
  useEffect(() => {
    setLocal((/^(localhost|127\.0\.0\.1)$/).test(window.location.hostname));
  }, []);
  const media = p => !local && p?.startsWith('/media/') ? `https://media.veredicta.com.ar/manual${p.slice(('/media').length)}` : p;
  const dialogRef = useRef(null);
  const videoRef = useRef(null);
  const published = p => p?.startsWith('/media/') ? `https://media.veredicta.com.ar/manual${p.slice(('/media').length)}` : p;
  const [minutes, seconds] = (duration ?? '').split(':').map(Number);
  const videoData = {
    '@context': 'https://schema.org',
    '@type': 'VideoObject',
    name: title,
    description: !description || description.startsWith('Mirá el paso a paso') ? `${title}: video tutorial paso a paso de Veredicta.` : description,
    thumbnailUrl: published(poster),
    contentUrl: published(src),
    uploadDate: '2026-09-30T12:00:00-03:00',
    inLanguage: 'es-AR',
    ...Number.isFinite(minutes) && Number.isFinite(seconds) ? {
      duration: `PT${minutes}M${seconds}S`
    } : {},
    publisher: {
      '@type': 'Organization',
      name: 'Veredicta',
      url: 'https://veredicta.com.ar'
    }
  };
  const open = () => {
    dialogRef.current?.showModal();
    const v = videoRef.current;
    if (v) {
      if (!v.getAttribute('src')) {
        const url = media(src);
        v.src = url.startsWith('https://') ? `${url}?v=1440` : url;
      }
      v.currentTime = 0;
      v.play().catch(() => {});
    }
  };
  const close = () => dialogRef.current?.close();
  const onOverlayClick = e => {
    if (!e.target.closest('video, .vd-overlay-bar')) {
      close();
    }
  };
  const onClose = () => videoRef.current?.pause();
  const onKeyDown = e => {
    if (e.key === 'f') {
      fullscreen();
    }
  };
  const fullscreen = () => {
    const v = videoRef.current;
    if (!v) {
      return;
    }
    if (v.requestFullscreen) {
      v.requestFullscreen();
    } else if (v.webkitEnterFullscreen) {
      v.webkitEnterFullscreen();
    }
  };
  return <figure className={`vd-video not-prose${vertical ? 'vd-video-vertical' : ''}`}>
      <button aria-label={`Ver el video: ${title}`} className="vd-video-card" onClick={open} type="button">
        <img alt={title} decoding="async" height={vertical ? 1920 : 1080} loading="lazy" src={media(poster)} width={vertical ? 1080 : 1920} />
        <span className="vd-video-shade" />
        <span className="vd-video-badge">
          <svg aria-hidden="true" fill="currentColor" height="14" viewBox="0 0 24 24" width="14">
            <path d="M8 5v14l11-7z" />
          </svg>
          Video tutorial
        </span>
        <span aria-hidden="true" className="vd-video-play">
          {}
          <svg aria-hidden="true" fill="currentColor" height="30" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="30">
            <path d="M8.5 5.5v13l11-6.5z" />
          </svg>
        </span>
        {duration ? <span className="vd-video-duration">{duration}</span> : null}
      </button>
      <script dangerouslySetInnerHTML={{
    __html: JSON.stringify(videoData).replaceAll('<', '\\u003c')
  }} type="application/ld+json" />
      <figcaption className="vd-caption">
        {description ?? 'Mirá el paso a paso y seguilo en Veredicta.'}
      </figcaption>

      {}
      <dialog aria-label={title} className="vd-overlay vd-overlay-video" onClick={onOverlayClick} onClose={onClose} onKeyDown={onKeyDown} ref={dialogRef}>
        <div className="vd-overlay-bar">
          <span className="vd-overlay-title">{title}</span>
          <div className="vd-overlay-tools">
            <button className="vd-tool-text" onClick={fullscreen} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3" />
              </svg>
              <span>Pantalla completa</span>
            </button>
            <button aria-label="Cerrar" onClick={close} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M18 6 6 18M6 6l12 12" />
              </svg>
            </button>
          </div>
        </div>
        <div className="vd-overlay-player">
          {}
          <video controls playsInline poster={media(poster)} preload="none" ref={videoRef} />
        </div>
      </dialog>
    </figure>;
};

export const GuideImage = ({src, preview, alt, title, width, height, caption, tall = false}) => {
  const [local, setLocal] = useState(false);
  useEffect(() => {
    setLocal((/^(localhost|127\.0\.0\.1)$/).test(window.location.hostname));
  }, []);
  const media = p => !local && p?.startsWith('/media/') ? `https://media.veredicta.com.ar/manual${p.slice(('/media').length)}` : p;
  const dialogRef = useRef(null);
  const scrollRef = useRef(null);
  const [zoom, setZoom] = useState(1);
  const levels = [1, 1.5, 2, 3];
  const open = () => {
    setZoom(1);
    dialogRef.current?.showModal();
  };
  const close = () => dialogRef.current?.close();
  const onOverlayClick = e => {
    if (!e.target.closest('.vd-overlay-img, .vd-overlay-bar')) {
      close();
    }
  };
  const zoomTo = next => {
    const el = scrollRef.current;
    if (!el) {
      setZoom(next);
      return;
    }
    const cx = (el.scrollLeft + el.clientWidth / 2) / el.scrollWidth;
    const cy = (el.scrollTop + el.clientHeight / 2) / el.scrollHeight;
    setZoom(next);
    requestAnimationFrame(() => {
      el.scrollLeft = cx * el.scrollWidth - el.clientWidth / 2;
      el.scrollTop = cy * el.scrollHeight - el.clientHeight / 2;
    });
  };
  const zoomIn = () => zoomTo(levels.find(l => l > zoom) ?? levels.at(-1));
  const zoomOut = () => zoomTo([...levels].reverse().find(l => l < zoom) ?? 1);
  useEffect(() => {
    const el = scrollRef.current;
    if (!el) {
      return;
    }
    const onWheel = e => {
      if (!(e.ctrlKey || e.metaKey)) {
        return;
      }
      e.preventDefault();
      if (e.deltaY < 0) {
        zoomIn();
      } else {
        zoomOut();
      }
    };
    el.addEventListener('wheel', onWheel, {
      passive: false
    });
    return () => el.removeEventListener('wheel', onWheel);
  });
  const onKeyDown = e => {
    if (e.key === '+' || e.key === '=') {
      zoomIn();
    } else if (e.key === '-') {
      zoomOut();
    } else if (e.key === '0') {
      zoomTo(1);
    }
  };
  const magnifier = <svg aria-hidden="true" fill="none" height="16" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="16">
      <circle cx="11" cy="11" r="7" />
      <path d="m20 20-3.5-3.5M11 8v6M8 11h6" />
    </svg>;
  return <figure className={tall ? 'vd-guide not-prose' : `vd-shot not-prose${height > width ? 'vd-shot-portrait' : ''}`}>
      {tall ? <button aria-label={`Ampliar la guía: ${title}`} className="vd-guide-preview" onClick={open} type="button">
          <img alt={alt} decoding="async" height={height} loading="lazy" src={media(preview ?? src)} width={width} />
          <span className="vd-guide-fade" />
          <span className="vd-guide-cta">
            {magnifier}
            Ver la guía completa
          </span>
        </button> : <button aria-label={`Ampliar: ${title}`} className="vd-shot-button" onClick={open} type="button">
          <img alt={alt} decoding="async" height={height} loading="lazy" src={media(preview ?? src)} width={width} />
          <span aria-hidden="true" className="vd-shot-zoom">
            {magnifier}
            Ampliar
          </span>
        </button>}
      {tall || caption ? <figcaption className="vd-caption">
          {caption ?? 'Guía paso a paso · hacé clic para ampliarla y acercarte a cada paso.'}
        </figcaption> : null}

      {}
      <dialog aria-label={title} className="vd-overlay" onClick={onOverlayClick} onKeyDown={onKeyDown} ref={dialogRef}>
        <div className="vd-overlay-bar">
          <span className="vd-overlay-title">{title}</span>
          <div className="vd-overlay-tools">
            <button aria-label="Alejar" disabled={zoom <= 1} onClick={zoomOut} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M5 12h14" />
              </svg>
            </button>
            <button aria-label="Ajustar al ancho" className="vd-zoom-value" onClick={() => zoomTo(1)} type="button">
              {Math.round(zoom * 100)}%
            </button>
            <button aria-label="Acercar" disabled={zoom >= levels.at(-1)} onClick={zoomIn} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M5 12h14M12 5v14" />
              </svg>
            </button>
            {tall ? <a className="vd-tool-link" download href={media(src)}>
                <span className="vd-sr-only">Descargar la guía</span>
                <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                  <path d="M12 15V3M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5" />
                </svg>
              </a> : null}
            <button aria-label="Cerrar" onClick={close} type="button">
              <svg aria-hidden="true" fill="none" height="18" stroke="currentColor" strokeLinecap="round" strokeWidth="2" viewBox="0 0 24 24" width="18">
                <path d="M18 6 6 18M6 6l12 12" />
              </svg>
            </button>
          </div>
        </div>
        <div className="vd-overlay-scroll" ref={scrollRef}>
          <img alt={alt} className="vd-overlay-img" decoding="async" height={height} loading="lazy" src={media(src)} style={{
    width: tall ? `calc(min(100%, 74rem) * ${zoom})` : `calc(min(100%, 90rem, (100dvh - 7rem) * ${width / height}) * ${zoom})`
  }} width={width} />
        </div>
      </dialog>
    </figure>;
};

Inicio es la primera pantalla que ves al entrar a Veredicta: un resumen de cómo está tu estudio hoy, con acceso directo a lo que necesitás revisar.

## Mirá cómo se hace

<VideoTutorial src="/media/primeros-pasos-panel-de-inicio/video.mp4" poster="/media/primeros-pasos-panel-de-inicio/poster.webp" title="Cómo leer el panel de Inicio" duration="0:43" description="Un recorrido por los indicadores, los gráficos, tus sistemas judiciales, los avisos y la actividad de tu estudio." />

Resumen del video «Cómo leer el panel de Inicio» (0:43):

1. Revisá los indicadores: seis tarjetas resumen expedientes, tareas, ingresos, audiencias, pruebas y sincronización.
2. Mirá los gráficos: expedientes por etapa en un anillo, y el estado de tareas y cobranza.
3. Controlá tus sistemas judiciales: qué está conectado y un banner para sumar más.
4. Activá tus avisos: un banner ofrece prender las notificaciones del navegador.
5. Seguí la actividad de tu estudio: cuatro listas con lo último de tus expedientes.
6. Explorá las Herramientas: el catálogo completo, embebido al final de Inicio.

El video cierra con «Ya sabés leer tu panel de Inicio», un resumen de los seis pasos y cómo pedir ayuda: WhatsApp +54 9 11 2611-5660 o [ayuda@veredicta.com.ar](mailto:ayuda@veredicta.com.ar). Más guías en docs.veredicta.com.ar.

## Dónde está en la app

* El logo **Veredicta** o **Inicio** en el menú lateral, desde cualquier pantalla.
* [Abrir en Veredicta](https://app.veredicta.com.ar/home)

## Paso a paso

<Steps titleSize="h3">
  <Step title="Revisá los indicadores" id="paso-1">
    <GuideImage src="/media/primeros-pasos-panel-de-inicio/paso-1.webp" width={1200} height={796} title="Paso 1: Revisá los indicadores" alt="Las seis tarjetas de indicadores, arriba de Inicio, marcadas." />

    Arriba de todo, seis indicadores de tu estudio. **Expedientes activos**, **Tareas abiertas**, **Ingresos del mes** y **Sincronización** llevan a su pantalla con un clic; **Próximas audiencias** y **Pruebas** son solo un vistazo, sin clic.
  </Step>

  <Step title="Mirá los gráficos" id="paso-2">
    <GuideImage src="/media/primeros-pasos-panel-de-inicio/paso-2.webp" width={1200} height={796} title="Paso 2: Mirá los gráficos" alt="Los paneles «Expedientes por etapa» y «Estado de tareas y cobranza», marcados." />

    «Expedientes por etapa» muestra un anillo con tus expedientes activos, uno por etapa. «Estado de tareas y cobranza» suma tus tareas pendientes, en curso y completadas este mes, y cuánto cobraste en ARS y en USD.

    <Tip>
      **Ir a expedientes**, **Ir a tareas** e **Ir a finanzas** abren la pantalla completa de cada gráfico.
    </Tip>
  </Step>

  <Step title="Controlá tus sistemas judiciales" id="paso-3">
    <GuideImage src="/media/primeros-pasos-panel-de-inicio/paso-3.webp" width={1200} height={796} title="Paso 3: Controlá tus sistemas judiciales" alt="El panel «Tus sistemas judiciales» y el banner para conectar más sistemas, marcados." />

    «Tus sistemas judiciales» muestra una fila por cada sistema que conectaste, con su estado. Hacé clic en una fila para ir a esa integración. Debajo, un banner invita a conectar los sistemas que todavía te faltan.
  </Step>

  <Step title="Activá tus avisos" id="paso-4">
    <GuideImage src="/media/primeros-pasos-panel-de-inicio/paso-4.webp" width={1200} height={796} title="Paso 4: Activá tus avisos" alt="El banner «Enterate de los movimientos judiciales sin entrar a revisar», marcado." />

    «Enterate de los movimientos judiciales sin entrar a revisar» activa los avisos del navegador en este dispositivo. Hacé clic en **Activar notificaciones** y confirmá el permiso que te pide el navegador.
  </Step>

  <Step title="Seguí la actividad de tu estudio" id="paso-5">
    <GuideImage src="/media/primeros-pasos-panel-de-inicio/paso-5.webp" width={1200} height={796} title="Paso 5: Seguí la actividad de tu estudio" alt="Las cuatro listas «Próximos vencimientos», «Próximas audiencias», «Novedades judiciales» y «Actividad del equipo», marcadas." />

    Cuatro listas con lo último de tu estudio: **Próximos vencimientos**, **Próximas audiencias**, **Novedades judiciales** y **Actividad del equipo**. Cada una tiene su **Ver todos** o **Ver todas**.
  </Step>

  <Step title="Explorá las Herramientas" id="paso-6">
    <GuideImage src="/media/primeros-pasos-panel-de-inicio/paso-6.webp" width={1200} height={796} title="Paso 6: Explorá las Herramientas" alt="El catálogo de Herramientas embebido al final de Inicio, marcado." />

    Al final de Inicio está el mismo catálogo de **Herramientas** del menú lateral, con buscador y categorías. Hacé clic en cualquier tarjeta y después en **Usar herramienta**.
  </Step>
</Steps>

## Los tres estados de Inicio

| Estado | Qué ves |
| - | - |
| Sin un plan activo | Un cartel para reactivar tu plan con **Ver planes y activar** (dueño del estudio) o una pantalla de solo lectura (el resto del equipo) |
| Primera vez, sin expedientes | Una bienvenida, la tarjeta **«Tutorial: primeros pasos»** y accesos rápidos para conectar un sistema, crear un expediente, buscar jurisprudencia o abrir un modelo de escrito |
| Con expedientes cargados | El panel de esta guía |

## Los indicadores

| Tarjeta | Qué cuenta | A dónde lleva |
| - | - | - |
| **Expedientes activos** | Tus expedientes activos, y cuántos se abrieron este mes | **Expedientes** |
| **Tareas abiertas** | Tus tareas pendientes y en curso, con las vencidas o próximas a vencer | **Tareas** |
| **Ingresos del mes** | Lo que ingresó este mes en ARS (y en USD, si facturás en dólares) | **Configuraciones** > **Finanzas** |
| **Próximas audiencias** | Tus audiencias agendadas, y cuántas caen esta semana | No lleva a ninguna pantalla |
| **Pruebas** | El total de pruebas de tus expedientes, y cuántas están pendientes | No lleva a ninguna pantalla |
| **Sincronización** | El estado combinado de tus sistemas judiciales conectados | Tu sistema, o el conector si todavía no conectaste ninguno |

## Gráficos y listas

| Lista | Qué muestra |
| - | - |
| **Próximos vencimientos** | Tus tareas con vencimiento más próximo, con los días que faltan |
| **Próximas audiencias** | Tus audiencias agendadas, con fecha, hora y expediente |
| **Novedades judiciales** | Las actuaciones más recientes de tus sistemas judiciales conectados |
| **Actividad del equipo** | Los últimos movimientos que vos o tu equipo registraron en los expedientes |

Cada fila de estas cuatro listas ofrece **Preguntar al Asistente IA**, para llevar ese vencimiento, esa audiencia, esa novedad o ese movimiento directo a una consulta.

## Qué tener en cuenta

* **Dos tarjetas son solo un vistazo.** **Próximas audiencias** y **Pruebas** no llevan a ninguna pantalla.
* **Actualizar** vuelve a pedir los datos de todo el panel, no solo de una tarjeta.
* **Una etapa puede quedar fuera del conteo.** Un expediente cuya etapa tiene apagado **Cuenta como expediente activo** no suma en **Expedientes activos** ni en el gráfico «Expedientes por etapa».
* **El banner de conectar más sistemas desaparece solo.** Se oculta en cuanto conectaste los cuatro sistemas judiciales integrados, y también si lo cerrás con la X.
* **En el celular**, **Actualizar** y **Tutorial** se agrupan en **Más acciones**. Mirá [Veredicta en el celular](/primeros-pasos/veredicta-en-el-celular).

## Guía en una imagen

Todos los pasos en una sola imagen, para tenerla a mano o compartirla con tu equipo.

<GuideImage tall src="/media/primeros-pasos-panel-de-inicio/guia.webp" preview="/media/primeros-pasos-panel-de-inicio/guia-preview.webp" width={1760} height={3000} title="Cómo leer el panel de Inicio" caption="Todos los pasos en una sola imagen. Ampliala para acercarte a cada paso o descargala." alt="Guía en seis pasos. 1. Revisá los indicadores: seis tarjetas resumen expedientes, tareas, ingresos, audiencias, pruebas y sincronización. 2. Mirá los gráficos: expedientes por etapa en un anillo, y el estado de tareas y cobranza. 3. Controlá tus sistemas judiciales: qué está conectado y un banner para sumar más. 4. Activá tus avisos: un banner ofrece prender las notificaciones del navegador. 5. Seguí la actividad de tu estudio: cuatro listas con lo último de tus expedientes. 6. Explorá las Herramientas: el catálogo completo, embebido al final de Inicio." />

## Guías relacionadas

<Columns cols={2}>
  <Card title="Moverte por Veredicta" icon="compass" href="/primeros-pasos/moverte-por-veredicta">
    El menú lateral, tu cuenta, las notificaciones y la ayuda.
  </Card>

  <Card title="La lista de primeros pasos" icon="list-checks" href="/primeros-pasos/lista-de-primeros-pasos">
    La tarjeta que te guía por lo esencial de Veredicta.
  </Card>

  <Card title="Administrar una conexión" icon="refresh-cw" href="/sistemas-judiciales/administrar-una-conexion">
    Revisá o desconectá un sistema judicial.
  </Card>

  <Card title="La lista de expedientes" icon="folder" href="/expedientes/lista">
    Buscá, filtrá y ordená todos tus expedientes.
  </Card>
</Columns>

## ¿Necesitás ayuda?

El equipo de Veredicta te responde por WhatsApp o por correo.

<Columns cols={2}>
  <Card title="WhatsApp" icon="https://mintcdn.com/zest-labs/6i6sx-v6hNAjw3Vp/images/icons/whatsapp.svg?fit=max&auto=format&n=6i6sx-v6hNAjw3Vp&q=85&s=d2cbae11d2915e173949e4c75d2bb625" href="https://wa.me/5491126115660" width="24" height="24" data-path="images/icons/whatsapp.svg">
    +54 9 11 2611-5660
  </Card>

  <Card title="Correo" icon="mail" href="mailto:ayuda@veredicta.com.ar">
    [ayuda@veredicta.com.ar](mailto:ayuda@veredicta.com.ar)
  </Card>
</Columns>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.