Expand Doris Kitchen import, failures, and tag curation

This commit is contained in:
Fizzlepoof
2026-05-17 04:07:05 +00:00
parent e2470ff7c9
commit 165e772946
18 changed files with 1268 additions and 80 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ title or 'Doris Kitchen' }}</title>
<link rel="stylesheet" href="/static/app.css">
<link rel="stylesheet" href="/static/app.css?v=5">
</head>
<body>
<header class="site-header">
@@ -17,12 +17,12 @@
<a href="/">Queue</a>
<a href="/search">Search</a>
<a href="/planner">Planner</a>
<a href="/failures">Failures</a>
</nav>
</header>
<main class="page-shell">
{% block content %}{% endblock %}
</main>
<script src="/static/app.js"></script>
<script src="/static/app.js?v=5"></script>
</body>
</html>

View File

@@ -17,6 +17,7 @@
<div><span>Saved</span><strong id="count-saved">0</strong></div>
<div><span>Rejected</span><strong id="count-rejected">0</strong></div>
<div><span>Plans</span><strong id="count-plans">0</strong></div>
<div><span>Failures</span><strong id="count-failed-searches">0</strong></div>
</div>
<p class="muted" id="backend-note">Loading state…</p>
</article>
@@ -69,5 +70,15 @@
</div>
<div id="suggestion-list" class="suggestion-grid muted">Loading…</div>
</section>
{% endblock %}
<section class="card">
<div class="section-heading">
<div>
<p class="section-label">Troubleshooting</p>
<h2>Recent failed searches</h2>
</div>
<a class="button-link" href="/failures">Open failure review</a>
</div>
<div id="failed-search-preview" class="failure-list muted">Loading…</div>
</section>
{% endblock %}

View File

@@ -0,0 +1,14 @@
{% extends 'base.html' %}
{% block content %}
<section class="card">
<div class="section-heading">
<div>
<p class="section-label">Failure review</p>
<h2>Logged recipe search misses</h2>
</div>
<button type="button" id="refresh-failures">Refresh progress</button>
</div>
<p class="muted">Open searches stay here until Doris can turn them into usable recipe results.</p>
<div id="failures-list" class="failure-list muted">Loading failed searches…</div>
</section>
{% endblock %}

View File

@@ -13,6 +13,30 @@
</label>
<button type="submit">Find recipe suggestions</button>
</form>
<div class="search-examples">
<p class="muted">Example full searches:</p>
<div class="chip-list">
<button type="button" class="ghost example-query" data-query="Asian inspired using ground beef with potatoes">Asian inspired using ground beef with potatoes</button>
<button type="button" class="ghost example-query" data-query="Irish inspired with cabbage and potatoes">Irish inspired with cabbage and potatoes</button>
<button type="button" class="ghost example-query" data-query="Middle Eastern inspired using ground beef">Middle Eastern inspired using ground beef</button>
<button type="button" class="ghost example-query" data-query="Italian inspired with chicken and spinach">Italian inspired with chicken and spinach</button>
</div>
</div>
</section>
<section class="card search-card">
<div class="section-heading">
<div>
<p class="section-label">Direct link</p>
<h2>Paste a recipe URL for Doris to ingest</h2>
</div>
</div>
<form id="url-form" class="stack-form">
<label>Recipe URL
<input id="recipe-url" type="url" placeholder="https://example.com/recipe">
</label>
<button type="submit">Ingest recipe link</button>
</form>
</section>
<section class="card">
@@ -22,7 +46,7 @@
<h2>Candidate recipes</h2>
</div>
</div>
<p id="search-status" class="muted"></p>
<div id="search-results" class="suggestion-grid muted">Search for something to load recipe cards.</div>
</section>
{% endblock %}