cairn/plumbline/bundle/interface.html at main · ghzhost/cairn · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!--
  Snapshot of the interface `cairn serve` renders, captured by
  `cairn record`. The colour block below is generated from the
  stylesheet's own custom properties, in both the light and the dark
  presentation, so an auditor computes the contrast ratios rather
  than being told they pass. It is hashed with the rest of the
  evidence: the interface that was audited is pinned as firmly as
  the answers were.
-->
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Cairn — ask about Harbor County benefits</title>
  <link rel="stylesheet" href="/app.css">
  <script type="application/json" id="plumbline-contrast">
[
  {
    "name": "body text (light)",
    "foreground": "#16202a",
    "background": "#ffffff",
    "size": "normal"
  },
  {
    "name": "text on a raised surface (light)",
    "foreground": "#16202a",
    "background": "#f1f4f7",
    "size": "normal"
  },
  {
    "name": "text on the cross-language notice (light)",
    "foreground": "#16202a",
    "background": "#eaf1f7",
    "size": "normal"
  },
  {
    "name": "hints and secondary labels (light)",
    "foreground": "#4c5a67",
    "background": "#ffffff",
    "size": "normal"
  },
  {
    "name": "secondary text on a raised surface (light)",
    "foreground": "#4c5a67",
    "background": "#f1f4f7",
    "size": "normal"
  },
  {
    "name": "send button (light)",
    "foreground": "#ffffff",
    "background": "#0f5680",
    "size": "normal"
  },
  {
    "name": "error message (light)",
    "foreground": "#8a1c12",
    "background": "#fcebe9",
    "size": "normal"
  },
  {
    "name": "control borders (light)",
    "foreground": "#74828e",
    "background": "#ffffff",
    "size": "large"
  },
  {
    "name": "control borders on a raised surface (light)",
    "foreground": "#74828e",
    "background": "#f1f4f7",
    "size": "large"
  },
  {
    "name": "focus ring (light)",
    "foreground": "#9c3d06",
    "background": "#ffffff",
    "size": "large"
  },
  {
    "name": "focus ring on a raised surface (light)",
    "foreground": "#9c3d06",
    "background": "#f1f4f7",
    "size": "large"
  },
  {
    "name": "disclosure accent bar (light)",
    "foreground": "#0f5680",
    "background": "#ffffff",
    "size": "large"
  },
  {
    "name": "error border (light)",
    "foreground": "#a8261a",
    "background": "#fcebe9",
    "size": "large"
  },
  {
    "name": "body text (dark)",
    "foreground": "#e6edf3",
    "background": "#0f151b",
    "size": "normal"
  },
  {
    "name": "text on a raised surface (dark)",
    "foreground": "#e6edf3",
    "background": "#1a232c",
    "size": "normal"
  },
  {
    "name": "text on the cross-language notice (dark)",
    "foreground": "#e6edf3",
    "background": "#16242f",
    "size": "normal"
  },
  {
    "name": "hints and secondary labels (dark)",
    "foreground": "#a7b5c1",
    "background": "#0f151b",
    "size": "normal"
  },
  {
    "name": "secondary text on a raised surface (dark)",
    "foreground": "#a7b5c1",
    "background": "#1a232c",
    "size": "normal"
  },
  {
    "name": "send button (dark)",
    "foreground": "#08131c",
    "background": "#7fc0ea",
    "size": "normal"
  },
  {
    "name": "error message (dark)",
    "foreground": "#ffb9ad",
    "background": "#2b1512",
    "size": "normal"
  },
  {
    "name": "control borders (dark)",
    "foreground": "#728394",
    "background": "#0f151b",
    "size": "large"
  },
  {
    "name": "control borders on a raised surface (dark)",
    "foreground": "#728394",
    "background": "#1a232c",
    "size": "large"
  },
  {
    "name": "focus ring (dark)",
    "foreground": "#f2a95c",
    "background": "#0f151b",
    "size": "large"
  },
  {
    "name": "focus ring on a raised surface (dark)",
    "foreground": "#f2a95c",
    "background": "#1a232c",
    "size": "large"
  },
  {
    "name": "disclosure accent bar (dark)",
    "foreground": "#7fc0ea",
    "background": "#0f151b",
    "size": "large"
  },
  {
    "name": "error border (dark)",
    "foreground": "#e0705f",
    "background": "#2b1512",
    "size": "large"
  }
]
  </script>
</head>
<body>
  <a class="skip-link" href="#question">Skip to the question box</a>
  <div class="page">
    <header>
      <h1>Ask about Harbor County benefits</h1>
    </header>
    <main>
      <section class="disclosure" aria-labelledby="disclosure-heading">
        <h2 id="disclosure-heading">What this assistant is</h2>
        <ul>
        <li>You are talking to an AI system, not a person. It is not staff and not a caseworker.</li>
        <li>It answers only from the official documents listed with each answer. If those documents do not cover your question, it will say so and point you to a person instead of guessing.</li>
        <li>It cannot give legal advice, and it cannot see or change your personal records, benefits, or applications.</li>
        <li>This demonstration answers from invented documents about an invented county. Nothing it says describes a real benefit program.</li>
        </ul>
      </section>

      <h2 id="transcript-heading">Conversation</h2>
      <div id="transcript" class="transcript" role="log" aria-live="polite"
           aria-labelledby="transcript-heading" tabindex="0">
        <ol id="turns" class="turns">
  <li class="turn turn-empty"><p>No questions yet. Your conversation will appear here.</p></li>
        </ol>
      </div>

      <p id="status" role="status" class="visually-hidden"></p>
      <div id="errors" role="alert" class="errors"></div>

      <form id="ask" method="post" action="/ask" aria-labelledby="form-heading">
        <h2 id="form-heading">Your question</h2>
        <div class="field">
          <label for="lang">Language</label>
          <select id="lang" name="lang">
          <option value="en" lang="en" dir="ltr" selected>English</option>
          <option value="es" lang="es" dir="ltr">Español</option>
          <option value="ar" lang="ar" dir="rtl">العربية</option>
          </select>
        </div>
        <div class="field">
          <label for="question">Type your question</label>
          <textarea id="question" name="question" rows="3"
                    aria-describedby="question-hint"></textarea>
          <p id="question-hint" class="hint">Press Enter to send. Press Shift and Enter together for a new line.</p>
        </div>
        <button type="submit" class="send">Send question</button>
      </form>
    </main>
  </div>
  <script type="application/json" id="ui-strings">{"assistant_refused": "No answer", "assistant_said": "Answer", "copy_answer_summary": "Copy answer text", "cross_language_notice": "The only source I have for this is written in another language ({language}). It is quoted below exactly as published.", "cross_language_notice_partial": "Some of the sources below are written in another language ({language}). They are quoted exactly as published.", "disclosure_ai": "You are talking to an AI system, not a person. It is not staff and not a caseworker.", "disclosure_heading": "What this assistant is", "disclosure_limits": "It cannot give legal advice, and it cannot see or change your personal records, benefits, or applications.", "disclosure_sources": "It answers only from the official documents listed with each answer. If those documents do not cover your question, it will say so and point you to a person instead of guessing.", "disclosure_synthetic": "This demonstration answers from invented documents about an invented county. Nothing it says describes a real benefit program.", "error_empty_question": "Please type a question before sending.", "error_missing_contact": "Please provide contact information before requesting a follow-up.", "error_request_failed": "Something went wrong sending your question. Nothing was answered. Please try again.", "followup_confirmation": "Thank you. Your request has been saved for staff to follow up with you directly.", "followup_contact_label": "Your email or phone number", "followup_explanation": "Leave your contact information and staff will follow up with you directly. This is not automatic: nothing is sent anywhere else, and no one is contacted unless you submit this form.", "followup_heading": "Request a follow-up", "followup_include_question_label": "Include the question I asked, so staff have context", "followup_submit_button": "Request follow-up", "form_heading": "Your question", "heading_main": "Ask about Harbor County benefits", "input_hint": "Press Enter to send. Press Shift and Enter together for a new line.", "input_label": "Type your question", "language_label": "Language", "page_title": "Cairn — ask about Harbor County benefits", "refusal": "I don't have a source for that, so I can't help with this question. None of the official documents this assistant is allowed to answer from cover it, and I won't guess.\nFor help from a person, contact {contact}.", "send_button": "Send question", "skip_link": "Skip to the question box", "sources_heading": "Sources:", "status_answered": "Answer ready, with {count} source(s) listed below it.", "status_refused": "No source found. The assistant did not answer.", "status_working": "Working on your question.", "table_count_notice": "That number is not quoted from a document — I counted it over the {title} table: {count} of its {total} rows match. The matching rows are quoted below exactly as published.", "transcript_empty": "No questions yet. Your conversation will appear here.", "transcript_heading": "Conversation", "you_said": "You asked"}</script>
  <script src="/app.js"></script>
</body>
</html>