Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1437e99cbb | |||
| a74d27085b | |||
| fe1fdb9f9c | |||
| c915d5f2ad |
+39
-2
@@ -10,7 +10,7 @@ import {
|
|||||||
import { useLocalSearchParams, router, useNavigation } from "expo-router";
|
import { useLocalSearchParams, router, useNavigation } from "expo-router";
|
||||||
import * as Clipboard from "expo-clipboard";
|
import * as Clipboard from "expo-clipboard";
|
||||||
import * as SecureStore from "expo-secure-store";
|
import * as SecureStore from "expo-secure-store";
|
||||||
import { getIncidentById, updateIncident } from "@/lib/db";
|
import { getIncidentById, updateIncident, deleteIncident } from "@/lib/db";
|
||||||
import { renderMarkdown } from "@/lib/markdown";
|
import { renderMarkdown } from "@/lib/markdown";
|
||||||
import { pushIncidentToGit } from "@/lib/git";
|
import { pushIncidentToGit } from "@/lib/git";
|
||||||
import type { GitProvider } from "@/lib/git";
|
import type { GitProvider } from "@/lib/git";
|
||||||
@@ -54,6 +54,25 @@ export default function IncidentDetailScreen() {
|
|||||||
}
|
}
|
||||||
}, [id]);
|
}, [id]);
|
||||||
|
|
||||||
|
async function handleDelete() {
|
||||||
|
if (!incident) return;
|
||||||
|
Alert.alert(
|
||||||
|
"Delete incident?",
|
||||||
|
"This action cannot be undone.",
|
||||||
|
[
|
||||||
|
{ text: "Cancel", style: "cancel" },
|
||||||
|
{
|
||||||
|
text: "Delete",
|
||||||
|
style: "destructive",
|
||||||
|
onPress: async () => {
|
||||||
|
await deleteIncident(incident.id);
|
||||||
|
router.replace("/");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
async function handleResolve() {
|
async function handleResolve() {
|
||||||
if (!incident) return;
|
if (!incident) return;
|
||||||
await updateIncident(incident.id, { status: "resolved" });
|
await updateIncident(incident.id, { status: "resolved" });
|
||||||
@@ -102,7 +121,8 @@ export default function IncidentDetailScreen() {
|
|||||||
repo = gitlabRepo;
|
repo = gitlabRepo;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!token || !owner || !repo) {
|
const needsUrl = p === "gitea" || p === "gitlab";
|
||||||
|
if (!token || !owner || !repo || (needsUrl && !url)) {
|
||||||
Alert.alert("Git not configured", `Set up ${p.charAt(0).toUpperCase() + p.slice(1)} in Settings first.`);
|
Alert.alert("Git not configured", `Set up ${p.charAt(0).toUpperCase() + p.slice(1)} in Settings first.`);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -291,6 +311,23 @@ export default function IncidentDetailScreen() {
|
|||||||
Edit
|
Edit
|
||||||
</Text>
|
</Text>
|
||||||
</Pressable>
|
</Pressable>
|
||||||
|
|
||||||
|
<Pressable
|
||||||
|
onPress={handleDelete}
|
||||||
|
style={{
|
||||||
|
backgroundColor: "#ef444410",
|
||||||
|
borderWidth: 1,
|
||||||
|
borderColor: "#ef4444",
|
||||||
|
borderRadius: 10,
|
||||||
|
padding: 14,
|
||||||
|
alignItems: "center",
|
||||||
|
marginTop: 8,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Text style={{ color: "#ef4444", fontWeight: "600", fontSize: 15 }}>
|
||||||
|
Delete Incident
|
||||||
|
</Text>
|
||||||
|
</Pressable>
|
||||||
</View>
|
</View>
|
||||||
</ScrollView>
|
</ScrollView>
|
||||||
);
|
);
|
||||||
|
|||||||
+68
@@ -10,14 +10,17 @@ import {
|
|||||||
Alert,
|
Alert,
|
||||||
} from "react-native";
|
} from "react-native";
|
||||||
import { router, useLocalSearchParams, useNavigation } from "expo-router";
|
import { router, useLocalSearchParams, useNavigation } from "expo-router";
|
||||||
|
import * as SecureStore from "expo-secure-store";
|
||||||
import {
|
import {
|
||||||
createIncident,
|
createIncident,
|
||||||
updateIncident,
|
updateIncident,
|
||||||
getIncidentById,
|
getIncidentById,
|
||||||
getDistinctServices,
|
getDistinctServices,
|
||||||
|
getMaxTitleNumber,
|
||||||
} from "@/lib/db";
|
} from "@/lib/db";
|
||||||
import { Colors } from "@/constants/theme";
|
import { Colors } from "@/constants/theme";
|
||||||
import { useVoice } from "@/hooks/useVoice";
|
import { useVoice } from "@/hooks/useVoice";
|
||||||
|
import { callAI } from "@/lib/ai";
|
||||||
import type { IncidentDraft } from "@/types/incident";
|
import type { IncidentDraft } from "@/types/incident";
|
||||||
|
|
||||||
const FIELD_STYLE = {
|
const FIELD_STYLE = {
|
||||||
@@ -48,6 +51,7 @@ const LABEL_STYLE = {
|
|||||||
|
|
||||||
type VoiceField = "title" | "service" | "symptom" | "rootCause" | "fix";
|
type VoiceField = "title" | "service" | "symptom" | "rootCause" | "fix";
|
||||||
|
|
||||||
|
|
||||||
export default function NewIncidentScreen() {
|
export default function NewIncidentScreen() {
|
||||||
const { editId } = useLocalSearchParams<{ editId?: string }>();
|
const { editId } = useLocalSearchParams<{ editId?: string }>();
|
||||||
const navigation = useNavigation();
|
const navigation = useNavigation();
|
||||||
@@ -63,6 +67,9 @@ export default function NewIncidentScreen() {
|
|||||||
});
|
});
|
||||||
const [tagInput, setTagInput] = useState("");
|
const [tagInput, setTagInput] = useState("");
|
||||||
const [saving, setSaving] = useState(false);
|
const [saving, setSaving] = useState(false);
|
||||||
|
const [suggesting, setSuggesting] = useState(false);
|
||||||
|
const [suggestError, setSuggestError] = useState("");
|
||||||
|
const [aiEnabled, setAiEnabled] = useState(false);
|
||||||
const [knownServices, setKnownServices] = useState<string[]>([]);
|
const [knownServices, setKnownServices] = useState<string[]>([]);
|
||||||
const [serviceFocused, setServiceFocused] = useState(false);
|
const [serviceFocused, setServiceFocused] = useState(false);
|
||||||
|
|
||||||
@@ -72,8 +79,16 @@ export default function NewIncidentScreen() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
getDistinctServices().then(setKnownServices);
|
getDistinctServices().then(setKnownServices);
|
||||||
|
SecureStore.getItemAsync("pref_ai_enabled").then((v) => setAiEnabled(v === "true"));
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (editId) return;
|
||||||
|
SecureStore.getItemAsync("pref_title_template").then((tpl) => {
|
||||||
|
if (tpl) setForm((f) => ({ ...f, title: tpl }));
|
||||||
|
});
|
||||||
|
}, [editId]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!editId) return;
|
if (!editId) return;
|
||||||
navigation.setOptions({ title: "Edit Incident" });
|
navigation.setOptions({ title: "Edit Incident" });
|
||||||
@@ -133,6 +148,19 @@ export default function NewIncidentScreen() {
|
|||||||
setForm((f) => ({ ...f, tags: f.tags.filter((t) => t !== tag) }));
|
setForm((f) => ({ ...f, tags: f.tags.filter((t) => t !== tag) }));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async function handleSuggest() {
|
||||||
|
setSuggesting(true);
|
||||||
|
setSuggestError("");
|
||||||
|
try {
|
||||||
|
const result = await callAI(form.title, form.symptom);
|
||||||
|
setForm((f) => ({ ...f, rootCause: result.rootCause, fix: result.fix }));
|
||||||
|
} catch (e) {
|
||||||
|
setSuggestError(e instanceof Error ? e.message : "AI call failed");
|
||||||
|
} finally {
|
||||||
|
setSuggesting(false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async function handleSave() {
|
async function handleSave() {
|
||||||
if (!form.title.trim()) {
|
if (!form.title.trim()) {
|
||||||
Alert.alert("Required", "Title is required.");
|
Alert.alert("Required", "Title is required.");
|
||||||
@@ -144,6 +172,17 @@ export default function NewIncidentScreen() {
|
|||||||
await updateIncident(editId, form);
|
await updateIncident(editId, form);
|
||||||
} else {
|
} else {
|
||||||
await createIncident(form);
|
await createIncident(form);
|
||||||
|
const tpl = await SecureStore.getItemAsync("pref_title_template");
|
||||||
|
if (tpl) {
|
||||||
|
const match = tpl.match(/^([\s\S]*?)(\d+)$/);
|
||||||
|
if (match) {
|
||||||
|
const [, prefix, numStr] = match;
|
||||||
|
const dbMax = await getMaxTitleNumber(prefix);
|
||||||
|
const tplNum = parseInt(numStr, 10);
|
||||||
|
const next = (Math.max(dbMax, tplNum) + 1).toString().padStart(numStr.length, "0");
|
||||||
|
await SecureStore.setItemAsync("pref_title_template", prefix + next);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
router.back();
|
router.back();
|
||||||
} catch {
|
} catch {
|
||||||
@@ -278,6 +317,35 @@ export default function NewIncidentScreen() {
|
|||||||
returnKeyType="next"
|
returnKeyType="next"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
{aiEnabled && form.title.trim() && form.symptom.trim() && (
|
||||||
|
<View style={{ marginBottom: 16 }}>
|
||||||
|
<Pressable
|
||||||
|
onPress={handleSuggest}
|
||||||
|
disabled={suggesting}
|
||||||
|
style={{
|
||||||
|
backgroundColor: suggesting ? Colors.surface2 : Colors.surface,
|
||||||
|
borderRadius: 8,
|
||||||
|
padding: 12,
|
||||||
|
alignItems: "center",
|
||||||
|
borderWidth: 1,
|
||||||
|
borderColor: Colors.primary,
|
||||||
|
flexDirection: "row",
|
||||||
|
justifyContent: "center",
|
||||||
|
gap: 8,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Text style={{ color: Colors.primary, fontSize: 14, fontWeight: "700" }}>
|
||||||
|
{suggesting ? "Analyzing…" : "✦ Suggest root cause & fix"}
|
||||||
|
</Text>
|
||||||
|
</Pressable>
|
||||||
|
{suggestError !== "" && (
|
||||||
|
<Text style={{ color: Colors.danger, fontSize: 12, marginTop: 6 }}>
|
||||||
|
{suggestError}
|
||||||
|
</Text>
|
||||||
|
)}
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
|
||||||
{labelRow("Root Cause", "rootCause")}
|
{labelRow("Root Cause", "rootCause")}
|
||||||
<TextInput
|
<TextInput
|
||||||
style={MONO_FIELD_STYLE}
|
style={MONO_FIELD_STYLE}
|
||||||
|
|||||||
+255
-167
@@ -11,24 +11,27 @@ import * as SecureStore from "expo-secure-store";
|
|||||||
import { Colors } from "@/constants/theme";
|
import { Colors } from "@/constants/theme";
|
||||||
import { DEFAULT_TEMPLATE } from "@/lib/markdown";
|
import { DEFAULT_TEMPLATE } from "@/lib/markdown";
|
||||||
import type { GitProvider } from "@/lib/git";
|
import type { GitProvider } from "@/lib/git";
|
||||||
|
import type { AIProvider } from "@/lib/ai";
|
||||||
|
import { AI_PROVIDER_BASE_URLS, AI_PROVIDER_MODEL_PLACEHOLDERS } from "@/lib/ai";
|
||||||
|
|
||||||
const KEYS = {
|
const KEYS = {
|
||||||
INPUT_MODE: "pref_input_mode",
|
INPUT_MODE: "pref_input_mode",
|
||||||
HOME_VIEW: "pref_home_view",
|
HOME_VIEW: "pref_home_view",
|
||||||
AI_ENABLED: "pref_ai_enabled",
|
AI_ENABLED: "pref_ai_enabled",
|
||||||
|
AI_PROVIDER: "pref_ai_provider",
|
||||||
AI_KEY: "pref_ai_key",
|
AI_KEY: "pref_ai_key",
|
||||||
|
AI_BASE_URL: "pref_ai_base_url",
|
||||||
|
AI_MODEL: "pref_ai_model",
|
||||||
|
TITLE_TEMPLATE: "pref_title_template",
|
||||||
MD_TEMPLATE: "md_template",
|
MD_TEMPLATE: "md_template",
|
||||||
GIT_PROVIDER: "git_provider",
|
GIT_PROVIDER: "git_provider",
|
||||||
// Gitea
|
|
||||||
GITEA_URL: "gitea_url",
|
GITEA_URL: "gitea_url",
|
||||||
GITEA_TOKEN: "gitea_token",
|
GITEA_TOKEN: "gitea_token",
|
||||||
GITEA_OWNER: "gitea_owner",
|
GITEA_OWNER: "gitea_owner",
|
||||||
GITEA_REPO: "gitea_repo",
|
GITEA_REPO: "gitea_repo",
|
||||||
// GitHub
|
|
||||||
GITHUB_TOKEN: "github_token",
|
GITHUB_TOKEN: "github_token",
|
||||||
GITHUB_OWNER: "github_owner",
|
GITHUB_OWNER: "github_owner",
|
||||||
GITHUB_REPO: "github_repo",
|
GITHUB_REPO: "github_repo",
|
||||||
// GitLab
|
|
||||||
GITLAB_URL: "gitlab_url",
|
GITLAB_URL: "gitlab_url",
|
||||||
GITLAB_TOKEN: "gitlab_token",
|
GITLAB_TOKEN: "gitlab_token",
|
||||||
GITLAB_OWNER: "gitlab_owner",
|
GITLAB_OWNER: "gitlab_owner",
|
||||||
@@ -70,106 +73,40 @@ const PROVIDER_LABELS: Record<GitProvider, string> = {
|
|||||||
gitlab: "GitLab",
|
gitlab: "GitLab",
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function SettingsScreen() {
|
function parseRepoUrl(raw: string, provider: GitProvider): { instanceUrl?: string; owner?: string; repo?: string } {
|
||||||
const [inputMode, setInputMode] = useState<"voice" | "form">("form");
|
try {
|
||||||
const [homeView, setHomeView] = useState<"dashboard" | "capture">("dashboard");
|
const cleaned = raw.trim().replace(/\.git$/, "");
|
||||||
const [aiEnabled, setAiEnabled] = useState(false);
|
const u = new URL(cleaned);
|
||||||
const [aiKey, setAiKey] = useState("");
|
const parts = u.pathname.split("/").filter(Boolean);
|
||||||
const [mdTemplate, setMdTemplate] = useState(DEFAULT_TEMPLATE);
|
if (parts.length < 2) return {};
|
||||||
const [saved, setSaved] = useState(false);
|
const repo = parts[parts.length - 1];
|
||||||
|
const owner = parts[parts.length - 2];
|
||||||
// Git provider
|
const instanceUrl = provider !== "github" ? `${u.protocol}//${u.host}` : undefined;
|
||||||
const [gitProvider, setGitProvider] = useState<GitProvider>("gitea");
|
return { instanceUrl, owner, repo };
|
||||||
// Gitea
|
} catch {
|
||||||
const [giteaUrl, setGiteaUrl] = useState("");
|
return {};
|
||||||
const [giteaToken, setGiteaToken] = useState("");
|
|
||||||
const [giteaOwner, setGiteaOwner] = useState("");
|
|
||||||
const [giteaRepo, setGiteaRepo] = useState("");
|
|
||||||
// GitHub
|
|
||||||
const [githubToken, setGithubToken] = useState("");
|
|
||||||
const [githubOwner, setGithubOwner] = useState("");
|
|
||||||
const [githubRepo, setGithubRepo] = useState("");
|
|
||||||
// GitLab
|
|
||||||
const [gitlabUrl, setGitlabUrl] = useState("");
|
|
||||||
const [gitlabToken, setGitlabToken] = useState("");
|
|
||||||
const [gitlabOwner, setGitlabOwner] = useState("");
|
|
||||||
const [gitlabRepo, setGitlabRepo] = useState("");
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
(async () => {
|
|
||||||
const [im, hv, ai, key, tpl, gp, gu, gt, go, gr, ghu, ghown, ghrepo, glu, glt, glo, glr] =
|
|
||||||
await Promise.all([
|
|
||||||
SecureStore.getItemAsync(KEYS.INPUT_MODE),
|
|
||||||
SecureStore.getItemAsync(KEYS.HOME_VIEW),
|
|
||||||
SecureStore.getItemAsync(KEYS.AI_ENABLED),
|
|
||||||
SecureStore.getItemAsync(KEYS.AI_KEY),
|
|
||||||
SecureStore.getItemAsync(KEYS.MD_TEMPLATE),
|
|
||||||
SecureStore.getItemAsync(KEYS.GIT_PROVIDER),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITEA_URL),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITEA_TOKEN),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITEA_OWNER),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITEA_REPO),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITHUB_TOKEN),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITHUB_OWNER),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITHUB_REPO),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITLAB_URL),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITLAB_TOKEN),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITLAB_OWNER),
|
|
||||||
SecureStore.getItemAsync(KEYS.GITLAB_REPO),
|
|
||||||
]);
|
|
||||||
if (im) setInputMode(im as "voice" | "form");
|
|
||||||
if (hv) setHomeView(hv as "dashboard" | "capture");
|
|
||||||
if (ai) setAiEnabled(ai === "true");
|
|
||||||
if (key) setAiKey(key);
|
|
||||||
if (tpl) setMdTemplate(tpl);
|
|
||||||
if (gp) setGitProvider(gp as GitProvider);
|
|
||||||
if (gu) setGiteaUrl(gu);
|
|
||||||
if (gt) setGiteaToken(gt);
|
|
||||||
if (go) setGiteaOwner(go);
|
|
||||||
if (gr) setGiteaRepo(gr);
|
|
||||||
if (ghu) setGithubToken(ghu);
|
|
||||||
if (ghown) setGithubOwner(ghown);
|
|
||||||
if (ghrepo) setGithubRepo(ghrepo);
|
|
||||||
if (glu) setGitlabUrl(glu);
|
|
||||||
if (glt) setGitlabToken(glt);
|
|
||||||
if (glo) setGitlabOwner(glo);
|
|
||||||
if (glr) setGitlabRepo(glr);
|
|
||||||
})();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
async function handleSave() {
|
|
||||||
await Promise.all([
|
|
||||||
SecureStore.setItemAsync(KEYS.INPUT_MODE, inputMode),
|
|
||||||
SecureStore.setItemAsync(KEYS.HOME_VIEW, homeView),
|
|
||||||
SecureStore.setItemAsync(KEYS.AI_ENABLED, String(aiEnabled)),
|
|
||||||
SecureStore.setItemAsync(KEYS.AI_KEY, aiKey),
|
|
||||||
SecureStore.setItemAsync(KEYS.MD_TEMPLATE, mdTemplate),
|
|
||||||
SecureStore.setItemAsync(KEYS.GIT_PROVIDER, gitProvider),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITEA_URL, giteaUrl),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITEA_TOKEN, giteaToken),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITEA_OWNER, giteaOwner),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITEA_REPO, giteaRepo),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITHUB_TOKEN, githubToken),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITHUB_OWNER, githubOwner),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITHUB_REPO, githubRepo),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITLAB_URL, gitlabUrl),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITLAB_TOKEN, gitlabToken),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITLAB_OWNER, gitlabOwner),
|
|
||||||
SecureStore.setItemAsync(KEYS.GITLAB_REPO, gitlabRepo),
|
|
||||||
]);
|
|
||||||
setSaved(true);
|
|
||||||
setTimeout(() => setSaved(false), 2000);
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function ToggleRow({
|
function buildRepoUrl(instanceUrl: string | null, owner: string | null, repo: string | null, provider: GitProvider): string {
|
||||||
|
if (!owner || !repo) return "";
|
||||||
|
const base = provider === "github" ? "https://github.com" : (instanceUrl ?? "");
|
||||||
|
if (!base) return "";
|
||||||
|
return `${base}/${owner}/${repo}.git`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Defined outside SettingsScreen — prevents remount on every rerender, which
|
||||||
|
// would cause TextInput to lose focus after each keystroke.
|
||||||
|
|
||||||
|
function ToggleRow({
|
||||||
label,
|
label,
|
||||||
value,
|
value,
|
||||||
onValueChange,
|
onValueChange,
|
||||||
}: {
|
}: {
|
||||||
label: string;
|
label: string;
|
||||||
value: boolean;
|
value: boolean;
|
||||||
onValueChange: (v: boolean) => void;
|
onValueChange: (v: boolean) => void;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<View
|
<View
|
||||||
style={{
|
style={{
|
||||||
@@ -191,29 +128,31 @@ export default function SettingsScreen() {
|
|||||||
/>
|
/>
|
||||||
</View>
|
</View>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function SegmentRow({
|
function SegmentRow({
|
||||||
label,
|
label,
|
||||||
options,
|
options,
|
||||||
value,
|
value,
|
||||||
onChange,
|
onChange,
|
||||||
}: {
|
wrap,
|
||||||
|
}: {
|
||||||
label: string;
|
label: string;
|
||||||
options: { key: string; label: string }[];
|
options: { key: string; label: string }[];
|
||||||
value: string;
|
value: string;
|
||||||
onChange: (v: string) => void;
|
onChange: (v: string) => void;
|
||||||
}) {
|
wrap?: boolean;
|
||||||
|
}) {
|
||||||
return (
|
return (
|
||||||
<View style={{ marginBottom: 16 }}>
|
<View style={{ marginBottom: 16 }}>
|
||||||
<Text style={LABEL}>{label}</Text>
|
<Text style={LABEL}>{label}</Text>
|
||||||
<View style={{ flexDirection: "row", gap: 8 }}>
|
<View style={{ flexDirection: "row", gap: 8, flexWrap: wrap ? "wrap" : "nowrap" }}>
|
||||||
{options.map((opt) => (
|
{options.map((opt) => (
|
||||||
<Pressable
|
<Pressable
|
||||||
key={opt.key}
|
key={opt.key}
|
||||||
onPress={() => onChange(opt.key)}
|
onPress={() => onChange(opt.key)}
|
||||||
style={{
|
style={{
|
||||||
flex: 1,
|
...(wrap ? { width: "31%" } : { flex: 1 }),
|
||||||
backgroundColor:
|
backgroundColor:
|
||||||
value === opt.key ? Colors.primary : Colors.surface,
|
value === opt.key ? Colors.primary : Colors.surface,
|
||||||
borderRadius: 8,
|
borderRadius: 8,
|
||||||
@@ -238,23 +177,23 @@ export default function SettingsScreen() {
|
|||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function Field({
|
function Field({
|
||||||
label,
|
label,
|
||||||
value,
|
value,
|
||||||
onChange,
|
onChange,
|
||||||
placeholder,
|
placeholder,
|
||||||
secure,
|
secure,
|
||||||
url,
|
url,
|
||||||
}: {
|
}: {
|
||||||
label: string;
|
label: string;
|
||||||
value: string;
|
value: string;
|
||||||
onChange: (v: string) => void;
|
onChange: (v: string) => void;
|
||||||
placeholder?: string;
|
placeholder?: string;
|
||||||
secure?: boolean;
|
secure?: boolean;
|
||||||
url?: boolean;
|
url?: boolean;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Text style={LABEL}>{label}</Text>
|
<Text style={LABEL}>{label}</Text>
|
||||||
@@ -266,10 +205,111 @@ export default function SettingsScreen() {
|
|||||||
placeholderTextColor={Colors.textDim}
|
placeholderTextColor={Colors.textDim}
|
||||||
secureTextEntry={secure}
|
secureTextEntry={secure}
|
||||||
autoCapitalize="none"
|
autoCapitalize="none"
|
||||||
|
autoCorrect={false}
|
||||||
keyboardType={url ? "url" : "default"}
|
keyboardType={url ? "url" : "default"}
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function SettingsScreen() {
|
||||||
|
const [inputMode, setInputMode] = useState<"voice" | "form">("form");
|
||||||
|
const [homeView, setHomeView] = useState<"dashboard" | "capture">("dashboard");
|
||||||
|
const [aiEnabled, setAiEnabled] = useState(false);
|
||||||
|
const [aiProvider, setAiProvider] = useState<AIProvider>("openai");
|
||||||
|
const [aiKey, setAiKey] = useState("");
|
||||||
|
const [aiBaseUrl, setAiBaseUrl] = useState("");
|
||||||
|
const [aiModel, setAiModel] = useState("");
|
||||||
|
const [titleTemplate, setTitleTemplate] = useState("");
|
||||||
|
const [mdTemplate, setMdTemplate] = useState(DEFAULT_TEMPLATE);
|
||||||
|
const [saved, setSaved] = useState(false);
|
||||||
|
|
||||||
|
const [gitProvider, setGitProvider] = useState<GitProvider>("gitea");
|
||||||
|
const [giteaRepoUrl, setGiteaRepoUrl] = useState("");
|
||||||
|
const [giteaToken, setGiteaToken] = useState("");
|
||||||
|
const [githubRepoUrl, setGithubRepoUrl] = useState("");
|
||||||
|
const [githubToken, setGithubToken] = useState("");
|
||||||
|
const [gitlabRepoUrl, setGitlabRepoUrl] = useState("");
|
||||||
|
const [gitlabToken, setGitlabToken] = useState("");
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
(async () => {
|
||||||
|
const [
|
||||||
|
im, hv, ai, aip, key, aiUrl, aiMdl, titleTpl, tpl,
|
||||||
|
gp, gu, gt, go, gr,
|
||||||
|
ghu, ghown, ghrepo,
|
||||||
|
glu, glt, glo, glr,
|
||||||
|
] = await Promise.all([
|
||||||
|
SecureStore.getItemAsync(KEYS.INPUT_MODE),
|
||||||
|
SecureStore.getItemAsync(KEYS.HOME_VIEW),
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_ENABLED),
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_PROVIDER),
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_KEY),
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_BASE_URL),
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_MODEL),
|
||||||
|
SecureStore.getItemAsync(KEYS.TITLE_TEMPLATE),
|
||||||
|
SecureStore.getItemAsync(KEYS.MD_TEMPLATE),
|
||||||
|
SecureStore.getItemAsync(KEYS.GIT_PROVIDER),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITEA_URL),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITEA_TOKEN),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITEA_OWNER),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITEA_REPO),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITHUB_TOKEN),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITHUB_OWNER),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITHUB_REPO),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITLAB_URL),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITLAB_TOKEN),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITLAB_OWNER),
|
||||||
|
SecureStore.getItemAsync(KEYS.GITLAB_REPO),
|
||||||
|
]);
|
||||||
|
if (im) setInputMode(im as "voice" | "form");
|
||||||
|
if (hv) setHomeView(hv as "dashboard" | "capture");
|
||||||
|
if (ai) setAiEnabled(ai === "true");
|
||||||
|
if (aip) setAiProvider(aip as AIProvider);
|
||||||
|
if (key) setAiKey(key);
|
||||||
|
if (aiUrl) setAiBaseUrl(aiUrl);
|
||||||
|
if (aiMdl) setAiModel(aiMdl);
|
||||||
|
if (titleTpl) setTitleTemplate(titleTpl);
|
||||||
|
if (tpl) setMdTemplate(tpl);
|
||||||
|
if (gp) setGitProvider(gp as GitProvider);
|
||||||
|
if (gt) setGiteaToken(gt);
|
||||||
|
setGiteaRepoUrl(buildRepoUrl(gu, go, gr, "gitea"));
|
||||||
|
if (ghu) setGithubToken(ghu);
|
||||||
|
setGithubRepoUrl(buildRepoUrl(null, ghown, ghrepo, "github"));
|
||||||
|
if (glt) setGitlabToken(glt);
|
||||||
|
setGitlabRepoUrl(buildRepoUrl(glu, glo, glr, "gitlab"));
|
||||||
|
})();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
async function handleSave() {
|
||||||
|
const gitea = parseRepoUrl(giteaRepoUrl, "gitea");
|
||||||
|
const github = parseRepoUrl(githubRepoUrl, "github");
|
||||||
|
const gitlab = parseRepoUrl(gitlabRepoUrl, "gitlab");
|
||||||
|
await Promise.all([
|
||||||
|
SecureStore.setItemAsync(KEYS.INPUT_MODE, inputMode),
|
||||||
|
SecureStore.setItemAsync(KEYS.HOME_VIEW, homeView),
|
||||||
|
SecureStore.setItemAsync(KEYS.AI_ENABLED, String(aiEnabled)),
|
||||||
|
SecureStore.setItemAsync(KEYS.AI_PROVIDER, aiProvider),
|
||||||
|
SecureStore.setItemAsync(KEYS.AI_KEY, aiKey),
|
||||||
|
SecureStore.setItemAsync(KEYS.AI_BASE_URL, aiBaseUrl),
|
||||||
|
SecureStore.setItemAsync(KEYS.AI_MODEL, aiModel),
|
||||||
|
SecureStore.setItemAsync(KEYS.TITLE_TEMPLATE, titleTemplate),
|
||||||
|
SecureStore.setItemAsync(KEYS.MD_TEMPLATE, mdTemplate),
|
||||||
|
SecureStore.setItemAsync(KEYS.GIT_PROVIDER, gitProvider),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITEA_URL, gitea.instanceUrl ?? ""),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITEA_TOKEN, giteaToken),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITEA_OWNER, gitea.owner ?? ""),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITEA_REPO, gitea.repo ?? ""),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITHUB_TOKEN, githubToken),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITHUB_OWNER, github.owner ?? ""),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITHUB_REPO, github.repo ?? ""),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITLAB_URL, gitlab.instanceUrl ?? ""),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITLAB_TOKEN, gitlabToken),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITLAB_OWNER, gitlab.owner ?? ""),
|
||||||
|
SecureStore.setItemAsync(KEYS.GITLAB_REPO, gitlab.repo ?? ""),
|
||||||
|
]);
|
||||||
|
setSaved(true);
|
||||||
|
setTimeout(() => setSaved(false), 2000);
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -300,20 +340,96 @@ export default function SettingsScreen() {
|
|||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Text style={SECTION_TITLE}>AI (optional)</Text>
|
<Field
|
||||||
|
label="Title Template"
|
||||||
|
value={titleTemplate}
|
||||||
|
onChange={setTitleTemplate}
|
||||||
|
placeholder="INC-001 (leave empty to disable)"
|
||||||
|
/>
|
||||||
|
<View
|
||||||
|
style={{
|
||||||
|
backgroundColor: Colors.surface,
|
||||||
|
borderRadius: 8,
|
||||||
|
padding: 10,
|
||||||
|
marginTop: -8,
|
||||||
|
marginBottom: 14,
|
||||||
|
borderLeftWidth: 3,
|
||||||
|
borderLeftColor: Colors.text2,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Text style={{ color: Colors.text2, fontSize: 12, lineHeight: 18 }}>
|
||||||
|
Pre-fills the Title field on new incidents. If the value ends with
|
||||||
|
digits, the number is auto-incremented after each save.{"\n"}
|
||||||
|
e.g. INC-001 → INC-002 → INC-003
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<Text style={SECTION_TITLE}>AI — Root Cause Assistant</Text>
|
||||||
|
<View
|
||||||
|
style={{
|
||||||
|
backgroundColor: Colors.surface,
|
||||||
|
borderRadius: 8,
|
||||||
|
padding: 12,
|
||||||
|
marginBottom: 14,
|
||||||
|
borderLeftWidth: 3,
|
||||||
|
borderLeftColor: Colors.text2,
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<Text style={{ color: Colors.text2, fontSize: 13, lineHeight: 20 }}>
|
||||||
|
When enabled, a Suggest button appears between Symptom and Root Cause.
|
||||||
|
It sends the title and symptom to your AI provider and pre-fills the
|
||||||
|
analysis fields. Supports Anthropic natively; all others use the
|
||||||
|
OpenAI-compatible API.
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
<ToggleRow
|
<ToggleRow
|
||||||
label="Enable AI assistance"
|
label="Enable AI assistance"
|
||||||
value={aiEnabled}
|
value={aiEnabled}
|
||||||
onValueChange={setAiEnabled}
|
onValueChange={setAiEnabled}
|
||||||
/>
|
/>
|
||||||
{aiEnabled && (
|
{aiEnabled && (
|
||||||
|
<>
|
||||||
|
<SegmentRow
|
||||||
|
label="Provider"
|
||||||
|
value={aiProvider}
|
||||||
|
wrap
|
||||||
|
onChange={(v) => {
|
||||||
|
const p = v as AIProvider;
|
||||||
|
setAiProvider(p);
|
||||||
|
setAiBaseUrl(AI_PROVIDER_BASE_URLS[p]);
|
||||||
|
}}
|
||||||
|
options={[
|
||||||
|
{ key: "anthropic", label: "Anthropic" },
|
||||||
|
{ key: "openai", label: "OpenAI" },
|
||||||
|
{ key: "perplexity", label: "Perplexity" },
|
||||||
|
{ key: "ollama", label: "Ollama" },
|
||||||
|
{ key: "openrouter", label: "OpenRouter" },
|
||||||
|
{ key: "custom", label: "Custom" },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
{aiProvider !== "anthropic" && (
|
||||||
|
<Field
|
||||||
|
label="Base URL"
|
||||||
|
value={aiBaseUrl}
|
||||||
|
onChange={setAiBaseUrl}
|
||||||
|
placeholder={AI_PROVIDER_BASE_URLS[aiProvider] || "https://your-api.example.com/v1"}
|
||||||
|
url
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
<Field
|
||||||
|
label="Model"
|
||||||
|
value={aiModel}
|
||||||
|
onChange={setAiModel}
|
||||||
|
placeholder={AI_PROVIDER_MODEL_PLACEHOLDERS[aiProvider]}
|
||||||
|
/>
|
||||||
<Field
|
<Field
|
||||||
label="API Key"
|
label="API Key"
|
||||||
value={aiKey}
|
value={aiKey}
|
||||||
onChange={setAiKey}
|
onChange={setAiKey}
|
||||||
placeholder="sk-..."
|
placeholder={aiProvider === "ollama" ? "no key required" : "paste your API key"}
|
||||||
secure
|
secure
|
||||||
/>
|
/>
|
||||||
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Text style={SECTION_TITLE}>Git Repository</Text>
|
<Text style={SECTION_TITLE}>Git Repository</Text>
|
||||||
@@ -331,50 +447,46 @@ export default function SettingsScreen() {
|
|||||||
{gitProvider === "gitea" && (
|
{gitProvider === "gitea" && (
|
||||||
<>
|
<>
|
||||||
<Field
|
<Field
|
||||||
label="Instance URL"
|
label="Repo URL"
|
||||||
value={giteaUrl}
|
value={giteaRepoUrl}
|
||||||
onChange={setGiteaUrl}
|
onChange={setGiteaRepoUrl}
|
||||||
placeholder="https://homegit.example.com"
|
placeholder="https://homegit.example.com/username/incidents.git"
|
||||||
url
|
url
|
||||||
/>
|
/>
|
||||||
<Field
|
<Field
|
||||||
label="Token"
|
label="Token (PAT, write:repository)"
|
||||||
value={giteaToken}
|
value={giteaToken}
|
||||||
onChange={setGiteaToken}
|
onChange={setGiteaToken}
|
||||||
placeholder="Bearer token"
|
placeholder="paste token value — no Bearer prefix"
|
||||||
secure
|
secure
|
||||||
/>
|
/>
|
||||||
<Field
|
<View
|
||||||
label="Owner"
|
style={{
|
||||||
value={giteaOwner}
|
backgroundColor: Colors.surface,
|
||||||
onChange={setGiteaOwner}
|
borderRadius: 8,
|
||||||
placeholder="username or org"
|
padding: 10,
|
||||||
/>
|
marginTop: -8,
|
||||||
<Field
|
marginBottom: 14,
|
||||||
label="Repository"
|
borderLeftWidth: 3,
|
||||||
value={giteaRepo}
|
borderLeftColor: Colors.text2,
|
||||||
onChange={setGiteaRepo}
|
}}
|
||||||
placeholder="incidents"
|
>
|
||||||
/>
|
<Text style={{ color: Colors.text2, fontSize: 12, lineHeight: 18 }}>
|
||||||
|
The repo must have at least one commit — initialize it with a README if empty.
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{gitProvider === "github" && (
|
{gitProvider === "github" && (
|
||||||
<>
|
<>
|
||||||
<View
|
<Field
|
||||||
style={{
|
label="Repo URL"
|
||||||
backgroundColor: Colors.surface,
|
value={githubRepoUrl}
|
||||||
borderRadius: 8,
|
onChange={setGithubRepoUrl}
|
||||||
padding: 12,
|
placeholder="https://github.com/username/incidents.git"
|
||||||
marginBottom: 14,
|
url
|
||||||
borderLeftWidth: 3,
|
/>
|
||||||
borderLeftColor: Colors.primary,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Text style={{ color: Colors.text2, fontSize: 13 }}>
|
|
||||||
Uses api.github.com — no instance URL required.
|
|
||||||
</Text>
|
|
||||||
</View>
|
|
||||||
<Field
|
<Field
|
||||||
label="Personal Access Token"
|
label="Personal Access Token"
|
||||||
value={githubToken}
|
value={githubToken}
|
||||||
@@ -382,28 +494,16 @@ export default function SettingsScreen() {
|
|||||||
placeholder="ghp_..."
|
placeholder="ghp_..."
|
||||||
secure
|
secure
|
||||||
/>
|
/>
|
||||||
<Field
|
|
||||||
label="Owner (username or org)"
|
|
||||||
value={githubOwner}
|
|
||||||
onChange={setGithubOwner}
|
|
||||||
placeholder="your-username"
|
|
||||||
/>
|
|
||||||
<Field
|
|
||||||
label="Repository"
|
|
||||||
value={githubRepo}
|
|
||||||
onChange={setGithubRepo}
|
|
||||||
placeholder="incidents"
|
|
||||||
/>
|
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{gitProvider === "gitlab" && (
|
{gitProvider === "gitlab" && (
|
||||||
<>
|
<>
|
||||||
<Field
|
<Field
|
||||||
label="Instance URL"
|
label="Repo URL"
|
||||||
value={gitlabUrl}
|
value={gitlabRepoUrl}
|
||||||
onChange={setGitlabUrl}
|
onChange={setGitlabRepoUrl}
|
||||||
placeholder="https://gitlab.com"
|
placeholder="https://gitlab.com/username/incidents.git"
|
||||||
url
|
url
|
||||||
/>
|
/>
|
||||||
<Field
|
<Field
|
||||||
@@ -413,18 +513,6 @@ export default function SettingsScreen() {
|
|||||||
placeholder="glpat-..."
|
placeholder="glpat-..."
|
||||||
secure
|
secure
|
||||||
/>
|
/>
|
||||||
<Field
|
|
||||||
label="Namespace (user or group)"
|
|
||||||
value={gitlabOwner}
|
|
||||||
onChange={setGitlabOwner}
|
|
||||||
placeholder="your-username"
|
|
||||||
/>
|
|
||||||
<Field
|
|
||||||
label="Repository"
|
|
||||||
value={gitlabRepo}
|
|
||||||
onChange={setGitlabRepo}
|
|
||||||
placeholder="incidents"
|
|
||||||
/>
|
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,128 @@
|
|||||||
|
import * as SecureStore from "expo-secure-store";
|
||||||
|
|
||||||
|
export type AIProvider =
|
||||||
|
| "anthropic"
|
||||||
|
| "openai"
|
||||||
|
| "perplexity"
|
||||||
|
| "ollama"
|
||||||
|
| "openrouter"
|
||||||
|
| "custom";
|
||||||
|
|
||||||
|
const KEYS = {
|
||||||
|
AI_PROVIDER: "pref_ai_provider",
|
||||||
|
AI_BASE_URL: "pref_ai_base_url",
|
||||||
|
AI_MODEL: "pref_ai_model",
|
||||||
|
AI_KEY: "pref_ai_key",
|
||||||
|
};
|
||||||
|
|
||||||
|
export const AI_PROVIDER_BASE_URLS: Record<AIProvider, string> = {
|
||||||
|
anthropic: "https://api.anthropic.com",
|
||||||
|
openai: "https://api.openai.com/v1",
|
||||||
|
perplexity: "https://api.perplexity.ai",
|
||||||
|
ollama: "http://localhost:11434/v1",
|
||||||
|
openrouter: "https://openrouter.ai/api/v1",
|
||||||
|
custom: "",
|
||||||
|
};
|
||||||
|
|
||||||
|
export const AI_PROVIDER_MODEL_PLACEHOLDERS: Record<AIProvider, string> = {
|
||||||
|
anthropic: "claude-haiku-4-5-20251001",
|
||||||
|
openai: "gpt-4o-mini",
|
||||||
|
perplexity: "llama-3.1-sonar-small-128k-online",
|
||||||
|
ollama: "llama3.2",
|
||||||
|
openrouter: "openai/gpt-4o-mini",
|
||||||
|
custom: "model-name",
|
||||||
|
};
|
||||||
|
|
||||||
|
const SYSTEM_PROMPT =
|
||||||
|
"You are a systems reliability engineer. Analyze the incident and respond with JSON ONLY " +
|
||||||
|
"(no prose, no markdown fences):\n" +
|
||||||
|
'{"root_cause":"...","fix":"..."}\n' +
|
||||||
|
"Be concise and technical. Max 200 chars per field.";
|
||||||
|
|
||||||
|
async function getConfig() {
|
||||||
|
const [provider, baseUrl, model, key] = await Promise.all([
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_PROVIDER),
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_BASE_URL),
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_MODEL),
|
||||||
|
SecureStore.getItemAsync(KEYS.AI_KEY),
|
||||||
|
]);
|
||||||
|
const p = (provider ?? "openai") as AIProvider;
|
||||||
|
return {
|
||||||
|
provider: p,
|
||||||
|
baseUrl: baseUrl || AI_PROVIDER_BASE_URLS[p],
|
||||||
|
model: model || AI_PROVIDER_MODEL_PLACEHOLDERS[p],
|
||||||
|
key: key ?? "",
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function callAI(
|
||||||
|
title: string,
|
||||||
|
symptom: string
|
||||||
|
): Promise<{ rootCause: string; fix: string }> {
|
||||||
|
const config = await getConfig();
|
||||||
|
const userMsg = `Title: ${title}\nSymptom: ${symptom}`;
|
||||||
|
|
||||||
|
const raw =
|
||||||
|
config.provider === "anthropic"
|
||||||
|
? await callAnthropic(config, userMsg)
|
||||||
|
: await callOpenAICompat(config, userMsg);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const parsed = JSON.parse(raw) as { root_cause?: string; fix?: string };
|
||||||
|
return {
|
||||||
|
rootCause: parsed.root_cause ?? "",
|
||||||
|
fix: parsed.fix ?? "",
|
||||||
|
};
|
||||||
|
} catch {
|
||||||
|
throw new Error(`Unexpected AI response: ${raw.slice(0, 120)}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function callAnthropic(
|
||||||
|
config: { baseUrl: string; model: string; key: string },
|
||||||
|
userMsg: string
|
||||||
|
): Promise<string> {
|
||||||
|
const res = await fetch(`${config.baseUrl}/v1/messages`, {
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
"x-api-key": config.key,
|
||||||
|
"anthropic-version": "2023-06-01",
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
model: config.model,
|
||||||
|
max_tokens: 512,
|
||||||
|
system: SYSTEM_PROMPT,
|
||||||
|
messages: [{ role: "user", content: userMsg }],
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
if (!res.ok) throw new Error(`Anthropic ${res.status}: ${await res.text()}`);
|
||||||
|
const data = (await res.json()) as { content: { text: string }[] };
|
||||||
|
return data.content[0].text;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function callOpenAICompat(
|
||||||
|
config: { baseUrl: string; model: string; key: string },
|
||||||
|
userMsg: string
|
||||||
|
): Promise<string> {
|
||||||
|
const headers: Record<string, string> = { "Content-Type": "application/json" };
|
||||||
|
if (config.key) headers["Authorization"] = `Bearer ${config.key}`;
|
||||||
|
|
||||||
|
const res = await fetch(`${config.baseUrl}/chat/completions`, {
|
||||||
|
method: "POST",
|
||||||
|
headers,
|
||||||
|
body: JSON.stringify({
|
||||||
|
model: config.model,
|
||||||
|
max_tokens: 512,
|
||||||
|
messages: [
|
||||||
|
{ role: "system", content: SYSTEM_PROMPT },
|
||||||
|
{ role: "user", content: userMsg },
|
||||||
|
],
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
if (!res.ok) throw new Error(`AI ${res.status}: ${await res.text()}`);
|
||||||
|
const data = (await res.json()) as {
|
||||||
|
choices: { message: { content: string } }[];
|
||||||
|
};
|
||||||
|
return data.choices[0].message.content;
|
||||||
|
}
|
||||||
@@ -163,6 +163,20 @@ export async function deleteIncident(id: string): Promise<void> {
|
|||||||
await db.runAsync("DELETE FROM incidents WHERE id = ?", [id]);
|
await db.runAsync("DELETE FROM incidents WHERE id = ?", [id]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export async function getMaxTitleNumber(prefix: string): Promise<number> {
|
||||||
|
const db = await getDb();
|
||||||
|
const rows = await db.getAllAsync<{ title: string }>(
|
||||||
|
"SELECT title FROM incidents WHERE title LIKE ?",
|
||||||
|
[`${prefix}%`]
|
||||||
|
);
|
||||||
|
let max = 0;
|
||||||
|
for (const row of rows) {
|
||||||
|
const n = parseInt(row.title.slice(prefix.length), 10);
|
||||||
|
if (!isNaN(n) && n > max) max = n;
|
||||||
|
}
|
||||||
|
return max;
|
||||||
|
}
|
||||||
|
|
||||||
export async function getDistinctServices(): Promise<string[]> {
|
export async function getDistinctServices(): Promise<string[]> {
|
||||||
const db = await getDb();
|
const db = await getDb();
|
||||||
const rows = await db.getAllAsync<{ service: string }>(
|
const rows = await db.getAllAsync<{ service: string }>(
|
||||||
|
|||||||
+80
-19
@@ -17,6 +17,16 @@ export interface PushResult {
|
|||||||
error?: string;
|
error?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const TIMEOUT_MS = 15_000;
|
||||||
|
|
||||||
|
function fetchWithTimeout(url: string, init: RequestInit): Promise<Response> {
|
||||||
|
const controller = new AbortController();
|
||||||
|
const timer = setTimeout(() => controller.abort(), TIMEOUT_MS);
|
||||||
|
return fetch(url, { ...init, signal: controller.signal }).finally(() =>
|
||||||
|
clearTimeout(timer)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
export async function pushIncidentToGit(
|
export async function pushIncidentToGit(
|
||||||
incident: Incident,
|
incident: Incident,
|
||||||
config: GitConfig,
|
config: GitConfig,
|
||||||
@@ -37,43 +47,69 @@ async function pushGitea(
|
|||||||
config: GitConfig,
|
config: GitConfig,
|
||||||
markdownTemplate?: string
|
markdownTemplate?: string
|
||||||
): Promise<PushResult> {
|
): Promise<PushResult> {
|
||||||
|
if (!config.url) {
|
||||||
|
return { success: false, error: "Gitea instance URL is not set. Check Settings → Git Repository." };
|
||||||
|
}
|
||||||
|
if (!config.token) {
|
||||||
|
return { success: false, error: "Gitea token is not set. Check Settings → Git Repository." };
|
||||||
|
}
|
||||||
|
if (!config.owner || !config.repo) {
|
||||||
|
return { success: false, error: "Gitea owner or repository is not set. Check Settings → Git Repository." };
|
||||||
|
}
|
||||||
|
|
||||||
const filepath = incidentToFilename(incident);
|
const filepath = incidentToFilename(incident);
|
||||||
const content = renderMarkdown(incident, markdownTemplate);
|
const content = renderMarkdown(incident, markdownTemplate);
|
||||||
const base64Content = btoa(unescape(encodeURIComponent(content)));
|
const base64Content = btoa(unescape(encodeURIComponent(content)));
|
||||||
const apiBase = (config.url ?? "").replace(/\/$/, "");
|
const apiBase = config.url.replace(/\/$/, "");
|
||||||
const endpoint = `${apiBase}/api/v1/repos/${config.owner}/${config.repo}/contents/${filepath}`;
|
const endpoint = `${apiBase}/api/v1/repos/${config.owner}/${config.repo}/contents/${filepath}`;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const existing = await fetch(endpoint, {
|
const existing = await fetchWithTimeout(endpoint, {
|
||||||
headers: { Authorization: `Bearer ${config.token}` },
|
headers: { Authorization: `token ${config.token}` },
|
||||||
});
|
});
|
||||||
let sha: string | undefined;
|
let sha: string | undefined;
|
||||||
if (existing.ok) {
|
if (existing.ok) {
|
||||||
const data = await existing.json() as { sha?: string };
|
const data = await existing.json() as { sha?: string };
|
||||||
sha = data.sha;
|
sha = data.sha;
|
||||||
|
} else if (existing.status === 404 || existing.status === 409) {
|
||||||
|
// 404 = file not found (normal for first push)
|
||||||
|
// 409 = repo is empty / no branch yet — proceed, we'll create with branch:"main"
|
||||||
|
} else {
|
||||||
|
const body = await existing.text();
|
||||||
|
return { success: false, error: `GET ${existing.status}: ${body.slice(0, 200)}` };
|
||||||
}
|
}
|
||||||
|
|
||||||
const body: Record<string, string> = {
|
const payload: Record<string, string> = {
|
||||||
message: `incident: ${incident.title}`,
|
message: `incident: ${incident.title}`,
|
||||||
content: base64Content,
|
content: base64Content,
|
||||||
|
branch: "main",
|
||||||
};
|
};
|
||||||
if (sha) body.sha = sha;
|
if (sha) payload.sha = sha;
|
||||||
|
|
||||||
const res = await fetch(endpoint, {
|
// POST creates, PUT updates — Gitea requires the correct verb
|
||||||
method: "POST",
|
const res = await fetchWithTimeout(endpoint, {
|
||||||
|
method: sha ? "PUT" : "POST",
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${config.token}`,
|
Authorization: `token ${config.token}`,
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
},
|
},
|
||||||
body: JSON.stringify(body),
|
body: JSON.stringify(payload),
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!res.ok) {
|
if (!res.ok) {
|
||||||
return { success: false, error: `HTTP ${res.status}: ${await res.text()}` };
|
const body = await res.text();
|
||||||
|
let hint = "";
|
||||||
|
if (res.status === 404) {
|
||||||
|
hint = "\n\nCheck: instance URL (no /api/v1), owner and repo names are exact, token has write:repository scope, and the repo exists on Gitea.";
|
||||||
|
}
|
||||||
|
return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 300)}${hint}` };
|
||||||
}
|
}
|
||||||
const data = await res.json() as { content?: { html_url?: string } };
|
const data = await res.json() as { content?: { html_url?: string } };
|
||||||
return { success: true, url: data.content?.html_url };
|
return { success: true, url: data.content?.html_url };
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
if (e instanceof Error && e.name === "AbortError") {
|
||||||
|
return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s. Check that the Gitea URL is reachable.` };
|
||||||
|
}
|
||||||
return { success: false, error: e instanceof Error ? e.message : String(e) };
|
return { success: false, error: e instanceof Error ? e.message : String(e) };
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -83,13 +119,20 @@ async function pushGitHub(
|
|||||||
config: GitConfig,
|
config: GitConfig,
|
||||||
markdownTemplate?: string
|
markdownTemplate?: string
|
||||||
): Promise<PushResult> {
|
): Promise<PushResult> {
|
||||||
|
if (!config.token) {
|
||||||
|
return { success: false, error: "GitHub token is not set. Check Settings → Git Repository." };
|
||||||
|
}
|
||||||
|
if (!config.owner || !config.repo) {
|
||||||
|
return { success: false, error: "GitHub owner or repository is not set. Check Settings → Git Repository." };
|
||||||
|
}
|
||||||
|
|
||||||
const filepath = incidentToFilename(incident);
|
const filepath = incidentToFilename(incident);
|
||||||
const content = renderMarkdown(incident, markdownTemplate);
|
const content = renderMarkdown(incident, markdownTemplate);
|
||||||
const base64Content = btoa(unescape(encodeURIComponent(content)));
|
const base64Content = btoa(unescape(encodeURIComponent(content)));
|
||||||
const endpoint = `https://api.github.com/repos/${config.owner}/${config.repo}/contents/${filepath}`;
|
const endpoint = `https://api.github.com/repos/${config.owner}/${config.repo}/contents/${filepath}`;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const existing = await fetch(endpoint, {
|
const existing = await fetchWithTimeout(endpoint, {
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${config.token}`,
|
Authorization: `Bearer ${config.token}`,
|
||||||
Accept: "application/vnd.github+json",
|
Accept: "application/vnd.github+json",
|
||||||
@@ -99,30 +142,37 @@ async function pushGitHub(
|
|||||||
if (existing.ok) {
|
if (existing.ok) {
|
||||||
const data = await existing.json() as { sha?: string };
|
const data = await existing.json() as { sha?: string };
|
||||||
sha = data.sha;
|
sha = data.sha;
|
||||||
|
} else if (existing.status !== 404) {
|
||||||
|
const body = await existing.text();
|
||||||
|
return { success: false, error: `GET ${existing.status}: ${body.slice(0, 200)}` };
|
||||||
}
|
}
|
||||||
|
|
||||||
const body: Record<string, string> = {
|
const payload: Record<string, string> = {
|
||||||
message: `incident: ${incident.title}`,
|
message: `incident: ${incident.title}`,
|
||||||
content: base64Content,
|
content: base64Content,
|
||||||
};
|
};
|
||||||
if (sha) body.sha = sha;
|
if (sha) payload.sha = sha;
|
||||||
|
|
||||||
const res = await fetch(endpoint, {
|
const res = await fetchWithTimeout(endpoint, {
|
||||||
method: "PUT",
|
method: "PUT",
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: `Bearer ${config.token}`,
|
Authorization: `Bearer ${config.token}`,
|
||||||
Accept: "application/vnd.github+json",
|
Accept: "application/vnd.github+json",
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
},
|
},
|
||||||
body: JSON.stringify(body),
|
body: JSON.stringify(payload),
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!res.ok) {
|
if (!res.ok) {
|
||||||
return { success: false, error: `HTTP ${res.status}: ${await res.text()}` };
|
const body = await res.text();
|
||||||
|
return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 300)}` };
|
||||||
}
|
}
|
||||||
const data = await res.json() as { content?: { html_url?: string } };
|
const data = await res.json() as { content?: { html_url?: string } };
|
||||||
return { success: true, url: data.content?.html_url };
|
return { success: true, url: data.content?.html_url };
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
if (e instanceof Error && e.name === "AbortError") {
|
||||||
|
return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s.` };
|
||||||
|
}
|
||||||
return { success: false, error: e instanceof Error ? e.message : String(e) };
|
return { success: false, error: e instanceof Error ? e.message : String(e) };
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -132,6 +182,13 @@ async function pushGitLab(
|
|||||||
config: GitConfig,
|
config: GitConfig,
|
||||||
markdownTemplate?: string
|
markdownTemplate?: string
|
||||||
): Promise<PushResult> {
|
): Promise<PushResult> {
|
||||||
|
if (!config.token) {
|
||||||
|
return { success: false, error: "GitLab token is not set. Check Settings → Git Repository." };
|
||||||
|
}
|
||||||
|
if (!config.owner || !config.repo) {
|
||||||
|
return { success: false, error: "GitLab namespace or repository is not set. Check Settings → Git Repository." };
|
||||||
|
}
|
||||||
|
|
||||||
const filepath = incidentToFilename(incident);
|
const filepath = incidentToFilename(incident);
|
||||||
const content = renderMarkdown(incident, markdownTemplate);
|
const content = renderMarkdown(incident, markdownTemplate);
|
||||||
const base64Content = btoa(unescape(encodeURIComponent(content)));
|
const base64Content = btoa(unescape(encodeURIComponent(content)));
|
||||||
@@ -141,12 +198,12 @@ async function pushGitLab(
|
|||||||
const endpoint = `${apiBase}/api/v4/projects/${projectId}/repository/files/${encodedPath}`;
|
const endpoint = `${apiBase}/api/v4/projects/${projectId}/repository/files/${encodedPath}`;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
const existing = await fetch(`${endpoint}?ref=HEAD`, {
|
const existing = await fetchWithTimeout(`${endpoint}?ref=HEAD`, {
|
||||||
headers: { "PRIVATE-TOKEN": config.token },
|
headers: { "PRIVATE-TOKEN": config.token },
|
||||||
});
|
});
|
||||||
const method = existing.ok ? "PUT" : "POST";
|
const method = existing.ok ? "PUT" : "POST";
|
||||||
|
|
||||||
const res = await fetch(endpoint, {
|
const res = await fetchWithTimeout(endpoint, {
|
||||||
method,
|
method,
|
||||||
headers: {
|
headers: {
|
||||||
"PRIVATE-TOKEN": config.token,
|
"PRIVATE-TOKEN": config.token,
|
||||||
@@ -161,7 +218,8 @@ async function pushGitLab(
|
|||||||
});
|
});
|
||||||
|
|
||||||
if (!res.ok) {
|
if (!res.ok) {
|
||||||
return { success: false, error: `HTTP ${res.status}: ${await res.text()}` };
|
const body = await res.text();
|
||||||
|
return { success: false, error: `HTTP ${res.status}: ${body.slice(0, 300)}` };
|
||||||
}
|
}
|
||||||
const data = await res.json() as { file_path?: string };
|
const data = await res.json() as { file_path?: string };
|
||||||
const webUrl = data.file_path
|
const webUrl = data.file_path
|
||||||
@@ -169,6 +227,9 @@ async function pushGitLab(
|
|||||||
: undefined;
|
: undefined;
|
||||||
return { success: true, url: webUrl };
|
return { success: true, url: webUrl };
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
if (e instanceof Error && e.name === "AbortError") {
|
||||||
|
return { success: false, error: `Request timed out after ${TIMEOUT_MS / 1000}s.` };
|
||||||
|
}
|
||||||
return { success: false, error: e instanceof Error ? e.message : String(e) };
|
return { success: false, error: e instanceof Error ? e.message : String(e) };
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user