codex-flow 2.1.13__py3-none-any.whl

codex_flow/data/apps/macos-overlay/Sources/Views/HoverRevealText.swift

@@ -0,0 +1,165 @@
+import SwiftUI
+import Foundation
+
+/// A compact text label that keeps the normal layout truncated, but reveals the
+/// complete value in a small native popover after a short hover dwell.
+///
+/// Privacy mode intentionally keeps the original text layout and applies the
+/// same 4.5pt blur used by the earlier showcase pipeline. A drawing group bakes
+/// the blur into an offscreen texture so AppKit-backed screenshots preserve the
+/// visual mask instead of degrading it into placeholder bars.
+public struct HoverRevealText: View {
+    public let text: String
+    public let fullText: String?
+    public let font: Font
+    public let foregroundColor: Color
+    public let lineLimit: Int?
+    public let truncationMode: Text.TruncationMode
+    public let privacyBlur: Bool
+    public let alignment: TextAlignment
+    public let popoverWidth: CGFloat
+
+    @State private var isPresented = false
+    @State private var hoverGeneration = 0
+
+    public init(
+        _ text: String,
+        font: Font = .system(size: 10),
+        foregroundColor: Color = .white,
+        lineLimit: Int? = 1,
+        truncationMode: Text.TruncationMode = .tail,
+        privacyBlur: Bool = false,
+        alignment: TextAlignment = .leading,
+        popoverWidth: CGFloat = 340,
+        fullText: String? = nil
+    ) {
+        self.text = text
+        self.fullText = fullText
+        self.font = font
+        self.foregroundColor = foregroundColor
+        self.lineLimit = lineLimit
+        self.truncationMode = truncationMode
+        self.privacyBlur = privacyBlur
+        self.alignment = alignment
+        self.popoverWidth = popoverWidth
+    }
+
+    public var body: some View {
+        Group {
+            if privacyBlur {
+                Text(text)
+                    .font(font)
+                    .foregroundColor(foregroundColor)
+                    .lineLimit(lineLimit)
+                    .truncationMode(truncationMode)
+                    .multilineTextAlignment(alignment)
+                    .blur(radius: 4.5)
+                    .drawingGroup(opaque: false, colorMode: .linear)
+                    .accessibilityLabel(Text("Private content"))
+            } else {
+                Text(text)
+                    .font(font)
+                    .foregroundColor(foregroundColor)
+                    .lineLimit(lineLimit)
+                    .truncationMode(truncationMode)
+                    .multilineTextAlignment(alignment)
+            }
+        }
+        .contentShape(Rectangle())
+        .onHover(perform: handleSourceHover)
+        .popover(isPresented: $isPresented, arrowEdge: .bottom) {
+            ZStack {
+                Color(red: 0.055, green: 0.062, blue: 0.085)
+                    .ignoresSafeArea()
+
+                ScrollView(.vertical, showsIndicators: true) {
+                    expandedText
+                        .font(font)
+                        .foregroundColor(.white.opacity(0.92))
+                        .multilineTextAlignment(.leading)
+                        .textSelection(.enabled)
+                        .fixedSize(horizontal: false, vertical: true)
+                        .frame(maxWidth: .infinity, alignment: .leading)
+                        .padding(10)
+                }
+            }
+            .frame(width: min(max(popoverWidth, 220), 520))
+            .frame(maxHeight: 260)
+            .background(Color(red: 0.055, green: 0.062, blue: 0.085))
+            .preferredColorScheme(.dark)
+            .onHover(perform: handlePopoverHover)
+        }
+    }
+
+    /// Native Foundation Markdown parsing keeps headings, lists, fenced code,
+    /// inline code, and links selectable without introducing a WebView or HTML.
+    /// A malformed value falls back to the exact source text. Link attributes
+    /// are retained only for http/https URLs so local files and script schemes
+    /// can never become clickable from telemetry.
+    @ViewBuilder
+    private var expandedText: some View {
+        let content = fullText ?? text
+        if let markdown = Self.parseMarkdown(content) {
+            Text(markdown)
+        } else {
+            Text(content)
+        }
+    }
+
+    private static func parseMarkdown(_ source: String) -> AttributedString? {
+        do {
+            var value = try AttributedString(
+                markdown: source,
+                options: .init(interpretedSyntax: .full)
+            )
+
+            for run in value.runs {
+                guard let link = run.link else { continue }
+                let scheme = link.scheme?.lowercased()
+                guard scheme == "http" || scheme == "https" else {
+                    value[run.range].link = nil
+                    continue
+                }
+            }
+            return value
+        } catch {
+            return nil
+        }
+    }
+
+    private func handleSourceHover(_ inside: Bool) {
+        hoverGeneration += 1
+        let generation = hoverGeneration
+
+        let content = fullText ?? text
+        guard !privacyBlur, !content.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty else {
+            isPresented = false
+            return
+        }
+
+        let delay = inside ? 0.22 : 0.25
+        DispatchQueue.main.asyncAfter(deadline: .now() + delay) {
+            guard generation == hoverGeneration else { return }
+            withAnimation(.easeInOut(duration: 0.12)) {
+                isPresented = inside
+            }
+        }
+    }
+
+    private func handlePopoverHover(_ inside: Bool) {
+        hoverGeneration += 1
+        let generation = hoverGeneration
+
+        if inside {
+            isPresented = true
+            return
+        }
+
+        DispatchQueue.main.asyncAfter(deadline: .now() + 0.16) {
+            guard generation == hoverGeneration else { return }
+            withAnimation(.easeInOut(duration: 0.12)) {
+                isPresented = false
+            }
+        }
+    }
+}

codex_flow/data/apps/macos-overlay/Sources/Views/InspectorSkillsToolsView.swift

@@ -0,0 +1,121 @@
+import SwiftUI
+
+/// Keeps the existing Skills / MCP visibility in the refreshed Inspector while
+/// using the same hover-to-reveal behavior as the rest of the app.
+public struct InspectorSkillsToolsView: View {
+    public let run: TaskRun
+    @State private var expanded = false
+
+    public init(run: TaskRun) {
+        self.run = run
+    }
+
+    private var skills: [SkillUsage] { run.skillsUsed ?? [] }
+    private var tools: [ToolCallInfo] { run.toolsUsed ?? [] }
+
+    public var body: some View {
+        VStack(alignment: .leading, spacing: 6) {
+            Button {
+                withAnimation(.easeInOut(duration: 0.15)) {
+                    expanded.toggle()
+                }
+            } label: {
+                HStack(spacing: 4) {
+                    Image(systemName: "square.grid.2x2.fill")
+                        .font(.system(size: 8))
+                        .foregroundColor(.purple)
+                    Text(L("Skills & Tools", "技能与工具"))
+                        .font(.system(size: 8.8, weight: .bold, design: .rounded))
+                        .foregroundColor(.white.opacity(0.7))
+                    Spacer()
+                    Text(L("\(skills.count) skills · \(tools.count) tools", "\(skills.count) 个技能 · \(tools.count) 个工具"))
+                        .font(.system(size: 7.3, weight: .medium))
+                        .foregroundColor(.white.opacity(0.38))
+                    Image(systemName: expanded ? "chevron.up" : "chevron.down")
+                        .font(.system(size: 7, weight: .bold))
+                        .foregroundColor(.white.opacity(0.35))
+                }
+                .contentShape(Rectangle())
+            }
+            .buttonStyle(.plain)
+
+            if expanded {
+                if !skills.isEmpty {
+                    compactSection(title: L("Skills", "技能"), icon: "sparkles", tint: .purple) {
+                        ForEach(skills) { skill in
+                            compactItem(
+                                text: skill.name,
+                                trailing: skill.count.map { "×\($0)" },
+                                tint: .purple
+                            )
+                        }
+                    }
+                }
+
+                if !tools.isEmpty {
+                    compactSection(title: L("Tools", "工具"), icon: "wrench.and.screwdriver.fill", tint: .teal) {
+                        ForEach(tools) { tool in
+                            compactItem(
+                                text: tool.displayName,
+                                trailing: tool.count.map { "×\($0)" },
+                                tint: tool.isMcp == true ? .cyan : .teal
+                            )
+                        }
+                    }
+                }
+            }
+        }
+        .padding(8)
+        .background(
+            RoundedRectangle(cornerRadius: 9)
+                .fill(Color.white.opacity(0.035))
+                .overlay(
+                    RoundedRectangle(cornerRadius: 9)
+                        .stroke(Color.white.opacity(0.07), lineWidth: 0.7)
+                )
+        )
+    }
+
+    private func compactSection<Content: View>(
+        title: String,
+        icon: String,
+        tint: Color,
+        @ViewBuilder content: () -> Content
+    ) -> some View {
+        VStack(alignment: .leading, spacing: 4) {
+            Label(title, systemImage: icon)
+                .font(.system(size: 7.6, weight: .semibold))
+                .foregroundColor(tint.opacity(0.85))
+
+            VStack(spacing: 3) {
+                content()
+            }
+        }
+    }
+
+    private func compactItem(text: String, trailing: String?, tint: Color) -> some View {
+        HStack(spacing: 5) {
+            Circle()
+                .fill(tint.opacity(0.85))
+                .frame(width: 4, height: 4)
+
+            HoverRevealText(
+                text,
+                font: .system(size: 8, weight: .medium, design: .monospaced),
+                foregroundColor: .white.opacity(0.68),
+                lineLimit: 1,
+                popoverWidth: 380
+            )
+            .frame(maxWidth: .infinity, alignment: .leading)
+
+            if let trailing {
+                Text(trailing)
+                    .font(.system(size: 7.2, weight: .bold, design: .monospaced))
+                    .foregroundColor(tint.opacity(0.75))
+            }
+        }
+        .padding(.horizontal, 6)
+        .padding(.vertical, 3)
+        .background(RoundedRectangle(cornerRadius: 6).fill(Color.white.opacity(0.022)))
+    }
+}

codex_flow/data/apps/macos-overlay/Sources/Views/LogoView.swift

@@ -0,0 +1,182 @@
+import SwiftUI
+import AppKit
+
+public struct FlowPilotLogoView: View {
+    public var size: CGFloat
+    public var showGlow: Bool
+    public var withBolt: Bool
+    public var text: String
+
+    public init(
+        size: CGFloat = 256,
+        showGlow: Bool = true,
+        withBolt: Bool = true,
+        text: String = "FlowPilot"
+    ) {
+        self.size = size
+        self.showGlow = showGlow
+        self.withBolt = withBolt
+        self.text = text
+    }
+
+    private var circleDiameter: CGFloat { size * 0.76 }
+    private var beaconSize: CGFloat { circleDiameter * 0.138 }
+    private var sparklesSize: CGFloat { circleDiameter * 0.31 }
+    private var beaconOffset: CGFloat { circleDiameter * 0.35 }
+
+    public var body: some View {
+        ZStack {
+            // 1. Dark Frosted Glass Inner Body
+            Circle()
+                .fill(
+                    RadialGradient(
+                        colors: [
+                            Color(red: 0.15, green: 0.17, blue: 0.24).opacity(0.96),
+                            Color(red: 0.07, green: 0.08, blue: 0.12).opacity(0.98)
+                        ],
+                        center: .center,
+                        startRadius: circleDiameter * 0.08,
+                        endRadius: circleDiameter * 0.5
+                    )
+                )
+                .overlay(
+                    Circle()
+                        .stroke(
+                            LinearGradient(
+                                colors: [
+                                    Color.white.opacity(0.28),
+                                    Color.white.opacity(0.08),
+                                    Color.cyan.opacity(0.20)
+                                ],
+                                startPoint: .topLeading,
+                                endPoint: .bottomTrailing
+                            ),
+                            lineWidth: max(1.0, circleDiameter * 0.015)
+                        )
+                )
+                .frame(width: circleDiameter, height: circleDiameter)
+
+            // 2. Dynamic Neon Rainbow Border Glow
+            Circle()
+                .strokeBorder(
+                    AngularGradient(
+                        colors: [
+                            Color(red: 0.0, green: 0.85, blue: 1.0),   // Cyan
+                            Color(red: 0.35, green: 0.45, blue: 1.0),  // Indigo
+                            Color(red: 0.75, green: 0.35, blue: 0.95), // Purple
+                            Color(red: 1.0, green: 0.35, blue: 0.65),  // Pink
+                            Color(red: 0.0, green: 0.9, blue: 0.75),   // Teal
+                            Color(red: 0.0, green: 0.85, blue: 1.0)    // Cyan
+                        ],
+                        center: .center
+                    ),
+                    lineWidth: max(1.8, circleDiameter * 0.028)
+                )
+                .shadow(
+                    color: Color.cyan.opacity(showGlow ? 0.75 : 0.0),
+                    radius: max(3.0, circleDiameter * 0.06)
+                )
+                .shadow(
+                    color: Color(red: 0.7, green: 0.3, blue: 0.9).opacity(showGlow ? 0.45 : 0.0),
+                    radius: max(6.0, circleDiameter * 0.1)
+                )
+                .frame(width: circleDiameter, height: circleDiameter)
+
+            // 3. Central Content Stack
+            VStack(spacing: circleDiameter * 0.04) {
+                // Sparkles Hero Glyph
+                Image(systemName: "sparkles")
+                    .font(.system(size: sparklesSize, weight: .bold))
+                    .foregroundStyle(
+                        LinearGradient(
+                            colors: [
+                                Color.white,
+                                Color(red: 0.2, green: 0.85, blue: 1.0),
+                                Color(red: 0.65, green: 0.4, blue: 0.95)
+                            ],
+                            startPoint: .topLeading,
+                            endPoint: .bottomTrailing
+                        )
+                    )
+                    .shadow(color: Color.cyan.opacity(0.8), radius: max(2.5, sparklesSize * 0.25))
+                    .shadow(color: Color.purple.opacity(0.5), radius: max(5.0, sparklesSize * 0.4))
+                    .offset(y: circleDiameter * 0.015)
+
+                // Bottom Pill Badge with "FlowPilot" (replacing token quantity)
+                HStack(spacing: circleDiameter * 0.025) {
+                    if withBolt {
+                        Image(systemName: "bolt.fill")
+                            .font(.system(size: circleDiameter * 0.095, weight: .heavy))
+                            .foregroundColor(Color(red: 0.2, green: 0.88, blue: 0.45))
+                            .shadow(color: Color(red: 0.2, green: 0.88, blue: 0.45).opacity(0.8), radius: 2)
+                    }
+
+                    Text(text)
+                        .font(.system(
+                            size: withBolt ? circleDiameter * 0.112 : circleDiameter * 0.125,
+                            weight: .heavy,
+                            design: .rounded
+                        ))
+                        .foregroundColor(Color.white.opacity(0.98))
+                        .shadow(color: Color.black.opacity(0.8), radius: 2, y: 1)
+                }
+                .padding(.horizontal, circleDiameter * 0.055)
+                .padding(.vertical, circleDiameter * 0.022)
+                .background(
+                    Capsule()
+                        .fill(Color(red: 0.04, green: 0.05, blue: 0.08).opacity(0.88))
+                )
+                .overlay(
+                    Capsule()
+                        .stroke(
+                            LinearGradient(
+                                colors: [
+                                    Color.white.opacity(0.35),
+                                    Color.cyan.opacity(0.35),
+                                    Color.white.opacity(0.12)
+                                ],
+                                startPoint: .topLeading,
+                                endPoint: .bottomTrailing
+                            ),
+                            lineWidth: max(0.8, circleDiameter * 0.012)
+                        )
+                )
+                .shadow(color: Color.black.opacity(0.6), radius: 4, y: 2)
+            }
+
+            // 4. Emerald Active Beacon Dot (Upper Right)
+            ZStack {
+                // Radiant beacon bloom
+                Circle()
+                    .fill(Color(red: 0.2, green: 0.88, blue: 0.45).opacity(0.4))
+                    .frame(width: beaconSize * 1.6, height: beaconSize * 1.6)
+                    .blur(radius: beaconSize * 0.25)
+
+                // Solid beacon dot
+                Circle()
+                    .fill(
+                        RadialGradient(
+                            colors: [
+                                Color(red: 0.4, green: 1.0, blue: 0.65),
+                                Color(red: 0.15, green: 0.82, blue: 0.4)
+                            ],
+                            center: .center,
+                            startRadius: 0,
+                            endRadius: beaconSize * 0.5
+                        )
+                    )
+                    .frame(width: beaconSize, height: beaconSize)
+                    .overlay(
+                        Circle()
+                            .stroke(Color(red: 0.05, green: 0.06, blue: 0.09), lineWidth: max(1.2, beaconSize * 0.16))
+                    )
+                    .shadow(
+                        color: Color(red: 0.2, green: 0.88, blue: 0.45).opacity(0.95),
+                        radius: max(3.0, beaconSize * 0.35)
+                    )
+            }
+            .offset(x: beaconOffset, y: -beaconOffset)
+        }
+        .frame(width: size, height: size)
+    }
+}

codex_flow/data/apps/macos-overlay/Sources/Views/SleekSwitch.swift

@@ -0,0 +1,117 @@
+import SwiftUI
+
+/// A modern, tactile switch toggle style tailored for dark glassmorphic overlays.
+///
+/// Features a vibrant luminous track when active, a clean translucent dark glass
+/// track when inactive, smooth spring physics, subtle depth drop-shadows, and
+/// clear visual contrast in macOS dark mode.
+public struct SleekSwitchToggleStyle: ToggleStyle {
+    public var tint: Color
+    public var width: CGFloat
+    public var height: CGFloat
+
+    public init(tint: Color = .cyan, width: CGFloat = 34, height: CGFloat = 19) {
+        self.tint = tint
+        self.width = width
+        self.height = height
+    }
+
+    public func makeBody(configuration: Configuration) -> some View {
+        SleekSwitchControl(configuration: configuration, tint: tint, width: width, height: height)
+    }
+}
+
+private struct SleekSwitchControl: View {
+    let configuration: ToggleStyle.Configuration
+    let tint: Color
+    let width: CGFloat
+    let height: CGFloat
+
+    @Environment(\.isEnabled) private var isEnabled
+    @State private var isHovered = false
+
+    private var knobSize: CGFloat { height - 4 }
+    private var travelDistance: CGFloat { width - knobSize - 4 }
+
+    var body: some View {
+        Button {
+            withAnimation(.spring(response: 0.24, dampingFraction: 0.72)) {
+                configuration.isOn.toggle()
+            }
+        } label: {
+            ZStack(alignment: .leading) {
+                // Background Track
+                Capsule(style: .continuous)
+                    .fill(
+                        configuration.isOn
+                            ? LinearGradient(
+                                colors: [tint, tint.opacity(0.82)],
+                                startPoint: .topLeading,
+                                endPoint: .bottomTrailing
+                            )
+                            : LinearGradient(
+                                colors: [
+                                    Color.white.opacity(isHovered ? 0.16 : 0.11),
+                                    Color.white.opacity(isHovered ? 0.09 : 0.06)
+                                ],
+                                startPoint: .top,
+                                endPoint: .bottom
+                            )
+                    )
+                    .overlay(
+                        Capsule(style: .continuous)
+                            .stroke(
+                                configuration.isOn
+                                    ? tint.opacity(0.55)
+                                    : Color.white.opacity(isHovered ? 0.18 : 0.12),
+                                lineWidth: 0.8
+                            )
+                    )
+
+                // Active subtle ambient glow
+                if configuration.isOn {
+                    Capsule(style: .continuous)
+                        .stroke(tint.opacity(0.4), lineWidth: 1.5)
+                        .blur(radius: 2)
+                }
+
+                // Knob
+                Circle()
+                    .fill(
+                        configuration.isOn
+                            ? LinearGradient(
+                                colors: [.white, Color(white: 0.94)],
+                                startPoint: .top,
+                                endPoint: .bottom
+                            )
+                            : LinearGradient(
+                                colors: [
+                                    Color(white: isHovered ? 0.92 : 0.86),
+                                    Color(white: isHovered ? 0.82 : 0.76)
+                                ],
+                                startPoint: .top,
+                                endPoint: .bottom
+                            )
+                    )
+                    .frame(width: knobSize, height: knobSize)
+                    .shadow(
+                        color: Color.black.opacity(configuration.isOn ? 0.35 : 0.28),
+                        radius: 2,
+                        x: configuration.isOn ? -0.5 : 0.5,
+                        y: 1
+                    )
+                    .padding(.leading, 2)
+                    .offset(x: configuration.isOn ? travelDistance : 0)
+                    .scaleEffect(isHovered ? 1.04 : 1.0)
+            }
+            .frame(width: width, height: height)
+            .contentShape(Capsule(style: .continuous))
+        }
+        .buttonStyle(.plain)
+        .opacity(isEnabled ? 1.0 : 0.42)
+        .onHover { isHovered = $0 }
+        .accessibilityElement(children: .combine)
+        .accessibilityValue(configuration.isOn ? "On" : "Off")
+        .accessibilityAddTraits(.isButton)
+    }
+}