| | |
| | | // MARK: - Notification for manual re-index |
| | | |
| | | extension Notification.Name { |
| | | static let apptagEditModeChanged = Notification.Name("ApptagEditModeChanged") |
| | | static let tagLauncherEditModeChanged = Notification.Name("TagLauncherEditModeChanged") |
| | | } |
| | | |
| | | // MARK: - Edit Phase |
| | |
| | | @State private var draggedTagNames: [String] = [] // live drag order |
| | | @State private var dragItem: String? = nil // currently dragged tag |
| | | @State private var hoveredContainer: String? = nil // colored container lift |
| | | // Fixed interaction for "Colorless Container": hover fills persistently; click clears. |
| | | @State private var filledColorlessContainer: String? = nil |
| | | |
| | | // Configurable defaults |
| | | @AppStorage("defaultGroupName") private var defaultGroupName = "Other" |
| | |
| | | |
| | | private var isSideLayout: Bool { |
| | | tagPosition == "left" || tagPosition == "right" |
| | | } |
| | | |
| | | private var isColorlessContainerMode: Bool { |
| | | displayMode == "container" || displayMode == "gridContainer" |
| | | } |
| | | |
| | | private var isColoredContainerMode: Bool { |
| | | displayMode == "coloredContainer" || displayMode == "coloredGridContainer" |
| | | } |
| | | |
| | | var body: some View { |
| | |
| | | .onChange(of: editPhase) { _, newPhase in |
| | | let active = newPhase != .none |
| | | NotificationCenter.default.post( |
| | | name: .apptagEditModeChanged, |
| | | name: .tagLauncherEditModeChanged, |
| | | object: nil, |
| | | userInfo: ["active": active] |
| | | ) |
| | |
| | | /// Set edit phase with synchronous notification BEFORE state change. |
| | | func setEditPhase(_ phase: EditPhase) { |
| | | if phase != .none { |
| | | NotificationCenter.default.post(name: .apptagEditModeChanged, object: nil, userInfo: ["active": true]) |
| | | NotificationCenter.default.post(name: .tagLauncherEditModeChanged, object: nil, userInfo: ["active": true]) |
| | | NSApp.activate(ignoringOtherApps: true) |
| | | // Always sync tag list from database when entering edit mode |
| | | let store = TagDatabase.load() |
| | |
| | | editPhase = phase |
| | | if phase == .none { |
| | | DispatchQueue.main.async { |
| | | NotificationCenter.default.post(name: .apptagEditModeChanged, object: nil, userInfo: ["active": false]) |
| | | NotificationCenter.default.post(name: .tagLauncherEditModeChanged, object: nil, userInfo: ["active": false]) |
| | | } |
| | | } |
| | | } |
| | |
| | | ForEach(tagLabels) { tag in |
| | | TagPill(name: tag.name, colorIndex: tag.colorIndex, |
| | | action: { |
| | | if isColorlessContainerMode { |
| | | toggleColorlessFill(tag.id) |
| | | } |
| | | scrollTo(tag.id) |
| | | }) |
| | | .onHover { hovering in |
| | | if hovering { scrollTo(tag.id) } |
| | | if hovering { |
| | | fillColorlessContainer(tag.id) |
| | | scrollTo(tag.id) |
| | | } |
| | | } |
| | | } |
| | | }.padding(.horizontal, 24) |
| | |
| | | ForEach(tagLabels) { tag in |
| | | SideTagPill(name: tag.name, colorIndex: tag.colorIndex, |
| | | action: { |
| | | if isColorlessContainerMode { |
| | | toggleColorlessFill(tag.id) |
| | | } |
| | | scrollTo(tag.id) |
| | | }) |
| | | .onHover { hovering in |
| | | if hovering { scrollTo(tag.id) } |
| | | if hovering { |
| | | fillColorlessContainer(tag.id) |
| | | scrollTo(tag.id) |
| | | } |
| | | } |
| | | } |
| | | }.padding(12) |
| | |
| | | Spacer() |
| | | ProgressView().scaleEffect(0.8) |
| | | Spacer() |
| | | } else if displayMode == "gridContainer" || displayMode == "coloredGridContainer" { |
| | | gridContainerGrid |
| | | } else if displayMode == "container" || displayMode == "coloredContainer" { |
| | | containerGrid |
| | | } else { |
| | |
| | | |
| | | private func masonryCard(_ group: TagGroup, width: CGFloat) -> some View { |
| | | let isColored = displayMode == "coloredContainer" |
| | | let isColorless = isColorlessContainerMode |
| | | let isColorlessFilled = isColorless && filledColorlessContainer == group.name |
| | | let isHovered = hoveredContainer == group.name |
| | | let isColorlessActive = isColorless && (isColorlessFilled || isHovered) |
| | | let tagColor = Color(nsColor: TagColor.nsColor(for: tagColors[group.name] ?? 0)) |
| | | return VStack(alignment: .leading, spacing: 6) { |
| | | HStack(spacing: 0) { |
| | |
| | | .padding(16) |
| | | .background( |
| | | RoundedRectangle(cornerRadius: 14) |
| | | .fill(isColored ? tagColor.opacity(0.30) : Color.clear) |
| | | .fill((isColored || isColorlessActive) ? tagColor.opacity(0.30) : Color.clear) |
| | | .background( |
| | | RoundedRectangle(cornerRadius: 14) |
| | | .fill(.ultraThinMaterial) |
| | |
| | | RoundedRectangle(cornerRadius: 14) |
| | | .stroke(Color.primary.opacity(0.08), lineWidth: 1) |
| | | ) |
| | | .shadow(color: .black.opacity(isColored && isHovered ? 0.22 : 0), |
| | | radius: isColored && isHovered ? 18 : 0, |
| | | y: isColored && isHovered ? 10 : 0) |
| | | .shadow(color: .black.opacity((isColored && isHovered) || isColorlessActive ? 0.22 : 0), |
| | | radius: (isColored && isHovered) || isColorlessActive ? 18 : 0, |
| | | y: (isColored && isHovered) || isColorlessActive ? 10 : 0) |
| | | .scaleEffect(isColored && isHovered ? 1.015 : 1.0) |
| | | .animation(.spring(response: 0.25, dampingFraction: 0.82), value: isHovered) |
| | | .animation(.spring(response: 0.25, dampingFraction: 0.82), value: isColorlessFilled) |
| | | .onHover { hovering in |
| | | hoveredContainer = hovering ? group.name : nil |
| | | if isColored || isColorless { |
| | | hoveredContainer = hovering ? group.name : nil |
| | | } |
| | | } |
| | | .contentShape(RoundedRectangle(cornerRadius: 14)) |
| | | .onTapGesture { |
| | | if isColorless { |
| | | toggleColorlessFill(group.name) |
| | | } |
| | | } |
| | | } |
| | | |
| | | private var gridContainerGrid: some View { |
| | | GeometryReader { geo in |
| | | let outerPad: CGFloat = 20 |
| | | let gap: CGFloat = 16 |
| | | let available = geo.size.width - outerPad * 2 |
| | | let preferredCount = preferredGridContainersPerRow(availableWidth: available) |
| | | let rows = gridContainerRows(groups: groups, trackCount: preferredCount, availableWidth: available, gap: gap) |
| | | |
| | | ScrollViewReader { proxy in |
| | | ScrollView { |
| | | VStack(alignment: .leading, spacing: gap) { |
| | | ForEach(Array(rows.indices), id: \.self) { rowIndex in |
| | | let row = rows[rowIndex] |
| | | |
| | | HStack(alignment: .top, spacing: gap) { |
| | | ForEach(Array(row.items.indices), id: \.self) { itemIndex in |
| | | let item = row.items[itemIndex] |
| | | gridContainerCard(item.group, width: item.width, fixedRows: row.fixedRows) |
| | | .id(item.group.id) |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .padding(outerPad) |
| | | .frame(maxWidth: .infinity, alignment: .topLeading) |
| | | } |
| | | .id(displayMode) |
| | | .onAppear { scrollProxy = proxy } |
| | | } |
| | | } |
| | | } |
| | | |
| | | private func preferredGridContainersPerRow(availableWidth: CGFloat) -> Int { |
| | | let minCardWidth = max(260, iconSize * 3 + 88) |
| | | if availableWidth >= minCardWidth * 3 + 32 { return 3 } |
| | | if availableWidth >= minCardWidth * 2 + 16 { return 2 } |
| | | return 1 |
| | | } |
| | | |
| | | private struct GridContainerLayoutItem { |
| | | let group: TagGroup |
| | | let width: CGFloat |
| | | } |
| | | |
| | | private struct GridContainerLayoutRow { |
| | | let items: [GridContainerLayoutItem] |
| | | let fixedRows: Int |
| | | } |
| | | |
| | | private struct GridContainerCandidate { |
| | | let spans: [Int] |
| | | let rows: Int |
| | | let cost: CGFloat |
| | | } |
| | | |
| | | private func gridContainerRows(groups: [TagGroup], trackCount: Int, availableWidth: CGFloat, gap: CGFloat) -> [GridContainerLayoutRow] { |
| | | let trackCount = max(1, trackCount) |
| | | let trackWidth = (availableWidth - gap * CGFloat(trackCount - 1)) / CGFloat(trackCount) |
| | | let patterns = gridContainerSpanPatterns(trackCount: trackCount) |
| | | let n = groups.count |
| | | guard n > 0 else { return [] } |
| | | |
| | | var bestCost = Array(repeating: CGFloat.greatestFiniteMagnitude, count: n + 1) |
| | | var bestPattern = Array(repeating: [Int](), count: n) |
| | | bestCost[n] = 0 |
| | | |
| | | for index in stride(from: n - 1, through: 0, by: -1) { |
| | | for pattern in patterns where index + pattern.count <= n { |
| | | let candidate = gridContainerCandidate( |
| | | groups: groups, |
| | | startIndex: index, |
| | | spans: pattern, |
| | | trackWidth: trackWidth, |
| | | availableWidth: availableWidth, |
| | | gap: gap |
| | | ) |
| | | let totalCost = candidate.cost + bestCost[index + pattern.count] |
| | | if totalCost < bestCost[index] { |
| | | bestCost[index] = totalCost |
| | | bestPattern[index] = candidate.spans |
| | | } |
| | | } |
| | | } |
| | | |
| | | var rows: [GridContainerLayoutRow] = [] |
| | | var index = 0 |
| | | while index < n { |
| | | let spans = bestPattern[index].isEmpty ? [trackCount] : bestPattern[index] |
| | | let widths = spans.map { gridContainerWidth(trackWidth: trackWidth, span: $0, gap: gap) } |
| | | let fixedRows = widths.indices.map { |
| | | iconRows(appCount: groups[index + $0].apps.count, width: widths[$0]) |
| | | }.max() ?? 1 |
| | | let items = widths.indices.map { |
| | | GridContainerLayoutItem(group: groups[index + $0], width: widths[$0]) |
| | | } |
| | | rows.append(GridContainerLayoutRow(items: items, fixedRows: fixedRows)) |
| | | index += spans.count |
| | | } |
| | | return rows |
| | | } |
| | | |
| | | private func gridContainerSpanPatterns(trackCount: Int) -> [[Int]] { |
| | | switch trackCount { |
| | | case 3: |
| | | return [[1, 1, 1], [1, 2], [2, 1], [3]] |
| | | case 2: |
| | | return [[1, 1], [2]] |
| | | default: |
| | | return [[1]] |
| | | } |
| | | } |
| | | |
| | | private func gridContainerCandidate( |
| | | groups: [TagGroup], |
| | | startIndex: Int, |
| | | spans: [Int], |
| | | trackWidth: CGFloat, |
| | | availableWidth: CGFloat, |
| | | gap: CGFloat |
| | | ) -> GridContainerCandidate { |
| | | let widths = spans.map { gridContainerWidth(trackWidth: trackWidth, span: $0, gap: gap) } |
| | | let rowCounts = widths.indices.map { |
| | | iconRows(appCount: groups[startIndex + $0].apps.count, width: widths[$0]) |
| | | } |
| | | let fixedRows = rowCounts.max() ?? 1 |
| | | let rowArea = CGFloat(fixedRows) * iconCellHeight() * availableWidth |
| | | let paddingCost = CGFloat(spans.count) * 0.001 |
| | | return GridContainerCandidate(spans: spans, rows: fixedRows, cost: rowArea + paddingCost) |
| | | } |
| | | |
| | | private func gridContainerWidth(trackWidth: CGFloat, span: Int, gap: CGFloat) -> CGFloat { |
| | | let span = max(1, span) |
| | | return trackWidth * CGFloat(span) + gap * CGFloat(span - 1) |
| | | } |
| | | |
| | | private func iconColumns(width: CGFloat) -> Int { |
| | | let inner = width - 32 |
| | | let itemW = iconSize + 34 |
| | | return max(1, Int((inner + 6) / itemW)) |
| | | } |
| | | |
| | | private func iconRows(appCount: Int, width: CGFloat) -> Int { |
| | | let cols = iconColumns(width: width) |
| | | return max(1, (appCount + cols - 1) / cols) |
| | | } |
| | | |
| | | private func gridContainerCard(_ group: TagGroup, width: CGFloat, fixedRows: Int) -> some View { |
| | | let isColored = displayMode == "coloredGridContainer" |
| | | let isColorlessGrid = displayMode == "gridContainer" |
| | | let isColorless = isColorlessContainerMode |
| | | let isColorlessFilled = isColorless && filledColorlessContainer == group.name |
| | | let isHovered = hoveredContainer == group.name |
| | | let isColorlessGridActive = isColorlessGrid && (isColorlessFilled || isHovered) |
| | | let cols = iconColumns(width: width) |
| | | let contentWidth = max(1, width - 32) |
| | | let cellWidth = max(1, (contentWidth - 6 * CGFloat(cols - 1)) / CGFloat(cols)) |
| | | let cellHeight = iconCellHeight() |
| | | let gridHeight = CGFloat(fixedRows) * cellHeight + CGFloat(max(0, fixedRows - 1)) * 2 |
| | | let rows = appRows(group.apps, columns: cols, fixedRows: fixedRows) |
| | | let tagColor = Color(nsColor: TagColor.nsColor(for: tagColors[group.name] ?? 0)) |
| | | |
| | | return VStack(alignment: .leading, spacing: 6) { |
| | | HStack(spacing: 0) { |
| | | Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1) |
| | | .layoutPriority(0) |
| | | Text(group.name) |
| | | .font(.system(size: tagFontSize, weight: .semibold)) |
| | | .foregroundStyle(.secondary) |
| | | .lineLimit(1) |
| | | .truncationMode(.middle) |
| | | .padding(.horizontal, 10) |
| | | .layoutPriority(1) |
| | | Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1) |
| | | .layoutPriority(0) |
| | | } |
| | | |
| | | VStack(alignment: .leading, spacing: 2) { |
| | | ForEach(rows.indices, id: \.self) { rowIndex in |
| | | HStack(alignment: .top, spacing: 6) { |
| | | ForEach(rows[rowIndex]) { app in |
| | | AppGridItem(app: app, iconSize: iconSize, showName: !hideAppNames, onSelect: { openApp(app) }) |
| | | .frame(width: cellWidth) |
| | | .frame(height: cellHeight) |
| | | } |
| | | |
| | | let emptyCells = max(0, cols - rows[rowIndex].count) |
| | | ForEach(0..<emptyCells, id: \.self) { _ in |
| | | Color.clear |
| | | .frame(width: cellWidth, height: cellHeight) |
| | | } |
| | | } |
| | | .frame(height: cellHeight) |
| | | } |
| | | } |
| | | .frame(height: gridHeight, alignment: .topLeading) |
| | | } |
| | | .frame(width: contentWidth) |
| | | .padding(16) |
| | | .background( |
| | | RoundedRectangle(cornerRadius: 14) |
| | | .fill((isColored || isColorlessGridActive) ? tagColor.opacity(0.30) : Color.clear) |
| | | .background( |
| | | RoundedRectangle(cornerRadius: 14) |
| | | .fill(.ultraThinMaterial) |
| | | ) |
| | | ) |
| | | .overlay( |
| | | RoundedRectangle(cornerRadius: 14) |
| | | .stroke(Color.primary.opacity(0.08), lineWidth: 1) |
| | | ) |
| | | .shadow(color: .black.opacity((isColored && isHovered) || isColorlessGridActive ? 0.22 : 0), |
| | | radius: (isColored && isHovered) || isColorlessGridActive ? 18 : 0, |
| | | y: (isColored && isHovered) || isColorlessGridActive ? 10 : 0) |
| | | .scaleEffect(isColored && isHovered ? 1.015 : 1.0) |
| | | .animation(.spring(response: 0.25, dampingFraction: 0.82), value: isHovered) |
| | | .animation(.spring(response: 0.25, dampingFraction: 0.82), value: isColorlessFilled) |
| | | .onHover { hovering in |
| | | if isColored || isColorlessGrid { |
| | | hoveredContainer = hovering ? group.name : nil |
| | | } else if hovering { |
| | | fillColorlessContainer(group.name) |
| | | } |
| | | } |
| | | .contentShape(RoundedRectangle(cornerRadius: 14)) |
| | | .onTapGesture { |
| | | if isColorlessGrid { |
| | | toggleColorlessFill(group.name) |
| | | } |
| | | } |
| | | } |
| | | |
| | | private func iconCellHeight() -> CGFloat { |
| | | iconSize + (hideAppNames ? 16 : 42) |
| | | } |
| | | |
| | | private func appRows(_ apps: [AppInfo], columns: Int, fixedRows: Int) -> [[AppInfo]] { |
| | | let columns = max(1, columns) |
| | | let rowCount = max(1, fixedRows) |
| | | return (0..<rowCount).map { rowIndex in |
| | | let start = rowIndex * columns |
| | | guard start < apps.count else { return [] } |
| | | let end = min(start + columns, apps.count) |
| | | return Array(apps[start..<end]) |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | private var editAppsGrid: some View { |
| | | GeometryReader { geo in |
| | | let outerPad: CGFloat = 20 |
| | | let gap: CGFloat = 16 |
| | | let available = geo.size.width - outerPad * 2 |
| | | let colW: CGFloat = 300 |
| | | let colCount = max(1, Int((available + gap) / (colW + gap))) |
| | | let actualColW = (available - gap * CGFloat(colCount - 1)) / CGFloat(colCount) |
| | | let columns = distributeToColumns(groups: groups, colCount: colCount, colWidth: actualColW) |
| | | |
| | | ScrollView { |
| | | HStack(alignment: .top, spacing: gap) { |
| | | ForEach(0..<colCount, id: \.self) { ci in |
| | | LazyVStack(spacing: gap) { |
| | | ForEach(columns[ci]) { group in |
| | | editGroupCard(group, width: actualColW) |
| | | } |
| | | } |
| | | } |
| | | ScrollView { |
| | | LazyVStack(alignment: .leading, spacing: 24) { |
| | | ForEach(groups) { group in |
| | | editFlatGroup(group) |
| | | } |
| | | .padding(outerPad) |
| | | .frame(maxWidth: .infinity, alignment: .topLeading) |
| | | } |
| | | .padding(20) |
| | | } |
| | | } |
| | | |
| | | private func editGroupCard(_ group: TagGroup, width: CGFloat) -> some View { |
| | | VStack(alignment: .leading, spacing: 6) { |
| | | private func editFlatGroup(_ group: TagGroup) -> some View { |
| | | VStack(alignment: .leading, spacing: 0) { |
| | | HStack(spacing: 0) { |
| | | Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1) |
| | | .layoutPriority(0) |
| | | Text(group.name) |
| | | .font(.system(size: tagFontSize, weight: .semibold)) |
| | | .foregroundStyle(.secondary) |
| | | .lineLimit(1) |
| | | .truncationMode(.middle) |
| | | .padding(.horizontal, 10) |
| | | .layoutPriority(1) |
| | | Rectangle().fill(.secondary.opacity(0.25)).frame(height: 1) |
| | | .layoutPriority(0) |
| | | } |
| | | .padding(.bottom, 6) |
| | | |
| | | LazyVGrid( |
| | | columns: [GridItem(.adaptive(minimum: iconSize + 28, maximum: iconSize + 64), spacing: 6)], |
| | | spacing: 2 |
| | |
| | | ForEach(group.apps) { app in editableAppItem(app) } |
| | | } |
| | | } |
| | | .frame(maxWidth: width) |
| | | .padding(16) |
| | | .background( |
| | | RoundedRectangle(cornerRadius: 14) |
| | | .fill(.ultraThinMaterial) |
| | | ) |
| | | .overlay( |
| | | RoundedRectangle(cornerRadius: 14) |
| | | .stroke(Color.primary.opacity(0.08), lineWidth: 1) |
| | | ) |
| | | } |
| | | |
| | | private func selectableTagItem(_ tagName: String) -> some View { |
| | |
| | | withAnimation(.easeInOut(duration: 0.25)) { scrollProxy?.scrollTo(id, anchor: .top) } |
| | | } |
| | | |
| | | private func fillColorlessContainer(_ id: String) { |
| | | guard isColorlessContainerMode else { return } |
| | | filledColorlessContainer = id |
| | | } |
| | | |
| | | private func toggleColorlessFill(_ id: String) { |
| | | guard isColorlessContainerMode else { return } |
| | | filledColorlessContainer = (filledColorlessContainer == id) ? nil : id |
| | | } |
| | | |
| | | func refreshApps() { |
| | | DispatchQueue.global(qos: .userInitiated).async { |
| | | var apps = AppIndexer.scan() |
| | |
| | | |
| | | func openApp(_ app: AppInfo) { |
| | | hideOverlay() |
| | | NSWorkspace.shared.open(app.path) |
| | | if let bundleIdentifier = app.bundleIdentifier { |
| | | NSWorkspace.shared.launchApplication( |
| | | withBundleIdentifier: bundleIdentifier, |
| | | options: [], |
| | | additionalEventParamDescriptor: nil, |
| | | launchIdentifier: nil |
| | | ) |
| | | return |
| | | } |
| | | |
| | | let configuration = NSWorkspace.OpenConfiguration() |
| | | NSWorkspace.shared.openApplication(at: app.path, configuration: configuration) |
| | | } |
| | | } |
| | | |