Discover Patterns

STEP 1 — App frequency
Which apps appear most? What pairs appear together?

STEP 2 — Semantic clustering
Group activities by what they describe. Are there clusters of similar descriptions?

STEP 3 — Temporal sequences
Within each cluster, do activities follow a consistent order?

STEP 4 — Repetition detection
For each sequence, does it repeat? How many times? Over what time span?

STEP 4.5 — Automation fitness check
Apply the filter below. Discard anything on the DISCARD list.
Only keep candidates that match a REPORT category.

STEP 5 — Variation analysis
Within repeated sequences, what changes between iterations? What stays the same?

STEP 6 — Automation assessment
For the "stays the same" parts — can these be scripted, scheduled, or API-driven?

<div
  style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 720px; margin: 0 auto; color: #0f172a;"
>
  <!-- HEADER -->
  <div
    style="background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); border-radius: 16px; padding: 32px; margin-bottom: 28px; color: white;"
  >
    <div style="font-size: 24px; font-weight: 800; margin-bottom: 6px; letter-spacing: -0.5px;">
      Pattern Report
    </div>
    <div style="font-size: 14px; opacity: 0.85; line-height: 1.5;">
      {analysis_window} · {total_activities_analyzed} activities analyzed · {pattern_count} patterns
      found
    </div>
  </div>

  <!-- PATTERN CARD — repeat for each pattern -->
  <div
    style="border: 1px solid #e2e8f0; border-left: 4px solid {category_color}; border-radius: 12px; margin-bottom: 20px; background: #fff; overflow: hidden;"
  >
    <!-- Card Header -->
    <div style="padding: 20px 24px 16px; border-bottom: 1px solid #f1f5f9;">
      <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 8px;">
        <span
          style="display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: {category_color}; color: white; font-size: 13px; font-weight: 700; border-radius: 8px;"
          >{rank}</span
        >
        <span style="font-size: 18px; font-weight: 700; color: #0f172a; letter-spacing: -0.3px;"
          >{pattern_name}</span
        >
        <span
          style="font-size: 11px; font-weight: 600; color: white; background: {category_color}; padding: 3px 12px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.5px;"
          >{category_name}</span
        >
      </div>
      <div style="font-size: 14px; color: #64748b; line-height: 1.6;">{description}</div>
    </div>

    <!-- Stats Row -->
    <div
      style="display: flex; padding: 16px 24px; gap: 12px; flex-wrap: wrap; background: #f8fafc; border-bottom: 1px solid #f1f5f9;"
    >
      <div
        style="flex: 1; min-width: 100px; background: white; border-radius: 8px; padding: 10px 14px; border: 1px solid #e2e8f0;"
      >
        <div
          style="font-size: 10px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;"
        >
          Frequency
        </div>
        <div style="font-size: 15px; font-weight: 700; color: #0f172a;">{frequency}</div>
      </div>
      <div
        style="flex: 1; min-width: 100px; background: white; border-radius: 8px; padding: 10px 14px; border: 1px solid #e2e8f0;"
      >
        <div
          style="font-size: 10px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;"
        >
          Time / loop
        </div>
        <div style="font-size: 15px; font-weight: 700; color: #0f172a;">{time_per_loop}</div>
      </div>
      <div
        style="flex: 1; min-width: 100px; background: white; border-radius: 8px; padding: 10px 14px; border: 1px solid #e2e8f0;"
      >
        <div
          style="font-size: 10px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;"
        >
          Apps
        </div>
        <div style="font-size: 15px; font-weight: 700; color: #0f172a;">{apps_involved}</div>
      </div>
      <div
        style="flex: 1; min-width: 100px; background: white; border-radius: 8px; padding: 10px 14px; border: 1px solid #e2e8f0;"
      >
        <div
          style="font-size: 10px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;"
        >
          Effort
        </div>
        <div style="font-size: 15px; font-weight: 700; color: {effort_color};">{effort}</div>
      </div>
    </div>

    <!-- Card Body -->
    <div style="padding: 16px 24px 20px;">
      <!-- Loop Structure -->
      <div
        style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px 16px; margin-bottom: 16px;"
      >
        <div
          style="font-size: 10px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; font-weight: 600;"
        >
          Loop structure
        </div>
        <div
          style="font-size: 13px; color: #334155; font-family: 'SF Mono', Monaco, Consolas, monospace; line-height: 1.6;"
        >
          {loop_structure}
        </div>
      </div>

      <!-- What Varies vs What's Constant -->
      <div style="display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap;">
        <div
          style="flex: 1; min-width: 200px; background: #fef3c7; border-radius: 8px; padding: 12px 16px;"
        >
          <div
            style="font-size: 10px; color: #92400e; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; font-weight: 600;"
          >
            What varies
          </div>
          <div style="font-size: 13px; color: #78350f; line-height: 1.5;">{what_varies}</div>
        </div>
        <div
          style="flex: 1; min-width: 200px; background: #d1fae5; border-radius: 8px; padding: 12px 16px;"
        >
          <div
            style="font-size: 10px; color: #065f46; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; font-weight: 600;"
          >
            What's constant
          </div>
          <div style="font-size: 13px; color: #064e3b; line-height: 1.5;">
            {what_stays_constant}
          </div>
        </div>
      </div>

      <!-- Automation Suggestion -->
      <div
        style="background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%); border: 1px solid #c7d2fe; border-radius: 8px; padding: 16px;"
      >
        <div
          style="font-size: 11px; font-weight: 700; color: #6366f1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px;"
        >
          Automation suggestion
        </div>
        <div style="font-size: 14px; color: #1e293b; line-height: 1.6; margin-bottom: 10px;">
          {automation_approach}
        </div>
        <div
          style="display: inline-block; background: white; border: 1px solid #c7d2fe; border-radius: 6px; padding: 4px 12px; font-size: 12px; color: #4f46e5; font-weight: 600;"
        >
          {automation_method}
        </div>
      </div>
    </div>
  </div>
  <!-- END PATTERN CARD -->

  <!-- SUMMARY FOOTER -->
  <div
    style="background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%); border-radius: 12px; padding: 20px 24px; border: 1px solid #bbf7d0;"
  >
    <div style="font-size: 14px; color: #166534; line-height: 1.5;">
      <strong>Estimated time savings:</strong> {total_time_savings} per week if all suggested
      automations are implemented.
    </div>
  </div>
</div>

{
  "questions": [
    {
      "question": "Which patterns are interesting to you?",
      "header": "Patterns",
      "options": [
        {
          "label": "1. {pattern_name}",
          "description": "{short_description}"
        },
        {
          "label": "2. {pattern_name}",
          "description": "{short_description}"
        }
      ],
      "multiSelect": true
    },
    {
      "question": "What should I do next with the selected patterns?",
      "header": "Next step",
      "options": [
        {
          "label": "Pattern to PDF",
          "description": "Create a process description document as PDF, via /pattern-to-pdf"
        },
        {
          "label": "Automation instructions",
          "description": "Write step-by-step automation instructions, via /automation-instructions"
        }
      ],
      "multiSelect": true
    }
  ]
}